.brand {
	position: relative;
}

	.brand .brand-container .txt {
		width: 55.9%;
		padding-right: 8%;
	}

		.brand .brand-container .txt .brand-t {
			position: relative;
			margin-bottom: 2.55rem;
		}

			.brand .brand-container .txt .brand-t::after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				width: 15.64rem;
				height: 4.32rem;
				background: url(../images/brand-info-name.png) no-repeat center;
				background-size: contain;
			}

			.brand .brand-container .txt .brand-t h3 {
				font-size: 1.09rem;
				color: #a78b6b;
				margin-bottom: 0.68rem;
				font-weight: 500;
			}

			.brand .brand-container .txt .brand-t p {
				font-size: 0.82rem;
				color: #a78b6b;
			}

		.brand .brand-container .txt .info p {
			line-height: 1.36rem;
			font-size: 0.73rem;
			color: #808080;
			text-align: justify;
			margin-top: 1.32rem;
		}

	.brand .brand-container .brand-pic {
		width: 44.1%;
	}

	.brand .brand-container #brand-container {
		height: 20rem;
	}

	.brand .brand-des {
		background: url(../images/brand-info-bg.jpg) no-repeat center;
		background-size: cover;
		padding: 2.59rem 0;
		margin-top: 4.55rem;
	}

		.brand .brand-des .item {
			position: relative;
			text-align: center;
			width: 25%;
		}

			.brand .brand-des .item::after {
				content: '';
				position: absolute;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
				width: 0.05rem;
				height: 2rem;
				background-color: #f5f5f5;
			}

			.brand .brand-des .item:last-child::after {
				width: 0;
				height: 0;
			}

			.brand .brand-des .item .brand-t {
				font-size: 1.27rem;
				color: #fff;
				margin-bottom: 0.55rem;
			}

			.brand .brand-des .item p {
				font-size: 0.82rem;
				color: #fff;
			}

	.brand .brand-pic #photo-container {
		height: 20rem;
	}

	.brand .brand-pic .right-swiper {
		position: absolute;
		right: 0;
		top: 49.5%;
		transform: translateY(-50%);
		width: 10.86rem;
		height: 20rem;
		z-index: 1;
	}

.culture {
	padding-bottom: 4.55rem;
	background: url(../images/culture-bg.jpg) no-repeat center;
	background-size: cover;
}

	.culture .culture-container .cul-box {
		width: 48%;
		padding: 1.36rem 0;
		background-color: #ffffff;
		margin-right: 2%;
		text-align: center;
		margin-bottom: 1.82rem;
	}

		.culture .culture-container .cul-box:nth-child(4n) {
			margin-right: 0;
		}

		.culture .culture-container .cul-box .icon {
			position: relative;
			width: 3.36rem;
			height: 3.36rem;
			text-align: center;
			line-height: 3.36rem;
			border-radius: 50%;
			border: 0.09rem solid #e4e4e4;
			margin: 0 auto;
		}

			.culture .culture-container .cul-box .icon i {
				font-size: 1.91rem;
				color: #b5b5b5;
			}

			.culture .culture-container .cul-box .icon img {
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				width: 1.86rem;
				height: 1.64rem;
				object-fit: contain;
				filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);
			}

		.culture .culture-container .cul-box:hover .icon img {
			filter: none;
		}

		.culture .culture-container .cul-box .icon .icon-img-hover {
			display: none;
		}

		.culture .culture-container .cul-box h3 {
			position: relative;
			margin: 1.23rem 0 1.73rem;
			color: #a78b6b;
			font-size: 0.73rem;
		}

			.culture .culture-container .cul-box h3::after {
				content: '';
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				bottom: -0.82rem;
				width: 0.91rem;
				height: 0.09rem;
				background-color: #a78b6b;
			}

		.culture .culture-container .cul-box .info {
			color: #666666;
		}

			.culture .culture-container .cul-box .info p,
			.culture .culture-container .cul-box .info span {
				color: #666666;
				font-size: 16px;
				text-align: left;
				line-height: 2em;
				width: 80%;
				margin: 0 auto;
			}

		.culture .culture-container .cul-box:hover {
			background-color: #a78b6b;
		}

			.culture .culture-container .cul-box:hover .icon {
				background-color: #fff;
				border: 0.09rem solid #fff;
			}

				.culture .culture-container .cul-box:hover .icon .icon-img {
					display: none;
				}

				.culture .culture-container .cul-box:hover .icon .icon-img-hover {
					display: block;
				}

				.culture .culture-container .cul-box:hover .icon i {
					color: #a78b6b;
				}

			.culture .culture-container .cul-box:hover h3 {
				color: #fff;
			}

				.culture .culture-container .cul-box:hover h3::after {
					background-color: #fff;
				}

			.culture .culture-container .cul-box:hover p {
				color: #fff;
			}

