/* 内页样式 */
/* 内页公共样式 */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 160px;
}

.inner-page-box {
	max-width: 1920px;
	margin: 0 auto;
	background: linear-gradient(#F6F6F6, #F6F6F6) top left / 100% 560px no-repeat;
}

.inner-page-box.nobg {
	background: #fff;
	margin-bottom: 30px;
	margin-top: 20px;
}

.inner-page-box .top-txt {
	width: 100%;
	padding-top: 50px;

}

.bread-box {
	display: flex;
	flex-wrap: wrap;
}

.bread-box li {
	display: flex;
	align-items: center;
	margin-right: 15px;
}

.bread-box li a,
.bread-box li span {
	font-weight: 400;
	font-size: 18px;
	transition: all 0.25s ease-in-out;
}

.bread-box li span {
	margin-right: 15px;
}

.bread-box li:last-child a,
.bread-box li:hover a {
	color: var(--active-color);
}

.inner-page-box h2 {
	margin-top: 40px;
	font-size: 44px;
	font-weight: 600;
	line-height: 62px;
	position: relative;
	z-index: 9;
}

.inner-page-box .top-txt p {
	font-size: 20px;
	font-weight: normal;
	line-height: 36px;
	margin-top: 20px;

}
.inner-page-box .inner-banner.product-banner{
	padding:5%;
}
.inner-page-box .inner-banner {
	/* width: calc(100% - ((100% - min(1280px, 95vw)) / 2)); */
	width: 100%;
	margin: 30px 0 30px auto;
	overflow: hidden;
	position: relative;
	background: #fff;
}

.inner-page-box .inner-banner:hover img {
	transform: scale(1.02);
}

.inner-page-box .inner-banner img {
	width: 100%;
	transition: all 0.25s ease-in-out;
}

.inner-page-box .inner-banner .switch {
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: 40px;
	height: auto;
	z-index: 9;
}

.inner-page-box .inner-banner .switch .swiper-button-prev-product-show,
.inner-page-box .inner-banner .switch .swiper-button-next-product-show {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f6f6f6;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
}

.inner-page-box .inner-banner .switch .swiper-button-prev-product-show img,
.inner-page-box .inner-banner .switch .swiper-button-next-product-show img {
	width: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.inner-page-box .inner-banner .switch .swiper-button-disabled,
.inner-page-box .inner-banner .switch .swiper-button-disabled {
	cursor: auto;
}

.inner-page-box .inner-banner .switch .swiper-button-disabled img.show {
	opacity: 1;
}

.inner-page-box .inner-banner .switch .swiper-button-disabled img.on {
	opacity: 0;
}

.inner-page-box .inner-banner .switch img.show {
	opacity: 0;
}

.inner-page-box .inner-banner .switch img.on {
	opacity: 1;
}

.inner-page-box .inner-banner .switch .swiper-pagination-product-show {
	font-size: 20px;
	font-weight: normal;
	margin: 20px 0;
}

.inner-page-box .inner-banner .switch .swiper-button-prev-product-show:not(.swiper-button-disabled),
.inner-page-box .inner-banner .switch .swiper-button-next-product-show:not(.swiper-button-disabled) {
	background: var(--active-color);
}

.inner-page-box .swiper-pagination {
	position: unset;
}

.inner-page-box.page-show h2 {
	font-size: 38px;
}

.page-show .product-itme-intro {
	display: flex;
	flex-wrap: wrap;
	gap: 4%;
	margin-top: 20px;
}

.page-show .product-itme-intro p {
	font-size: 20px;
	font-weight: 400;
	margin-top: 0;
}

.page-show .product-itme-intro p a {
	display: inline-block;
	color: var(--active-color);
	text-decoration: underline;
}

.inner-title {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 70px;
	flex-wrap: wrap;
}

.inner-title h1 {
	font-size: 32px;
	font-weight: 500;
}

.inner-title .other-columns {
	position: relative;
	margin-left: auto;
	z-index: 99;
}

.inner-title .other-columns.on p {
	color: var(--active-color);
}

.inner-title .other-columns.on p .caret {
	background: url(../images/caret-on.png);
	transform: rotate(180deg);
}

.inner-title .other-columns p {
	font-size: 18px;
	font-weight: 500;
	line-height: 34px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.inner-title .other-columns ul {
	/* width: 330px; */
	/* height: auto; */
	padding: 35px 40px 20px 20px;
	position: absolute;
	right: 0;
	top: 100%;
	background: #fff;
	background: url(../images/columnsBg.png);
	background-size: 100% 100%;
}

.inner-title .other-columns ul {
	display: none;
}

.inner-title .other-columns ul li {
	margin-bottom: 20px;
}

.inner-title .other-columns ul li:last-child {
	margin-bottom: 0;
}

.inner-title .other-columns ul li a {
	white-space: nowrap;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	max-width: 290px;
	display: flex;
	align-items: center;
	transition: all 0.25s ease-in-out;
}

.inner-title .other-columns ul li.active a,
.inner-title .other-columns ul li:hover a {
	color: var(--active-color);
}

.product-list-box {
	position: relative;
	z-index: 8;
}

.inner-nav {
	margin-bottom: 40px;
}

.inner-nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.inner-nav ul li a {
	min-width: 148px;
	padding: 0 20px;
	min-height: 48px;
	height: 100%;
	border: 1px solid #111111;
	transition: 0.25s ease-in-out;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #111111;
}

.down-list-box .inner-nav ul li a {
	width: 192px;
}

.inner-nav ul li.on a,
.inner-nav ul li:hover a {
	background: var(--active-color);
	color: #fff;
	border-color: var(--active-color);
}

.product-li {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 26px;
	position: relative;
	z-index: 8;
}

.product-li .product-item {
	width: calc(33% - 26px);
}

.product-li .product-item .product-img {
	width: 100%;
	/* aspect-ratio: 3 / 2; */
	/* 直接指定 3:2 宽高比，核心属性 */
	overflow: hidden;
}

.product-li .product-item .product-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.25s ease-in-out;
}
.product-li .product-item a{
	position: relative;
}
.product-li .product-item .product-detail {
	position: absolute;
	left: 20px;
	bottom:20px;
}

.product-li .product-item .product-detail p {
	font-size: 24px;
	font-weight: 600;
	line-height: 50px;
	color: #111;
	transition: all 0.25s ease-in-out;
}




.product-li .product-item:hover .product-img img {
	transform: scale(1.02);
}

.product-li .product-item:hover .product-detail p {
	color: var(--active-color);
	text-decoration: underline;
}


.inner-dh {
	width: 100%;
	background: #F6F6F6;
	z-index: 999;
}

.inner-dh .nav {
	/* display: flex; */

}

.inner-dh .nav a {
	font-size: 18px;
	font-weight: 500;
	line-height: 60px;
	text-align: center;
	color: #111;
	min-width: 170px;
	width: auto;
	padding: 0 20px;
	transition: all 0.3s;
	white-space: nowrap;
}


.inner-dh .nav a.active,
.inner-dh .nav a:hover {
	background-color: var(--active-color);
	color: #fff;
}

.product-des {
	display: flex;
	gap: 90px;

}

.product-des .a-btn:hover {
	background: var(--active-color);
	color: #fff;
	border: 1px solid var(--active-color);
}

.product-des .left {
	width: 550px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.product-des .left p {
	font-size: 18px;
	font-weight: normal;
	line-height: 36px;
	color: #333333;
	margin-bottom: 30px;
}

/* .product-des .right {
	flex: 1;
} */

.product-des .right img {
	width: 100%;
}

.product-par .parameters-box {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 40px;
}

.product-par .parameters-box .item {
	flex: 0 0 auto;
	width: auto;
}

.product-par .parameters-box .item-img {
	width: auto;
}

.product-par .parameters-box .item-img img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
}

@media (max-width: 768px) {
	.product-par .parameters-box {
		flex-direction: column;
		gap: 24px;
	}

	.product-par .parameters-box .item,
	.product-par .parameters-box .item-img {
		width: 100%;
	}

	.product-par .parameters-box .item-img img {
		width: 100% !important;
		height: auto !important;
		max-width: 100%;
	}
}

.product-par  .a-btn{
	margin-top: 35px;
}

.product-par a:hover {
	background: var(--active-color);
	color: #fff;
	border: 1px solid var(--active-color);
}

.product-par .parameters-box .item p {
	font-size: 24px;
	font-weight: 500;
	color: var(--active-color);
	margin-bottom: 16px;
}

.product-adv .advantages-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}

.product-adv .advantages-box ul li {
	width: calc((100% - 50px)/2);
}

.product-adv .advantages-box ul li p {
	font-size: 24px;
	font-weight: 500;
	line-height: 40px;
	color: var(--active-color);
	margin-bottom: 10px;
}

.product-adv .advantages-box ul li span {
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	color: #333333;
}

.product-detail .detail-box img {
	max-width: 100%;
}

.product-rel ul {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.product-rel ul li {
	width: calc((100% - 120px)/4);
}

.product-rel ul li .pro-img {
	aspect-ratio: 198 / 217;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.product-rel ul li .pro-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.25s ease-in-out;
}

.product-rel ul li a p {
	font-size: 18px;
	font-weight: 500;
	line-height: 40px;
	color: #000000;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	margin-top: 15px;
	transition: all 0.25s ease-in-out;
}

.product-rel ul li a:hover p {
	color: var(--active-color);
}

.product-rel ul li a:hover .pro-img img {
	transform: scale(1.05);
}

.faq-list-box .faq-item li {
	margin-bottom: 20px;
}

.faq-list-box .faq-item li .tit {
	background: #F2F3F7;
	padding: 20px 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.faq-list-box .faq-item li .tit>p {
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	margin-right: 100px;
	flex: 1;
	color: #111;
	transition: all 0.25s ease-in-out;
	padding-left: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-width: 0;
	position: relative;
}

.faq-list-box .faq-item li .tit>p::before {
	content: '';
	width: 6px;
	height: 6px;
	background: #111;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 13px;
	transition: all 0.25s ease-in-out;
}

.faq-list-box .faq-item li:hover .tit>p::before,
.faq-list-box .faq-item li.active .tit>p::before {
	background: var(--active-color);
}

.faq-list-box .faq-item li:hover .tit>p,
.faq-list-box .faq-item li.active .tit>p {
	color: var(--active-color);
}

.faq-list-box .faq-item li .faq-content {
	padding: 10px 30px 30px;
	box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
	display: none;
}

.faq-list-box .faq-item li .faq-content h3 {
	color: #111111;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 500;
	margin-top: 20px;
}

.faq-list-box .faq-item li .faq-content h3::after {
	content: '';
	width: 100px;
	height: 4px;
	background: var(--active-color);
	position: absolute;
	bottom: 0;
	left: 0;
}

.faq-list-box .faq-item li .faq-content p {
	font-size: 18px;
	font-weight: 300;
	color: #333333;
	line-height: 28px;
}

.faq-list-box .faq-item li img {
	flex-shrink: 0;
}

.footer-page h3 {
	font-size: 22px;
	text-align: center;
}

.footer-page p {
	font-size: 18px;
	text-align: center;
	margin-top: 20px;
}

.footer-page .btn-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
	position: unset;
	transform: none;
}

.footer-page .btn-box {
	margin-top: 20px;
}

.footer-page .btn-box a {
	margin-top: 0;
	width: 175px;
	text-align: center;
	transition: 0.25s ease-in-out;
}

.footer-page .btn-box a:not(.ico-btn) {
	display: inline-block;
	font-size: 18px;
	padding: 5px 15px;
	background: none;
	color: var(--active-color);
	border-radius: 5px;
	border: 1px solid var(--active-color);
}

.footer-page .btn-box a:not(.ico-btn):hover {
	background: var(--active-color);
	color: #fff;
}

.bg-show-box {
	background: linear-gradient(#F6F6F6, #F6F6F6) top left / 100% 300px no-repeat;
}

.show-box>.detail-box {
	background: #fff;
	padding: 75px 145px;
	box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
}

.inquiry-box .inquiry-form ul {
	margin-bottom: 30px;
}

.inquiry-box .inquiry-form ul li {
	font-size: 20px;
	line-height: 36px
}

.inquiry-box .inquiry-form ul li img {
	margin-right: 10px;
}

.show-box>.detail-box img {
	max-width: 100%;
}

.show-box>.detail-box h2 {
	font-size: 28px;
	font-weight: 500;
	line-height: 48px;
	color: #111111;
	margin-bottom: 40px;
}

.show-box>.detail-box h3 {
	color: #111111;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 500;
	margin-top: 20px;
}

.show-box>.detail-box h3::after {
	content: '';
	width: 100px;
	height: 4px;
	background: var(--active-color);
	position: absolute;
	bottom: 0;
	left: 0;
}

.show-box>.detail-box h4 {
	font-size: 20px;
	font-weight: 600;
	color: #666;
	line-height: 28px;
}

.show-box>.detail-box p {
	font-size: 18px;
	font-weight: 300;
	color: #999;
	line-height: 28px;
}

.inquiry-box .inquiry-form>p {
	font-size: 24px;
	font-weight: 500;
	line-height: 50px;
	color: #111111;
	margin-bottom: 30px;
}

.inquiry-box .inquiry-form p span {
	color: #CB0011;
}

.inquiry-box .inquiry-form .message-box .input-box .input-title {
	font-size: 18px;
	font-weight: normal;
	line-height: 34px;
	color: #111;
	margin-bottom: 5px;
}

.inquiry-box .inquiry-form .message-box .input-box .input-title.required::after {
	content: '*';
	color: var(--active-color);
	margin-left: 2px;
}

.inquiry-box .inquiry-form .message-box {
	display: flex;
	flex-wrap: wrap;
	gap: 30px
}

.inquiry-box .inquiry-form .message-box .input-box {
	width: calc((100% - 30px)/2);
}

.inquiry-box .inquiry-form .message-box .input-box .input-intro {
	width: 100%;
	height: 44px;
	position: relative;
	display: flex;
}

.inquiry-box .inquiry-form .message-box .input-box .input-intro input {
	flex: 1;
}

.inquiry-box .inquiry-form .message-box .input-box.line-input {
	width: 100%;
}

.inquiry-box .inquiry-form .message-box .input-box .input-intro .captchaImg-box {
	width: 106px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.captchaImg-box span {
	font-size: 16px;
}

.inquiry-box .inquiry-form .message-box .input-box .input-intro .captchaImg-box img {
	width: 100%;
	height: 100%;
	display: none;
}

.inquiry-box .inquiry-form .message-box .input-box.line-input .input-intro {
	height: auto;
}

.inquiry-box .inquiry-form .message-box .input-box.line-input textarea {
	width: 100%;
	height: 100%;
	display: block;
	background: #F6F6F6;
	font-size: 16px;
	line-height: 1.4;
	color: #111;
	padding: 15px;
	border: none;
	overflow: hidden;
	border: 1px solid #DDDDDD;
}

.inquiry-box .inquiry-form .message-box .input-box.line-input textarea:focus {
	border: 1px solid #DDDDDD;
	outline: none;
}

.inquiry-box .inquiry-form .message-box .input-box input {
	width: 100%;
	height: 100%;
	background: #F6F6F6;
	padding: 0 15px;
	font-size: 16px;
	color: #111;
	border: 1px solid #DDDDDD;
}

.inquiry-box .inquiry-form .message-box .input-box.select input {
	cursor: pointer;
}

.inquiry-box .inquiry-form .message-box .input-box.select img {
	position: absolute;
	display: block;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	transition: 0.25s ease-in-out;
}

.inquiry-box .inquiry-form .message-box .input-box.select .input-intro {
	position: relative;
}

.inquiry-box .inquiry-form .message-box .input-box.select .input-intro .select-options {
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	background: #fff;
	width: 100%;
	z-index: 9;
	padding: 0 15px;
	box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
	display: none;
}

.inquiry-box .inquiry-form .message-box .input-box.select .input-intro .select-options li {
	font-size: 16px;
	padding: 10px 0;
	cursor: pointer;
}

.input-box.select .input-intro .select-options li:hover,
.input-box.select .input-intro .select-options li.selected {
	color: var(--active-color);
}

.inquiry-box .inquiry-form .message-box .input-box.select img.active {
	transform: translateY(-50%) rotate(180deg);
}

.agree-box {
	display: flex;
}

.agree-box .inputhiden {
	padding-top: 5px;
	margin-right: 10px;
}

.agree-box .inputhiden input {
	width: 20px;
	height: 20px;
}

/* 隐藏原生复选框 */
.input_agreement_protocol {
	appearance: none;
	/* 清除默认样式 */
	-webkit-appearance: none;
	width: 18px;
	/* 自定义复选框大小 */
	height: 18px;
	border: 1px solid #ccc;
	/* 未选中边框 */
	border-radius: 2px;
	/* 可选：圆角 */
	cursor: pointer;
	position: relative;
	/* 用于定位勾选标记 */
}

/* 选中状态：底色变红 + 显示勾选标记 */
.input_agreement_protocol:checked {
	background-color: var(--active-color);
	/* 选中后的底色（核心需求） */
	border-color: var(--active-color);
	/* 选中后边框也变红，可选 */
}

/* 自定义勾选标记（可选，让选中态更美观） */
.input_agreement_protocol:checked::after {
	content: "✔";
	/* 勾选符号 */
	position: absolute;
	color: white;
	/* 勾选符号颜色 */
	font-size: 14px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* 鼠标悬浮效果（可选） */
.input_agreement_protocol:hover {
	border-color: #999;
}

.message-box .agree-box p {
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	color: #666666;
}

.message-box .send-btn {
	width: 180px;
	height: 44px;
	background: var(--active-color);
	font-size: 20px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	border: none;
	transition: 0.25s ease-in-out;
}

.message-box .send-btn:hover {
	background: none;
	color: var(--active-color);
	border: 1px solid var(--active-color);
}

.down-list-box .down-ul {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.down-list-box .down-ul .down-type {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background: var(--active-color);
	box-shadow: 0 2px 16px rgba(0 0, 0, 0.3);
	padding: 5px 15px;
	margin-bottom: 10px;
	border-radius: 8px;
}

.down-list-box .down-ul li {
	width: calc((100% - 40px)/2);
	background: #F2F3F7;
}

.down-list-box .down-ul li {
	padding: 30px 30px;
}

.down-list-box .down-ul li h3 {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #DDDDDD;
	display: flex;
}

.down-list-box .down-ul li h3 .down-img {
	width: 80px;
	margin-left: 10px;
}

.down-list-box .down-ul li h3 .down-img img {
	width: 100%;
}

.down-list-box .down-ul li h3 a {
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	color: #111111;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	flex: 1;
}

.down-list-box .down-ul li .down-txt-box {
	display: flex;
	justify-content: space-between;
}

.down-list-box .down-ul li .down-txt-box .left p {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
}

.down-list-box .down-ul li .down-txt-box .left p.ext {
	font-weight: 500;
	margin: 0 5px;
	text-transform: uppercase;
}

.down-list-box .down-ul li .down-txt-box .left img {
	width: 40px;
}

.down-list-box .down-ul li .down-txt-box .left p:last-child {
	margin-left: 20px;
}

.down-list-box .down-ul li .down-txt-box .download-btn {
	font-size: 18px;
	font-weight: 500;
	color: #111111;
	display: flex;
	align-items: center;
}

.down-list-box .down-ul li .down-txt-box .download-btn span {
	text-transform: uppercase;
	margin-left: 5px;
}

.down-list-box .down-ul li .down-txt-box .download-btn img {
	margin-left: 10px;
}

.down-list-box .down-ul li h3:hover,
.down-list-box .down-ul li .down-txt-box .download-btn:hover {
	text-decoration: underline;
}

.video-list-box .video-li li {
	display: flex;
	margin-bottom: 50px;
}

.video-box {
	width: 540px;
	height: 340px;
	position: relative;
}

.video-box video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-box .videoTit {
	position: absolute;
	top: 45%;
	transform: translate(-50%, -50%);
	left: 50%;
	display: flex;
	align-items: center;
	flex-direction: column;
	pointer-events: none;
}

.video-box .videoTit p {
	font-size: 34px;
	font-weight: 600;
	line-height: 46px;
	color: #FFFFFF;
	text-align: center;
}

.video-box .videoTit span {
	display: inline-block;
	padding: 5px 10px;
	background: var(--active-color);
	text-align: center;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	margin-top: 5px;
}

.video-list-box .video-li li .video-txt {
	flex: 1;
	padding: 40px 110px 55px 50px;
	background: #F6F6F6;
}

.video-list-box .video-li li .video-txt h3 {
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
	color: #111111;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
}

.video-list-box .video-li li .video-txt p {
	font-size: 18px;
	font-weight: normal;
	line-height: 28px;
	color: #333333;
	margin-bottom: 40px;
	height: 72px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
}

.video-list-box .video-li li .video-txt a {
	font-size: 18px;
	font-weight: 500;
	color: #111111;
	display: flex;
	align-items: center;
}

.video-list-box .video-li li .video-txt a span {
	width: 40px;
	height: 40px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all 0.25s ease-in-out;
	margin-left: 40px;
}

.video-list-box .video-li li .video-txt a:hover span {
	transform: translateX(10px);
}

.no-data {
	font-size: 18px;
}

.detail-box .video-box {
	width: 100%;
	height: auto;
	aspect-ratio: 8 / 5;
	/* 直接指定 3:2 宽高比，核心属性 */
	margin-top: 40px;
}

.detail-box .video-box video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.detail-box .video-box .videoTit p {
	font-size: 48px;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 20px;
}

.detail-box .video-box .videoTit span {
	font-size: 32px;
	font-weight: 600;
	padding: 5px 25px;
}

.news-list-box .news-top {
	margin-bottom: 50px;
	box-shadow: 0 2px 16px rgba(0 0, 0, 0.2);
}

.news-list-box .news-top li a {
	display: grid;
	grid-template-columns: 40% 1fr;
	gap: 10px;

}

.news-list-box .news-li.news-top li a .news-img {
	height: auto;
	aspect-ratio: unset;
}

.news-list-box .news-li.news-top li a .news-img img {
	display: block;
	width: 100%;
	height: 100%;

}

.news-list-box .news-li.news-top li a .news-intro {
	flex: 1;
	padding: 30px;
}

.news-list-box .news-li {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.news-list-box .news-li.news-top li a .news-intro h3 {
	padding: 10px 25px;
	background: #fff;
	display: inline-block;
	border-radius: 6px;
	color: var(--active-color);
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	box-shadow: 0 2px 16px rgba(0 0, 0, 0.2);
	margin-bottom: 30px;
}

.news-list-box .news-li li a .news-img .news-type {
	font-size: 16px;
	position: absolute;
	bottom: 0;
	color: #fff;
	padding: 5px 15px;
}

.news-list-box .news-li li a .news-img .news-type.c1 {
	background: #254E7E;
}

.news-list-box .news-li li a .news-img .news-type.c2 {
	background: #D74F17;
}

.news-list-box .news-li li a .news-img .news-type.c3 {
	background: #7C859B;
}

.news-list-box .news-li li a .news-img .news-type.c4 {
	background: var(--active-color);
}

.news-list-box .news-li li {
	width: calc((100% - 80px)/3);
	background: #F6F6F6;
}

.news-list-box .news-li li a .news-img {
	width: 100%;
	aspect-ratio: 8 / 5;
	position: relative;
	/* 直接指定 3:2 宽高比，核心属性 */
}

.news-list-box .news-li li a .news-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-list-box .news-li li .news-intro {
	padding: 20px 35px 20px 40px;
}

.news-list-box .news-li li .news-intro .time {
	font-size: 18px;
	font-weight: 500;
	line-height: 36px;
	margin-bottom: 10px;
	color: var(--active-color);
}

.news-list-box.news-info .news-li li .news-intro .tit {
	height: 84px;
	font-size: 22px;
	font-weight: 500;
	line-height: 28px;
	color: #111111;
	margin-bottom: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
}

.news-list-box.news-info .news-li li .news-intro .desc {
	height: 84px;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
}

.show-box .detail-box .time {
	font-size: 30px;
	font-weight: 500;
	line-height: 36px;
	color: var(--active-color);
	margin-bottom: 20px;
}

.about-video .video-img {
	position: relative;
}

.about-video .video-img>img {
	width: 100%;
}

.about-video .video-img .video-play {
	width: 95%;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 15px;
}

.about-video .video-img .video-play img {
	cursor: pointer;
	transition: 0.25s ease-in-out;
}

.about-video .video-img .video-play img:hover {
	transform: scale(1.05);
}

.about-video .video-img .video-play .video-line {
	display: block;
	flex: 1;
	height: 1px;
	background: rgba(255, 255, 255, 0.8);
}

.about-intro p {
	font-size: 20px;
	font-weight: normal;
	line-height: 36px;
	color: #333333;
	margin: 0;
}
.big-bg{
	background: #F6F6F6;
}
.company-view-box {
	background: url(../images/company-view-box-bg.png) no-repeat;
	background-size: 100% 100%;
}

.company-view-intro {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.company-view-intro .left {
	width: 45%;
	margin-right: 7%;
}

.company-view-intro .right {
	flex: 1;
}

.company-view-intro .left a {
	padding: 10px 30px;
	border: 1px solid #111111;
	font-size: 18px;
	font-weight: 500;
	color: #111;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.25s ease-in-out;
}

.company-view-intro .left a:hover {
	border: 1px solid var(--active-color);
	color: #FFF;
	background: var(--active-color);
}

.company-view-intro .left p {
	font-size: 20px;
	font-weight: normal;
	line-height: 36px;
	color: #333333;
	margin: 0;
}

.company-view-intro .right ul {
	display: flex;
	flex-wrap: wrap;
	gap: 80px 70px;
}

.company-view-intro .right ul li p {
	font-size: 20px;
	font-weight: 600;
	line-height: 34px;
	color: #111111;
	margin: 15px 0;
}

.company-view-intro .right ul li span {
	font-size: 16px;
	color: #666;
}

.company-view-intro .right ul li {
	width: calc((100% - 70px)/2);
}

.about-list ul li {
	aspect-ratio: 8 / 5;
	overflow: hidden;
}

.about-list ul li img {
	width: 100%;
	height: 100%;
	transition: 0.25s ease-in-out;
}

.about-list ul li:hover img {
	transform: scale(1.05);
}

.core-products-box p {
	font-size: 22px;
	font-weight: normal;
	line-height: 32px;
	color: #111111;
}

.core-products-box .txt p {
	color: #111111;
	font-weight: 600;
}

.core-products-box ul {
	margin: 30px 0;
}

.core-products-box ul li img {
	margin-right: 20px;
}

.core-products-box ul li {
	display: flex;
	align-items: flex-start;
}

.core-products-box ul li:not(:last-child) {
	margin-bottom: 40px;
}

.core-products-box ul li span {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	color: #666;
}

.core-products-box .product-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 25px;
}

.core-products-box .product-nav a {
	width: 340px;
	height: 50px;
	border: 1px solid #111111;
	font-size: 18px;
	font-weight: 500;
	line-height: 48px;
	text-align: center;
	color: #000000;
	transition: 0.25s ease-in-out;
}

.core-products-box .product-nav a:hover {
	background: var(--active-color);
	color: #fff;
	border: 1px solid var(--active-color);
}

.applications-box.about-list ul li {
	aspect-ratio: auto;
}

.applications-box.about-list ul li .img-box {
	width: 100%;
	aspect-ratio: 8 / 5;
	overflow: hidden;
}

.applications-box.about-list ul li .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.25s ease-in-out;
}

.applications-box.about-list ul li:hover .img-box img {
	transform: scale(1.05);
}

.applications-box.about-list ul li p {
	font-size: 20px;
	font-weight: 500;
	line-height: 40px;
	text-align: center;
	margin-top: 15px;
}

.applications-box.about-list ul li span {
	display: block;
	font-size: 16px;
	text-align: center;
	padding: 0 30px;
}

.company-page .honor {
	background: #F6F6F6;
}

.company-page img {
	width: 100%;
	transition: 0.25s ease-in-out;
}

.company-page img:hover {
	transform: scale(1.05);
}

.company-page .honor .honor-detail {
	width: calc(100% - ((100% - min(1280px, 95vw)) / 2));
	margin: 0 0 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.company-page .honor .honor-detail .left {
	flex: 1;
	margin-right: 6.6%;
}

.company-page .honor .honor-detail .left p {
	/* width: 380px; */
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	color: #333333;
	margin-bottom: 20px;
}

.company-page .honor .honor-detail .left ul li {
	font-size: 18px;
	line-height: 28px;
}

.company-page .honor .honor-detail .left a {
	min-width: 185px;
	height: 48px;
	padding: 0 15px;
	margin-top: 20px;
}

.company-page .honor .honor-detail .right {
	width: 54%;
	overflow: hidden;
}

.company-page .standard-detail {
	width: calc(100% - ((100% - min(1565px, 95vw)) / 2));
	margin: 0 auto 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.company-page .standard-detail .left {

	width: 54%;
	margin-right: 6.6%;
	overflow: hidden;
}

.company-page .standard-detail .right {
	flex: 1;
}

.company-page .standard-detail .right ul li p {
	font-size: 20px;
	font-weight: normal;
	line-height: 36px;
}

.company-page .standard-detail .right ul li p span {
	color: var(--active-color);
	font-weight: 700;
}

.company-page .standard-detail .right>p {
	font-size: 24px;
	font-weight: normal;
	line-height: 40px;
	color: #111111;
	margin-top: 45px;
}

.proven-box .intro {
	width: calc(100% - ((100% - min(1280px, 95vw)) / 2));
	margin: 0 0 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.company-page .global-box {
	padding-bottom: 80px;
	margin-right: 6.6%;
	width: 40%;
}
.company-page .proven-box .map-box{
	overflow: hidden;
	flex: 1;
}
.company-page .global-box h4 {
	font-size: 32px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 40px;
}

.company-page .global-box>p {
	font-size: 20px;
	font-weight: normal;
	line-height: 36px;
	max-width: 100%;
}

.company-page .global-box a {
	width: 227px;
	height: 46px;
	color: #fff;
	background: var(--active-color);
	line-height: 46px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 40px;
	border: 1px solid var(--active-color);
	transition: 0.25s ease-in-out;
}

.company-page .global-box a:hover {
	border: 1px solid #111111;
	background: none;
	color: #000000;
}
.company-page .global-box .proven-con{
	margin: 20px 0;
}

.company-page .global-box .proven-con ul li{
	display: flex;
	align-items: self-start;
	border-right: 1px solid #ccc;
	padding: 0 15px;
}
.company-page .global-box .proven-con ul li:last-child{
	border-right: none;
}
.company-page .global-box .proven-con ul li .txt p{
	font-size: 20px;
	font-weight: bold;
}
.company-page .global-box .proven-con ul li .txt span{
	font-size: 16px;
}
.company-page .global-box .proven-con ul li img {
	width: 60px;
	margin-right: 15px;
}

.company-page .global-box .proven-con ul {
	display: flex;
}

.team-list-box .list-intro:nth-child(2n-1) {
	background: #F6F6F6;
}

/* 
.team-list-box .team-box .left {
	flex: 1;
	aspect-ratio: 29/20;
	overflow: hidden;
}

.team-list-box .team-box .left img {
	width: 100%;
	transition: 0.25s ease-in-out;
}

.team-list-box .team-box .left img:hover {
	transform: scale(1.05);
} */

.team-list-box .team-box .right {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 4%;
}

.team-list-box .team-box .right .team_info {
	width: 22%;
}

.team-list-box .team-box .right .team_info .country-box {
	display: flex;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	margin-bottom: 20px;
}

.team-list-box .team-box .right .team_info .country-box img {
	width: 40px;
	border-radius: 2px;
	margin-right: 10px;
}

.team-list-box .team-box .right .team_info .country-box span {
	font-size: 18px;
}

.team-list-box .team-box .right .team_info h4 {
	font-size: 22px;
	font-weight: 700;
	line-height: 34px;
	color: #111111;
	white-space: nowrap;
}

.team-list-box .team-box .right .team_info p {
	font-size: 18px;
	font-weight: normal;
	line-height: 40px;
	color: #333333;
	white-space: nowrap;
}

.team-list-box .contact-box h3 {
	font-size: 32px;
	font-weight: 600;
	line-height: 60px;
	color: #000000;
	margin-bottom: 20px;
}


.team-list-box .contact-box p {
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
}

.team-list-box .contact-box a {
	width: 227px;
	height: 46px;
	font-size: 20px;
	font-weight: 500;
	line-height: 44px;
	color: #fff;
	background: var(--active-color);
	text-align: center;
	margin-top: 50px;
	transition: 0.25s ease-in-out;
	border: 1px solid var(--active-color);
}

.team-list-box .contact-box a:hover {
	background: none;
	color: var(--active-color);
}

.contact-box .contact-item {
	margin-bottom: 50px;
}

.contact-box .contact-item .head-box {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.contact-box .contact-item .head-box .map-box {
	flex: 1;
}

.contact-box .contact-item .head-box .map-box img {
	width: 100%;
}

.contact-box .contact-item:last-child {
	margin-bottom: 90px;
}

.contact-box .contact-item {
	padding: 60px 50px 40px;
	background: #F2F3F7;
}

.contact-box .contact-item h3 {
	font-size: 32px;
	font-weight: 500;
	line-height: 34px;
	color: #111111;
	padding-bottom: 20px;
	border-bottom: 1px solid #DDDDDD;
	position: relative;
	margin-bottom: 25px;
}

.contact-box .contact-item h3::after {
	content: '';
	width: 100px;
	height: 5px;
	background: var(--active-color);
	position: absolute;
	bottom: -3px;
	left: 0;

}

.contact-box .contact-item p {
	font-size: 20px;
	font-weight: 500;
	color: #111111;
	line-height: 50px;
	display: flex;
	align-items: flex-start;
}

.contact-box .contact-item p img {
	margin-right: 10px;
	margin-top: 11px;
}

.contact-box .contact-item p span {
	font-weight: 400;
	color: #333333;
}

.contact-box .contact-item p span.active {
	font-weight: 500;
	color: var(--active-color);
}

.contact-box .contact-item .sales-team-box {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.contact-box .contact-item .sales-team-box .item {
	width: calc((100% - 60px)/3);
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 16%);
}

.contact-box .contact-item .sales-team-box .item h4 {
	font-size: 22px;
	font-weight: 600;
}

.contact-box .contact-item .support-box h4 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}

.contact-box .contact-item .support-box .con {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.search-box {
	padding: 30px 0;
}

.search-box .search-input {
	width: 100%;
	display: flex;
}

.search-box .search-input input {
	border: 1px solid #ccc;
	flex: 1;
	margin-right: 20px;
	height: 50px;
	padding-left: 20px;
	font-size: 18px;
}

.search-box .search-input .btn {
	background: var(--active-color);
	color: #fff;
	font-size: 18px;
	border: 1px solid var(--active-color);
	transition: 0.25s ease-in-out;
	width: 150px;
	height: 50px;
}

.search-box .search-input .btn:hover {
	background: none;
	color: #111;
}

.search .detail-box {
	padding: 20px;
}

.search .detail-box .top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0px auto 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.search .detail-box h3 {
	margin: 0;
	padding-bottom: 0;
}

.search .detail-box .px-box {
	display: flex;
	gap: 20px;
}

.search .detail-box .px-box li a {
	font-size: 20px;
}

.search .detail-box .px-box li a.active {
	color: var(--active-color);
}

.search .show-box>.detail-box h3::after {
	display: none;
}

.search .detail-box h3 span {
	color: var(--active-color);
	font-weight: 600;
}

.search .search-list .img-box {
	width: 300px;
	height: 200px;
}

.search .search-list ul li:not(:last-child) {
	margin-bottom: 40px;
}

.search .search-list ul li a {
	display: flex;
	align-items: center;
	gap: 40px;
}

.search .search-list ul li a .txt-box {
	flex: 1;
}

.search .search-list ul li a .txt-box p {
	font-size: 28px;
	font-weight: 600;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
}

.search .search-list ul li:hover .a-btn {
	background: var(--active-color);
	color: #fff;
	border: 1px solid var(--active-color);
}

.search .search-list ul li a .txt-box p .highlight {
	color: var(--active-color);
}

.search .show-box>.detail-box img {
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}