body {
	font-family: 'MontserratLight', sans-serif;
	margin: 0;
	padding: 0;
}

  /* 隐藏电脑端导航栏 */
.desktop-nav {
	display: none;
}

  /* 显示手机端导航栏 */
.mobile-nav {
	display: flex;
}

.banner-item {
	flex: auto;
}

.navbar-custom {
	background-color: #000;
	height: 56px;
 /* 导航栏高度 */
}

.navbar-custom .navbar-brand,
.navbar-custom .nav-link {
	color: #fff !important;
}

.navbar-toggler-custom {
	border: none;
 /* 移除边框 */
}

.navbar-toggler-custom .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.search-box {
	display: none;
	position: absolute;
	top: 60px;
	right: 15px;
	background-color: #fff;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.offcanvas-custom {
	width: 200px !important;
	background-color: #000;
	color: #fff;
	top: 56px !important;
 /* 从导航栏下方开始显示 */
	height: auto;
 /* 高度由内容决定 */
	border: none;
 /* 移除边框 */
	position: fixed;
 /* 确保使用 fixed 定位 */
	transform: none !important;
 /* 覆盖 Bootstrap 的默认 transform */
}

.offcanvas-custom .offcanvas-body {
	padding: 0;
}

.offcanvas-custom .nav-item {
	padding: 8px 10px;
 /* 缩小菜单间距 */
	margin: 0;
 /* 移除默认的外边距 */
	border-bottom: 1px solid #333;
}

.offcanvas-custom .nav-item:last-child {
	border-bottom: none;
}

.navbar-brand img {
	height: 40px;
 /* 设置 logo 图片的高度 */
	width: auto;
 /* 宽度自适应 */
}

.navbar {
	flex-wrap: nowrap;
}

.banner_h1 {
	font-family: 'MontserratBold', sans-serif;
	font-size: 1.2rem;
	white-space: nowarp;
	font-display: swap;
	line-height: 1.2;
}

.shop-now-button {
	width: 120px;
	font-size: 16px;
	padding: 6px 6px;
}

.banner-text {
	max-width: 90%;
 /* 在更小屏幕上适当放宽文本最大宽度限制，避免文字换行过于突兀 */
	padding: 0 10px;
 /* 进一步缩小内边距，适应小屏幕空间 */
}

.home-featured-div {
	padding: 40px 40px 0px 40px;
}

.home-equipment-container {
	padding-top: 0px;
}

.home-equipment-item h3 {
	font-size: 20px;
}

.home-equipment-item p {
	font-size: 16px;
}

.equipment-item h3 {
	white-space: pre-line;
	word-break: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
	font-size: 20px;
}

.equipment-item p {
	font-size: 16px;
}

.desktop-equipment-container {
	display: none;
}

.mobile-equipment-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
 /* 图片间隔 */
	padding-top: 80px;
}

.mobile-equipment-container h1 {
	font-family: 'MontserratBold', sans-serif;
	font-size: 1.2rem;
}

.equipment-swiper-container {
	position: relative;
	margin: 0px !important;
	padding: 0 60px;
 /* 两侧留出箭头位置 */
	width: 100%;
	height: 100%;
	overflow:hidden;
}

.equipment-content-custom-swiper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	overflow: visible; /* 允许相邻幻灯片溢出容器 */
}

.equipment-content-custom-swiper-slide {
	text-align: center;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
    width: 75%; /* 设置幻灯片宽度 */
    height: 75%;
    opacity: 0.5; /* 非活动幻灯片的透明度 */
    transition: opacity 0.3s ease;
}

.equipment-content-custom-swiper-slide.swiper-slide-active {
	opacity: 1; /* 活动幻灯片完全不透明 */
}

.equipment-content-custom-swiper-slide:hover {
	transform: scale(1.05);
 /* 鼠标悬停放大效果 */
	will-change: transform;
}

.equipment-content-custom-swiper-slide.selected {
	will-change: border;
}

/* 图片样式 */
.equipment-content-custom-swiper-slide img {
	width: 100%;
	height: auto;
	text-align: center;
	object-fit: cover;
}

.equipment-content-custom-swiper-slide h3 {
	white-space: pre-line;
	word-break: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
	font-size: 20px;
	text-align: center;
}

.equipment-content-custom-swiper-slide p {
	font-size: 16px;
}

.equipment-content-custom-swiper-slide a {
	background-color: white;
	border: 2px solid #0074db;
	border-radius: 5px;
 /* 设置圆角半径 */
	color: #0074db;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin: 8px;
}

.needhelp-container {
	margin-top: 80px;
	margin-bottom: 80px;
	text-align: center;
}

