.logo-hero {
	width: 48rem;
}

.top-bg {
	background: url("../images/d7f875fa639c1a806ef2d5e2d30e80e2.jpeg") no-repeat center;
	background-size: auto 100%;
}

.year-15 {
	background-image: url("../images/65ea36f3a74b2e5d65d09a8c_Bottle-Background.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

.feature-items>div {
	height: 60px;
	width: 350px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-box {
	z-index: -1;
	top: 0;
	left: 0;
}

.craft .fb {
	font-size: 20vw;
	z-index: 2;
	top: 6vh;
	line-height: 1;
	right: -8vw;
	opacity: 0;
}

.craft .content {
	height: 0;
}

.trs {
	transition: all 1s ease-in-out;
}

.craft {
	background-color: rgb(0, 0, 0, 0);
}

.craft:hover .fb {
	opacity: .3;
}

.craft:hover {
	background-color: rgb(0, 0, 0, 0.3);
}

.craft:hover .content {
	height: 360px;
}

.m-craft {
	background-color: rgb(0, 0, 0, .3);
	background-size: cover;
}

.m-craft .fb {
	font-size: 75vw;
	z-index: 2;
	top: 6vh;
	line-height: 1;
	right: -25vw;
	opacity: 0.5;
}

#m-crafts-water {
	background: url("../images/stuff_01.jpg") no-repeat center;
}

#m-crafts-food {
	background: url("../images/stuff_02.jpg") no-repeat center;
}

#m-crafts-yeast {
	background: url("../images/20230525110935_16100.jpg") no-repeat center;
}

#m-crafts-technology {
	background: url("../images/1684984240_2089x1088.jpg") no-repeat center;
}

.m-craft::before {
	content: "";
	/* 伪元素内容 */
	position: absolute;
	/* 绝对定位 */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* 填满父元素 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1));
	/* 半透明黑色 */
	z-index: 1;
	/* 确保在背景图片上面 */
}

.bg-image {
	display: none;
	/* 默认隐藏所有图片 */
}

.bg-image.active {
	display: block;
	/* 只显示带有active类的图片 */
}

.swiper-slide {
	height: 10vh !important
}

#hearo .year {
	width: 25%;
	padding-right: 15px;
}

#hearo .swiper-slide.swiper-slide-active {
	font-size: 18px;
	color: #fff !important
}

#hearo .swiper-slide {
	color: var(--bs-gray-500);
}

#hearo .swiper-slide .flex-fill {
	width: 74%;
}

#hearo .rounded-circle {
	width: 5px;
	height: 5px;
	top: 50%;
	left: 50%;
	transition: all .5s ease-in-out;
	transform: translate(-50%, -50%);
	background-color: var(--bs-gray-500);
}

#hearo .swiper-slide-active .rounded-circle {
	width: 7px;
	height: 7px;
	background-color: #fff !important
}

#hearo .swiper:before {
	content: '';
	position: absolute;
	left: calc(25% - 1px);
	height: 100%;
	width: 1px;
	background: rgb(255 255 255 / 15%);
	top: 0;
}

#honor .swiper-honor .img-box {
	padding-top: 75%;
}

#product-page {
	background: url("../images/product_bg-1.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#service {
	background-image: url("../images/service.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#feature .bg-box {
	background: url("../images/m-mt-bg.jpg");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

#feature .bg-box::before {
	content: "";
	/* 伪元素内容 */
	position: absolute;
	/* 绝对定位 */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* 填满父元素 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1));
	/* 半透明黑色 */
	z-index: 1;
	/* 确保在背景图片上面 */
}

#product-navbar {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0));
}

#map-box {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1));
}
#business-info h1{
	font-size: 10vw;
	position: absolute;
	left: -3vw;
	top:0;
	opacity: .8;
}
@media (max-width:767.98px){
	#business-info h1{
		font-size:50vw;
		left: -12vw;
	}
	#business-info .vertical-text{
		writing-mode: inherit
	}
}
input::placeholder,textarea::placeholder{
	color: var(--bs-secondary)!important;
}