.process {
	position: relative;
	padding-bottom: 6.36rem;
	background: url(../images/brand-process-bg.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
}

	.process .com-title {
		position: relative;
		z-index: 9;
	}

		.process .com-title h3 {
			color: #fff;
		}

	.process .circle-box .cir {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 50%;
		border: 0.05rem solid rgba(88, 88, 91, 0.2);
		z-index: 3;
	}

	.process .circle-box .cir-1 {
		bottom: -11.36rem;
		width: 22.73rem;
		height: 22.73rem;
	}

	.process .circle-box .cir-2 {
		position: absolute;
		bottom: -29.09rem;
		width: 50.73rem;
		height: 50.73rem;
		animation: rotate2 120s linear infinite;
		-webkit-animation: rotate2 120s linear infinite;
	}

		.process .circle-box .cir-2 .small-cir-2 {
			position: absolute;
			width: 0.18rem;
			height: 0.18rem;
			border-radius: 50%;
			background-color: #a78b6b;
			z-index: 3;
		}

		.process .circle-box .cir-2 .c2-1 {
			top: 29%;
			left: 4.38%;
		}

		.process .circle-box .cir-2 .c2-2 {
			top: 9%;
			left: 21%;
		}

		.process .circle-box .cir-2 .c2-3 {
			top: 27%;
			right: 5.2%;
		}

		.process .circle-box .cir-2 .c2-4 {
			top: 41%;
			right: 0.5%;
		}

		.process .circle-box .cir-2 .c2-5 {
			bottom: 22%;
			left: 8.3%;
		}

		.process .circle-box .cir-2 .c2-6 {
			bottom: 8%;
			left: 22.3%;
		}

		.process .circle-box .cir-2 .c2-7 {
			bottom: 19%;
			right: 10.3%;
		}

	.process .circle-box .cir-3 {
		bottom: -40.91rem;
		width: 71.18rem;
		height: 71.18rem;
		animation: rotate1 150s linear infinite;
		-webkit-animation: rotate1 150s linear infinite;
	}

		.process .circle-box .cir-3 .small-cir-3-s {
			position: absolute;
			width: 0.36rem;
			height: 0.36rem;
			border-radius: 50%;
			background-color: #a78b6b;
			z-index: 3;
		}

		.process .circle-box .cir-3 .small-cir-3-b {
			position: absolute;
			width: 0.45rem;
			height: 0.45rem;
			border-radius: 50%;
			background-color: #a78b6b;
			z-index: 3;
		}

		.process .circle-box .cir-3 .c3-1 {
			top: 41%;
			left: 0.5%;
		}

		.process .circle-box .cir-3 .c3-2 {
			top: 31%;
			left: 3.3%;
		}

		.process .circle-box .cir-3 .c3-3 {
			top: 6%;
			left: 25.5%;
		}

		.process .circle-box .cir-3 .c3-4 {
			top: 3%;
			left: 31.7%;
		}

		.process .circle-box .cir-3 .c3-5 {
			top: 3%;
			right: 31.7%;
		}

		.process .circle-box .cir-3 .c3-6 {
			top: 6%;
			right: 25.5%;
		}

		.process .circle-box .cir-3 .c3-7 {
			top: 19%;
			right: 10.3%;
		}

		.process .circle-box .cir-3 .c3-8 {
			top: 34%;
			right: 2.1%;
		}

		.process .circle-box .cir-3 .c3-9 {
			bottom: 26%;
			left: 5.8%;
		}

		.process .circle-box .cir-3 .c3-10 {
			bottom: 15%;
			left: 13.6%;
		}

		.process .circle-box .cir-3 .c3-11 {
			bottom: 34%;
			right: 2.1%;
		}

		.process .circle-box .cir-3 .c3-12 {
			bottom: 22%;
			right: 8%;
		}

		.process .circle-box .cir-3 .c3-13 {
			bottom: 2%;
			right: 35%;
		}

@keyframes rotate1 {
	0% {
		transform: translateX(-50%) rotate(0deg);
		-ms-transform: translateX(-50%) rotate(0deg);
		/* IE 9 */
		-moz-transform: translateX(-50%) rotate(0deg);
		/* Firefox */
		-webkit-transform: translateX(-50%) rotate(0deg);
		/* Safari 和 Chrome */
		-o-transform: translateX(-50%) rotate(0deg);
	}

	100% {
		transform: translateX(-50%) rotate(-360deg);
		-ms-transform: translateX(-50%) rotate(-360deg);
		/* IE 9 */
		-moz-transform: translateX(-50%) rotate(-360deg);
		/* Firefox */
		-webkit-transform: translateX(-50%) rotate(-360deg);
		/* Safari 和 Chrome */
		-o-transform: translateX(-50%) rotate(-360deg);
	}
}

@keyframes rotate2 {
	0% {
		transform: translateX(-50%) rotate(0deg);
		-ms-transform: translateX(-50%) rotate(0deg);
		/* IE 9 */
		-moz-transform: translateX(-50%) rotate(0deg);
		/* Firefox */
		-webkit-transform: translateX(-50%) rotate(0deg);
		/* Safari 和 Chrome */
		-o-transform: translateX(-50%) rotate(0deg);
	}

	100% {
		transform: translateX(-50%) rotate(360deg);
		-ms-transform: translateX(-50%) rotate(360deg);
		/* IE 9 */
		-moz-transform: translateX(-50%) rotate(360deg);
		/* Firefox */
		-webkit-transform: translateX(-50%) rotate(360deg);
		/* Safari 和 Chrome */
		-o-transform: translateX(-50%) rotate(360deg);
	}
}

.process .history {
	position: relative;
	z-index: 99;
}

	.process .history::before {
		content: '';
		position: absolute;
		left: 8%;
		bottom: 4.55rem;
		width: 83.3%;
		height: 0.05rem;
		background-color: rgba(167, 139, 107, 0.2);
		z-index: 1;
	}

	.process .history::after {
		content: '';
		position: absolute;
		left: 8%;
		bottom: 4.55rem;
		height: 2px;
		width: 12%;
		transition: width 0.3s;
		background-image: linear-gradient(90deg, #a78b6b 0%, #d3c5b5 76%, #ffffff 100%);
	}

	.process .history .history-top {
		min-height: 6.82rem;
	}

		.process .history .history-top .history-item {
			text-align: center;
			display: none;
		}

			.process .history .history-top .history-item p,
			.process .history .history-top .history-item span,
			.process .history .history-top .history-item strong {
				font-size: 0.91rem;
				color: #fff;
				line-height: 1.64rem;
			}

		.process .history .history-top .cur {
			display: block;
		}

	.process .history .year-container {
		position: relative;
	}

	.process .history #history-container {
		position: relative;
	}

		.process .history #history-container .swiper-slide {
			transition: all 0.3s;
			text-align: center;
		}

			.process .history #history-container .swiper-slide .active-t {
				opacity: 0;
			}

				.process .history #history-container .swiper-slide .active-t p {
					font-size: 0.91rem;
					color: #fff;
					line-height: 1.64rem;
				}

			.process .history #history-container .swiper-slide .circle {
				position: relative;
				height: 1.23rem;
				margin: 4.68rem auto 1.36rem;
			}

				.process .history #history-container .swiper-slide .circle .bc {
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%, -50%);
					width: 0.91rem;
					height: 0.91rem;
					border-radius: 50%;
					background-color: rgba(255, 255, 255, 0.3);
				}

				.process .history #history-container .swiper-slide .circle .sc {
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%, -50%);
					width: 0.55rem;
					height: 0.55rem;
					border-radius: 50%;
					background-color: #ffffff;
				}

				.process .history #history-container .swiper-slide .circle::before {
					content: '';
					position: absolute;
					left: 50%;
					bottom: 1.45rem;
					width: 0.05rem;
					height: 0;
					background: linear-gradient(to top, rgba(255, 255, 255, 0.8), 90%, transparent);
					transition: all 0.3s;
				}

				.process .history #history-container .swiper-slide .circle::after {
					content: '';
					position: absolute;
					left: 50%;
					top: 1.55rem;
					width: 0.05rem;
					height: 0;
					background-color: rgba(255, 255, 255, 0.8);
					transition: all 0.3s;
				}

			.process .history #history-container .swiper-slide .date {
				font-size: 1.09rem;
				color: rgba(255, 255, 255, 0.4);
			}

			.process .history #history-container .swiper-slide:hover {
				transition: all 0.3s;
			}

				.process .history #history-container .swiper-slide:hover .circle {
					margin: 4.68rem auto 2.91rem;
				}

					.process .history #history-container .swiper-slide:hover .circle::before {
						height: 2.73rem;
						transition: all 0.3s;
					}

					.process .history #history-container .swiper-slide:hover .circle::after {
						content: '';
						height: 1.36rem;
						transition: all 0.3s;
					}

		.process .history #history-container .cur {
			transition: all 0.3s;
		}

			.process .history #history-container .cur .circle {
				margin: 4.68rem auto 2.91rem;
			}

				.process .history #history-container .cur .circle::before {
					height: 2.73rem;
					transition: all 0.3s;
				}

				.process .history #history-container .cur .circle::after {
					content: '';
					height: 1.36rem;
					transition: all 0.3s;
				}

	.process .history .line {
		position: absolute;
		left: 0;
		bottom: 4.55rem;
		height: 0.09rem;
		width: 50%;
		transition: width 0.3s;
		background-image: linear-gradient(90deg, #a78b6b 0%, #d3c5b5 76%, #ffffff 100%);
	}

	.process .history .swiper-button-next,
	.process .history .swiper-button-prev {
		width: 1.82rem;
		height: 2.73rem;
		top: 45%;
		transform: translateY(-50%);
		text-align: center;
		line-height: 2.73rem;
		background: rgba(0, 0, 0, 0.4);
	}

		.process .history .swiper-button-next:hover,
		.process .history .swiper-button-prev:hover {
			background-color: rgba(167, 139, 107, 0.4);
		}

		.process .history .swiper-button-next:after,
		.process .history .swiper-button-prev:after {
			font-size: 1.09rem;
			color: #fff;
		}

	.process .history .swiper-button-prev,
	.process .history .swiper-container-rtl .swiper-button-next {
		left: 5.5rem;
	}

	.process .history .swiper-button-next,
	.process .history .swiper-container-rtl .swiper-button-prev {
		right: 5.5rem;
	}

.honor .honor-box {
	position: relative;
}

	.honor .honor-box .swiper-button-next,
	.honor .honor-box .swiper-button-prev {
		width: 1.82rem;
		height: 2.73rem;
		top: 45%;
		transform: translateY(-50%);
		text-align: center;
		line-height: 2.73rem;
		background: rgba(0, 0, 0, 0.4);
	}

		.honor .honor-box .swiper-button-next:hover,
		.honor .honor-box .swiper-button-prev:hover {
			background-color: rgba(167, 139, 107, 0.4);
		}

		.honor .honor-box .swiper-button-next:after,
		.honor .honor-box .swiper-button-prev:after {
			font-size: 1.09rem;
			color: #fff;
		}

	.honor .honor-box .swiper-button-prev,
	.honor .honor-box .swiper-container-rtl .swiper-button-next {
		left: -5.5rem;
	}

	.honor .honor-box .swiper-button-next,
	.honor .honor-box .swiper-container-rtl .swiper-button-prev {
		right: -5.5rem;
	}

.honor #honor-container {
	height: 21.45rem;
	padding-bottom: 3.86rem;
}

	.honor #honor-container img {
		object-fit: contain;
	}

	.honor #honor-container .swiper-pagination {
		bottom: 0;
	}

	.honor #honor-container .swiper-pagination-bullet {
		width: 1.82rem;
		height: 2px;
		background-color: #999999;
		border-radius: 0;
		margin: 0 0.45rem;
		opacity: 0.2;
	}

	.honor #honor-container .swiper-pagination-bullet-active {
		width: 2.73rem;
		height: 0.18rem;
		background-color: #a78b6b;
		opacity: 1;
	}