.needhelp-container h2 {
}

.banner-container {
	display: flex;
	flex-wrap: wrap;
	margin-top: 56px;
}

  /* 隐藏电脑端导航栏 */
.desktop-footer {
	display: none;
}

  /* 显示手机端导航栏 */
.mobile-footer {
	display: block;
}

.footer-logo {
	display: flex;
	justify-content: center;
	padding-bottom: 35px;
}

.footer-section {
	margin: 10px;
}

.footer-section h5,
.footer-section h6 {
  /* margin-bottom: 10px; */
	color: #0074db;
}

.footer-section form {
	display: flex;
	width: auto;
}

.footer-section p {
	font-size: 14px;
	margin: 18px 0px;
}

.footer-section input[type="submit"] {
	font-size: 14px;
}

.form-control {
	margin-right: 8px;
 /* 文本框与按钮之间的间距 */
	font-size: 14px;
}
/* 动态旋转箭头 */
[data-bs-toggle="collapse"] .bi-chevron-down {
	transition: transform 0.3s ease;
}

[data-bs-toggle="collapse"][aria-expanded="true"] .bi-chevron-down {
	transform: rotate(180deg);
}

.footer_last_content {
	flex-direction: column;
 /* 改为垂直排列，更适合小屏幕 */
	align-items: center;
 /* 让子元素在垂直方向居中对齐 */
	height: auto;
 /* 高度自适应内容，不再固定 */
}

.footer_last_left {
	width: 100%;
 /* 占满整行宽度 */
	border-top: none;
 /* 去除顶部边框，可根据设计需求调整 */
	margin-bottom: 10px;
 /* 与下方元素添加间隔 */
}

.footer_last_left a,
.footer_last_left span {
	font-size: 12px;
}

.footer_last_right {
	justify-content: center;
	width: 100%;
 /* 占满整行宽度 */
}

.footer_last_right img {
	position: relative;
}

.bread {
	display: none;
	/* padding: 10px 15px 20px; */
}

/* .bread a { */
	/* font-size: 16px; */
/* } */

.maincon {
	margin-top: 56px;
}

.nybanner {
	display: none;
}

.mobile-nybanner {
	display: flex;
	flex-direction: column;
	position: relative;
	text-align: center;
}

.mobile-nybanner-banner-text {
	position: absolute;
	top: 90%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	width: 100%;
 /* 确保容器宽度足够 */
	padding-left: 20px;
 /* 可选：添加左内边距避免贴边 */
	box-sizing: border-box;
 /* 确保内边距不影响总宽度 */
}

.mobile-nybanner-banner-text h1 {
	font-size: 20px;
	font-weight: 600;
	white-space: nowrap;
}

.mobile-nybanner-banner-text-align-left {
	text-align: left;
 /* 修改为左对齐 */
}

.mobile-nybanner-banner-text p {
	display: none;
}

.equipment {
	text-align: center;
	padding-top: 40px;
}

.equipment h1 {
	font-size: 1.3rem;
	white-space: nowrap;
	display: flex;
	align-items: center;
 /* 垂直居中对齐 */
	justify-content: center;
 /* 水平居中对齐 */
	margin-bottom: 1.5rem;
}

.equipment p {
	font-size: 14px;
	margin: 0px 10px;
}

.equipment_decoration_left,.equipment_decoration_right {
	width: 50px;
	height: auto;
}
/* .companyinfo h1 { */
   /* font-size: 1.5rem; */
/* } */
.companyinfo {
	margin-top: -3px;
	border-bottom: 4px solid #007BFF;
}

.desktop-conpanycontent {
	display: none;
}

.mobile-conpanycontent {
	display: block;
	padding: 0px 20px 40px 20px;
	background-color: black;
	color: white;
	font-size: 14px;
}

.mobile-conpanycontent span {
	font-size: 14px !important;
	padding: 15px;
}

.productinfo {
	display: block;
}

.product-process-container {
	padding: 30px 20px;
	width:100%;
}

.product-process-title {
	font-family: 'MontserratBold', sans-serif;
	font-size: 24px;
	margin-bottom: 10px;
}

.product-process-subtitle {
	font-family: 'MontserratRegular', sans-serif;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 1.4;
}

.product-process-swiper {
	width: 100%;
	height: auto;
	margin-left: 0;
	padding-bottom: 20px; /* 为滚动条留空间 */
}

.product-process-swiper-wrapper {
	padding-bottom: 10px; /* 防止内容被滚动条遮挡 */
}

.product-process-swiper-slide {
	width: 50%;
	position: relative;
	/* padding-bottom: 5px; */
}

.product-process-swiper-slide img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
}