.partner {
	margin-top: 4.55rem;
	height: 33.91rem;
	background: url(../images/partner-bg.jpg) no-repeat center;
	background-size: cover;
}

	.partner .partner-all {
		position: relative;
	}

		.partner .partner-all .swiper-pagination {
			width: 100%;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}

		.partner .partner-all .swiper-pagination-bullet {
			width: 1.82rem;
			height: 0.09rem;
			margin: 0 0.45rem;
			border-radius: 0;
			background-color: #999999;
			transition: all 0.3s;
			opacity: 0.4;
		}

		.partner .partner-all .swiper-pagination-bullet-active {
			width: 2.73rem;
			height: 0.18rem;
			background-color: #a78b6b;
			transition: all 0.3s;
			opacity: 1;
		}

	.partner .part-t .supply h3 {
		font-size: 1.09rem;
		font-weight: 500;
	}

		.partner .part-t .supply h3 span {
			font-size: 0.73rem;
			font-weight: normal;
			color: #666;
			margin-left: 0.41rem;
		}

	.partner .part-t .union {
		text-align: right;
		color: #a78b6b;
		font-size: 0.73rem;
	}

		.partner .part-t .union .union-brand {
			position: relative;
			margin-bottom: 0.45rem;
		}

			.partner .part-t .union .union-brand::before {
				content: '';
				position: absolute;
				left: -7.95rem;
				top: 50%;
				transform: translateY(-50%);
				width: 5.91rem;
				height: 0.05rem;
				background-color: #a78b6b;
				opacity: 0.3;
			}

	.partner .partner-contaner {
		margin-top: 2.73rem;
		padding-bottom: 3.82rem;
	}

		.partner .partner-contaner .swiper-slide {
			background-color: #fff;
		}

			.partner .partner-contaner .swiper-slide .pic {
				position: relative;
				width: 100%;
				padding-bottom: 36.4%;
			}

				.partner .partner-contaner .swiper-slide .pic img {
					position: absolute;
					left: 0;
					top: 0;
				}

			.partner .partner-contaner .swiper-slide img {
				object-fit: contain;
			}

@media only screen and (max-width: 1680px) {
	.brand .brand-pic .right-swiper {
		width: 5.86rem;
	}

	.honor .honor-box .swiper-button-prev,
	.honor .honor-box .swiper-container-rtl .swiper-button-next {
		left: -2rem;
	}

	.honor .honor-box .swiper-button-next,
	.honor .honor-box .swiper-container-rtl .swiper-button-prev {
		right: -2rem;
	}
}

@media only screen and (max-width: 1280px) {
	.brand .brand-pic .right-swiper {
		width: 6.86rem;
	}
}

@media only screen and (max-width: 768px) {
	.brand .brand-container {
		flex-direction: column;
	}

		.brand .brand-container .txt {
			width: 100%;
			padding-right: 0;
		}

		.brand .brand-container .brand-pic {
			width: 100%;
			margin-top: 0.91rem;
		}

			.brand .brand-container .brand-pic .right-swiper {
				display: none;
			}

		.brand .brand-container #photo-container {
			height: 14rem;
		}

	.brand .brand-des {
		margin-top: 2.55rem;
	}

		.brand .brand-des .main-center {
			flex-wrap: wrap;
		}

		.brand .brand-des .item {
			width: 50%;
			margin-bottom: 0.91rem;
		}

			.brand .brand-des .item:nth-child(2n)::after {
				width: 0;
				height: 0;
			}

	.culture .culture-container {
		flex-wrap: wrap;
	}

		.culture .culture-container .cul-box {
			width: 100%;
			padding: 1.36rem 0.1rem;
			margin-bottom: 0.5rem;
		}
			.culture .culture-container .cul-box h3 {
				position: relative;
				margin: 1.23rem 0 1.73rem;
				color: #a78b6b;
				font-size: 1.26rem;
			}
			.culture .culture-container .cul-box .info p, .culture .culture-container .cul-box .info span {
				color: #666666;
				font-size: 16px;
				text-align: left;
				line-height: 2em;
				width: 86%;
				margin: 0 auto;
			}
			.culture .culture-container .cul-box .icon img {
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				width: 2rem;
				height: 2rem;
				object-fit: contain;
				filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);
			}
	.brand .brand-container .txt .info p {
		line-height: 2em;
		font-size: 16px;
		color: #808080;
		text-align: justify;
		margin-top: 1.32rem;
	}

			.culture .culture-container .cul-box p {
				line-height: 1.09rem;
			}

			.culture .culture-container .cul-box:nth-child(2n) {
				margin-right: 0;
			}

	.process .history .swiper-button-prev,
	.process .history .swiper-container-rtl .swiper-button-next {
		left: 0.91rem;
	}

	.process .history .swiper-button-next,
	.process .history .swiper-container-rtl .swiper-button-prev {
		right: 0.91rem;
	}

	.honor .honor-box .swiper-button-next,
	.honor .honor-box .swiper-button-prev {
		display: none;
	}

	.honor #honor-container {
		padding-bottom: 1.86rem;
	}

	.partner {
		margin-top: 1.55rem;
	}

		.partner .part-t {
			flex-direction: column;
		}

			.partner .part-t .supply {
				margin-bottom: 0.91rem;
			}

			.partner .part-t .union {
				text-align: left;
			}

				.partner .part-t .union .union-brand::before {
					width: 0;
					height: 0;
				}
}