/* 自定义滚动条样式 */
.swiper-scrollbar {
	height: 6px;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.swiper-scrollbar-drag {
	background: #0074db;
	border-radius: 3px;
}

/* .indicator { */
	/* position: relative; */
	/* left: 10%; */
	/* width: 80%; */
	/* height: 3px; */
	/* background-color: transparent; */
	/* transition: background-color 0.3s; */
	/* margin-top: 10px */
/* } */

/* .swiper-slide-active .indicator { */
	/* background-color: #0074db; */
 /* /* 激活状态显示蓝色长条 */ */
/* } */

.news-container {
	padding: 20px;
}

.separator {
	border: none;
	height: 2px;
	background-color: #ccc;
 /* 分隔线颜色 */
	margin: 10px 0;
}

.news-item {
	margin-bottom: 20px;
	padding-top: 20px;
	padding-left: 0px;
}

.news-content {
	padding: 10px;
}

.news-content h2 {
	font-family: 'MontserratBold', sans-serif;
	font-size: 22px;
	margin-bottom: 5px;
}

.news-content h2>a {
	color: #333;
	text-decoration: none;
}

.news-content p {
	font-family: 'MontserratLight', sans-serif;
	font-size: 18px;
	color: #777777;
}

.news-content-p1 {
	font-style: italic;
}

.detail-container {
	margin: 0;
	padding: 0;
	color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
}

.detail-news-container {
	width: 100%;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.detail-news-container h1 {
	font-size: 22px;
}

.detail-news-container-date {
	font-family: 'MontserratLight', sans-serif;
	font-size: 18px;
	color: #666;
	margin-bottom: 20px;
	font-style: italic;
}

.detail-news-container-content {
	font-family: 'MontserratLight', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
}

.detail-news-container-content video {
	width: 350px;
	height: auto;
}


/* 通用样式 */
.content-prt-container {
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.content-prt-left-container, .content-prt-right-container {
	width: 100%;
}

.gallery-container {
	display: flex;
	flex-direction: column-reverse;
}

.media-thumbnails {
	display: flex;
	flex-direction: row;
	overflow-x: auto;
	margin-bottom: 20px;
}

.thumbnail, .thumbnail_no_switch {
	width: 75px;
	height: 75px;
	margin-right: 10px;
	cursor: pointer;
	border: 1px solid black;
	border-radius: 5px;
}

.main-image-container {
	margin-left: 0;
	text-align: center;
}

.main-image-container img {
	width: 100%;
	height: auto;
	max-width: 300px;
}

.product-container {
	width: 100%;
	margin: 0 auto;
}

.product-container h1 {
	font-family: 'MontserratBold', sans-serif;
	text-align: center;
	font-size: 2rem;
	margin-top: 0;
	white-space: pre-line;
	word-break: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
}

.tab-menu {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.tablinks {
	font-family: 'MontserratBold', sans-serif;
	background-color: #fff;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 4px solid gray;
	width: 50%;
}

.tablinks.active {
	border-bottom: 8px solid #0074db;
}

.tabcontent {
	display: none;
	padding-top: 6px;
	text-align: left;
	line-height: 1.5;
	color: #777777;
}

.tabcontent li {
	color: #777777;
	font-size: 16px;
	list-style-position: outside;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.tabcontent td {
	font-size: 16px;
}

.tabcontent.active {
	display: block;
}

.contact-sales-rep-button {
	width: 90%;
	padding: 10px;
 /* 可以根据需要调整内边距 */
	box-sizing: border-box;
 /* 确保内边距和边框不会增加按钮的总宽度 */
}

.all-product-in-series > a {
	color: #007BFF;
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin-left: 15px;
	margin-top: 50px;
	text-decoration: none;
}

/* 自定义样式 */
.swiper-container {
	position: relative;
	margin: 0px !important;
	padding: 0 60px;
 /* 两侧留出箭头位置 */
}

.content-custom-swiper-slide {
    /* width: 170px; */
	width: 42%;
	height: auto;
	transition: transform 0.3s ease;
 /* 添加过渡效果 */
	position: relative;
	padding: 5px;
}

/* 图片样式 */
.content-custom-swiper-slide img {
	/* width: 150px; */
	width: 100%;
	height: auto;
}

.content-custom-swiper-slide h3 {
	font-size: 14px;
	white-space: pre-line;
	word-break: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
}

/* 弹出层样式 */
#popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300px;
	height: auto;
	background-color: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 999;
}

#closePopup {
	position: absolute;
	background-color: #fff;
	padding: 10px;
	cursor: pointer;
	font-size: 20px;
}

.video-popup button {
	left: 45%;
}

.foot-banner-container {
	display: none;
}