.header {
	border-bottom: #ffffff75 1px solid;
	position: relative;
	width: 100%;
	top: 0;
	z-index: 999;
	background: #fff;
    color: var(--c3) !important;
}
.header-box {
	align-items: center;
}

.header:hover img {
	filter: none;
}
.header:hover .language > ul li i {
	color: var(--c3) !important;
}
.nav-right {
}
.nav-box {
	flex-grow: 1;
}
.logo {
	width: 12%;
}
.logo a {
	display: block;
}
.logo img {
	max-height: 42px;
	display: block;
	/* filter: grayscale(100%) brightness(453%); */
}
.nav {
	position: static;
}
.nav > ul {
	display: flex;
	flex-wrap: wrap;
	position: static;
}
.nav > ul li {
	display: flex;
	align-items: center;
	position: static !important;
	flex-grow: 1;
}
.nav > ul li.Header_Menu_top {
	position: relative !important;
}
.nav > ul li.Header_Menu_top .sub-menu {
	min-width: 230px;
	padding: 0;
}
.nav > ul li.Header_Menu_top .sub-menu a {
	padding: 0.8rem 0.6rem;
	width: auto !important;
	font-family: MontserratRegular;
	text-transform: capitalize;
	color: #3f3f3f;
	padding-left: 25px;
}
.nav > ul li a {
	font-size: 1.1rem;
	display: block;
	font-weight: 500;
	color: #fff;
	width: 100%;
	padding: 1.8rem 1.5rem;
}
@media (min-width: 1200px) and (max-width: 1400px) {
	.nav > ul li a {
		padding: 1.8rem 0.9rem;
	}
}
.nav > ul li i {
	font-size: 0.9rem;
	font-weight: 400;
}
.language span {
	display: none;
}
.nav > ul > li:hover > a,
.language > ul li:hover i,
.language .language-sub-menu li:hover a {
	color: var(--orange) !important;
}
.nav > ul li .min {
	display: none;
}
.mobile-nav-botton span {
	cursor: pointer;
}
.sub-menu {
	width: 100%;
	max-height: 100vh;
	position: absolute;
	top: 100%;
	left: 0;
	margin-right: 0;
	padding-right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	z-index: 99999;
	padding: 4rem 4rem 8rem 0;
	background: #eee;
	webkit-box-shadow: 0 0 8px rgba(26, 24, 24, 0.1) inset;
	box-shadow: 0 0 8px rgba(26, 24, 24, 0.1) inset;
}
.nav > ul li:hover {
}
.product-sub-menu {
	overflow-y: scroll;
}

.nav-hot {
	display: flex;
	align-items: center;
	width: 20%;
	background: #f5f5f5;
	padding: 1rem;
}
.nav-hot a:first-child {
	border-bottom: #eee 1px solid;
}
.nav-hot h4 {
	margin: 1rem 0;
}
.nav-hot p span {
	color: #289545;
}
.nav-hot p {
	font-family: MontserratRegular;
	font-size: 0.9rem;
	color: #333;
	margin-top: 1rem;
	text-transform: capitalize;
}
.sub-menu-box .sub-menu-product .nav-hot-type {
	width: 100%;
}
.nav-hot-type-one,
.nav-hot-type-two {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nav-hot-type-one a {
	color: #333 !important;
	font-family: MontserratRegular;
	padding: 0.5rem !important;
	width: AUTO !important;
	text-transform: capitalize !important;
}
.nav-hot-type-two a {
	color: #333 !important;
	font-family: "MontserratLight";
	padding: 0.5rem 0 !important;
	width: AUTO !important;
	text-transform: capitalize !important;
	display: flex !important;
	align-items: center;
}
.nav-hot-type-two a i {
	border: 1px solid #555;
	margin: 0 0.8rem;
	height: 70%;
	padding-right: 0 !important;
}
.product-sub-menu .sub-menu-box .sub-menu-ul {
	width: 20%;
}

@media (max-width: 1200px) {
	.nav-hot {
		width: 100%;
		display: none !important;
	}
	.product-sub-menu .sub-menu-box .sub-menu-ul {
		width: 100%;
	}
	.product-sub-menu .filter-box {
		padding: 0 !important;
	}
}

.nav > ul li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
.language-sub-menu {
	opacity: 0;
	visibility: hidden;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	margin-right: 0;
	padding-right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scaleY(1);
	transform-origin: top;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	z-index: 99999;
	overflow: hidden;
	min-width: 90px;
	box-shadow: 0 0 8px rgba(26, 24, 24, 0.1) inset;
}
.language ul li:hover .language-sub-menu {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
.language {
	display: flex;
}
.language > ul {
}
.language i {
	margin-right: 0.2rem;
}
.language > ul > li {
	height: 100%;
	padding: 0 2rem;
	border-right: #ffffff75 1px solid;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.language > ul li i {
	font-size: 1.3rem;
	color: #fff;
	font-weight: 300;
}
.language > ul li i:hover {
	transition: 0.9s;
	transform: rotate(360deg);
}

.language > ul li .fa-angle-down {
	font-size: 1rem;
}
.language .language-sub-menu li {
	padding: 0.5rem 0.5rem;
	border-bottom: 1px solid #ddd;
	font-size: 0.8rem;
}
.gt_float_switcher img {
	width: 25px !important;
}
.language li {
	padding: 0 1rem !important;
}
.search-form {
	display: flex;
	padding-top: 2rem;
	direction: ltr;
}
.search-form input {
	width: 92%;
	border: 1px solid #ddd;
	border-right: none;
	border-radius: 50px 0 0 50px;
}
.search-form button {
	width: 8%;
	color: #fff;
	border-radius: 0 50px 50px 0;
}
.search-form button i {
	color: #fff;
}
.search-form button:active {
	background: #ffffff;
}
.hot-search {
	font-size: 0.8rem;
	margin-bottom: 2rem;
	margin-top: 0.5rem;
	color: #000;
}
.hot-search a {
	font-family: "MontserratLight";
	padding-left: 0.5rem;
	font-size: 0.7rem;
	color: #666;
}
.language-sub-menu .hot-search a:hover {
	color: var(--yellow) !important;
}
.index-quote {
	height: auto;
	padding: 0;
}

@media (min-width: 1200px) {
	.index-quote {
		/*height: 100vh;*/
		padding: 50px 0;
	}
}
.quote button {
	background: var(--orange);
	color: #fff;
	border-radius: 1.2rem;
	cursor: pointer;
	text-transform: uppercase;
}
.quote button:hover {
	background: var(--yellow);
}
.qwap i {
	border-radius: 10px;
	background: #289545;
	padding: 7px 8px;
	font-size: 1.5rem;
	color: #fff;
	margin: 0 10px 0 0;
	animation: jump 1.2s infinite;
}
.qwap:hover i {
	transition: 0.9s;
	transform: rotate(360deg);
}
.qwap ul {
	display: block;
	float: right;
	padding: 3px 0 0 0;
	font-size: small;
	color: #fff;
	line-height: 1.3;
}
.qwap ul li:first-child {
	font-weight: normal;
	font-size: 0.6rem;
}
.qwap a {
	color: #fff;
	font-size: 1rem;
	/*border: #289545 1px solid;*/
	padding: 4px 12px;
	border-radius: 50px;
}
.qwap ul a {
	color: #fff;
}
.header-area-fiexd .qwap a,
.header-area-fiexd .qwap ul,
.header .qwap a {
	color: #ffffff;
	background: #289545;
	padding: 2px 12px;
	border-radius: 50px;
	font-size: 0.7rem;
}
.header-area-fiexd .qwap i {
	margin: 0;
}
@keyframes jump {
	0% {
		transform: translateY(0) scale(1);
	}
	30% {
		transform: translateY(-2px) scale(1);
		animation-timing-function: ease-out;
	}
	50% {
		transform: translateY(0) scale(1);
		animation-timing-function: ease-in;
	}
	70% {
		transform: translateY(-2px) scale(1);
		animation-timing-function: ease-out;
	}
	100% {
		transform: translateY(0) scale(1);
	}
}
.sub-menu-box {
	justify-content: space-between;
	padding: 0 !important;
}
.sub-menu-box .sub-menu-ul {
	width: 25%;
	border-right: #d9d9d9 2px solid;
}
.sub-menu-box .sub-menu-ul li {
	margin-bottom: 0.3rem;
}
.sub-menu-box .sub-menu-ul li a {
	padding: 0.7rem 0.8rem;
	width: auto !important;
	font-family: MontserratRegular;
	text-transform: capitalize;
	color: #3f3f3f;
	transition: padding-left 0.5s ease, border 0.3s ease;
}
.sub-menu-box .sub-menu-product {
	width: 65%;
	align-items: center;
	display: flex;
	margin-right: 5%;
}
.sub-menu-box .sub-menu-product .sub-menu-product-list {
	align-items: center;
	justify-content: space-between;
	display: none;
	width: 100%;
}

.sub-menu-box .sub-menu-product .sub-menu-product-list .menu-product-list:last-child:nth-child(3n - 1) {
	/**最后一行，要么3个元素，要么7个元素  (最后一行还剩1个空间)**/
	margin-right: calc(31% * 1 + 7% / 2 * 1); /* 24%:列的宽  1:还剩1空间     4%:间隙宽100%-4列*24%=4%;  */
}
.sub-menu-box .sub-menu-product .sub-menu-product-list .menu-product-list:last-child:nth-child(3n - 2) {
	/*margin-right: calc(31% * 2 + 7%/2*2 );  */
}

.menu-product-list {
	width: 20%;
	margin-left: 0%;
	/*border: #ccc 1px dotted;*/
}
.menu-product-list a {
	padding: 0 !important;
}
.menu-product-list img {
	width: 92%;
	margin: 0 auto;
	-webkit-box-reflect: below;
	-webkit-box-reflect: below -100px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(250, 250, 250, 0.1)));
}
.nav > ul li .nav-subcategories {
	display: flex;
}
.nav > ul li .nav-subcategories a {
	padding: 0.8rem 1rem;
	text-align: center;
	background: #dfdfdf;
	font-size: 1rem;
	margin: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu-product-list h3 {
	width: 100%;
	color: #999;
	padding: 0.5rem 0.6rem;
	margin-bottom: 1rem;
	font-size: 0.9rem;
	text-align: center;
	font-family: "MontserratRegular";
	text-transform: capitalize;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.5;
	max-height: calc(2.2em * 1.5);
}
.sub-menu-product-list h2 {
	width: 100%;
	margin: 1rem;
	border-bottom: #d9d9d9 1px solid;
	padding: 0.5rem 0;
}
.menu-psolution-list {
	text-align: right;
	max-height: 334px;
	overflow: hidden;
}
.menu-psolution-list a {
	padding: 0 1rem !important;
	display: flex !important;
	width: 100%;
	height: 100%;
}
.menu-psolution-list img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.header-area,
.header-area-fiexd {
	background: #fff;
}
.header-area .nav > ul li a,
.header-area-fiexd .nav > ul li a,
.header-area .language ul li i,
.header-area-fiexd .language ul li i,
.header-area .mobile-nav-botton,
.header-area-fiexd .mobile-nav-botton {
	color: var(--c3);
}
.header-area-fiexd .logo img,
.header-area .logo img {
	filter: none;
}
.header-area-fiexd,
.header-body-fiexd {
	position: fixed;
	width: 100%;
	z-index: 9999;
	top: 0;
	box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 30%);
	-webkit-animation: sticky 1s;
	-moz-animation: sticky 1s;
	-o-animation: sticky 1s;
	animation: sticky 1s;
}

@-webkit-keyframes sticky {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@-moz-keyframes sticky {
	0% {
		-moz-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		-moz-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@-o-keyframes sticky {
	0% {
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@keyframes sticky {
	0% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
}

.footer {
	border-top: #289545 5px solid;
	background: #313131;
	background-position: 100%;
	background-repeat: no-repeat;
	background-size: 50%;
	color: #f4f7f5;
	font-size: 0.9rem;
}
.footer .container,
.header .container {
	width: 100%;
}
.footer ul li a {
	font-weight: 900;
	line-height: 2.5rem;
	font-family: MontserratLight;
	color: #aaa;
	text-transform: capitalize;
	transition: all 0.5s ease;
	display: inline-block;
}
.footer ul li a:hover {
	color: #fff;
	font-weight: bold;
}
.footer-box {
	padding: 4rem 0;
}
.footer-box > div {
	width: 25%;
}
.footer-logo,
.footer-list ul li h3 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.footer-list ul li h3 a {
	color: #fff;
}
.footer-logo img {
	max-width: 7rem;
	filter: grayscale(100%) brightness(453%);
}
.Copyright-top {
	display: flex;
}
.Copyright-top div {
	min-width: 200px;
}
.Copyright {
	padding: 1.5rem 0;
	border-top: #f4f4f4 1px solid;
	justify-content: space-between;
	font-size: 0.8rem;
	color: #fff;
	padding-top: 20px;
	display: flex;
}

.Copyright a {
	font-size: 0.8rem;
	color: #fff;
}
.footer-list .search-form button {
	width: 26%;
}
.footer-list .search-form input {
	width: 68%;
	background: #fff;
}

.footer-information ul li {
	font-family: MontserratLight;
	line-height: 2.5rem;
	color: #ccc;
}

.footer-information ul li i {
	color: #ccc;
	margin-right: 0.5rem;
	font-size: larger;
}
ul.footer-information li i:hover {
	transition: 0.9s;
	transform: rotate(360deg);
}
.footer-media {
	margin-bottom: 1rem;
	text-align: right;
}
.footer-media span {
	color: #aaaaaa;
	margin-right: 10px;
}
.footer-media h3 {
	margin-bottom: 0.8rem;
	font-family: MontserratLight;
}
.footer-media a,
ul.footer-information li i {
	font-size: 1rem;
	color: #fff;
	display: inline-block;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	background: var(--orange);
	margin-right: 0.2rem;
	transition: background 0.7s ease, color 0.7s ease;
	position: relative;
}
.footer-media a i {
}
.footer-media a:hover {
	background: #181818;
	color: #fff;
	transition: 0.9s;
	transform: rotate(360deg);
}
.footer-media a img {
	opacity: 0;
	position: relative; /* 添加初始定位 */
	width: 10px; /* 添加初始宽度，比如30px */
	transform: scale(1); /* 添加初始缩放值 */
	transition: all 1s ease-out; /* 移除末尾的逗号 */
	bottom: 24px;
}

.footer-media a:hover img {
	opacity: 1;
	position: absolute;
	bottom: 200%;
	width: 130px;
	transform: scale(2.5);
}
.index-banenr img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保持图片的宽高比并铺满 div */
	object-position: center; /* 图片居中 */
	/*   animation: slowShrink 7s infinite ease-in-out; 7秒一个周期，无限循环，缓动效果 */
}
/* 定义动画 */
@keyframes slowShrink {
	0% {
		transform: scale(1.1); /* 初始大小 */
	}
	50% {
		transform: scale(1); /* 缓慢缩小到原始大小的95% */
	}
	100% {
		transform: scale(1.1); /* 回到初始大小 */
	}
}
.index-banenr video {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保持图片的宽高比并铺满 div */
	object-position: center; /* 图片居中 */
}
.index-banenr .swiper-container .swiper-slide {
	/* height: 100vh; */
	/*height: 600px;*/
}
.index-banenr .swiper-button-next {
	right: 80px;
}
.index-banenr .swiper-button-prev {
	left: 80px;
}
.index-banenr .ani-slide {
	margin-top: 20%;
}
.banner-text h2 {
	font-size: 3.8rem;
	margin-bottom: 2.5rem;
	font-family: MontserratMedium;
}
.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	overflow: hidden;
	/*text-align: center;*/
	/*font-size: 18px;*/
	background: #fff;
	/*overflow:hidden;*/
}

.product-feature .swiper-slide {
	/*padding: 1%;*/
	/* border-radius: 20px;*/
}
.product-feature .swiper-container-thumbs .swiper-slide {
	padding: 2.5%;
	aspect-ratio: 400 / 300;
}

.slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: #fff;

	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
	background: rgba(0, 0, 0, 0.4);
	background: #11191f24;
}

/*滑动按钮*/
.scrollbar {
	width: 68px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
}
.scrollbar .swiper-scrollbar {
	height: 6px;
	position: absolute;
	z-index: 2;
	background: #ccc;
	border: #fff 1px solid;
}
.scrollbar .swiper-scrollbar .swiper-scrollbar-drag {
	background: #fff;
	background: linear-gradient(to right, #289545, #e7e7e7 30%, #289545 60%, #2b9946d9);
	width: 10px !important;
	height: 10px;
	position: absolute;
	top: -10px;
	border-radius: 100%;
}

.index-banenr .scrollbar .swiper-scrollbar {
	width: 68px;
	bottom: 5%;
}
.index-product-bg,
.index-quote-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
}
.index-solution,
.index-product,
.index-case,
.index-news,
.index-quote,
.index-customers {
	position: relative;
	padding: 82px 0;
	display: flex;
	align-items: center;
	/* min-height: 105vh; */
	overflow: hidden;
}
.index-solution {
	background: #fff;
}

.index-product {
	background: rgba(0, 0, 0, 0.7);
}
.index-case {
	background: #f1f1f1;
	margin-top: 25px;
}
.index-news {
	background: rgba(0, 0, 0, 0.7);
}
.index-quote {
	background: ##22222278;
}
.index-customers {
	background: #ededed73;
}

.swiper-solution {
	overflow: hidden;
}
.swiper-solution .Pagination {
	width: 100%;
}
.swiper-solution .swiper-wrapper {
	width: 100%;
	margin: 3rem 0;
}
.swiper-solution .index-solution-scrollbar {
	width: 100%;
}
.index-solution-box {
	justify-content: space-between;
	height: auto;
	background: none;
}

.index-solution-box .title-box {
	width: 100%;
	text-align: left;
	color: var(--c3);
	margin-bottom: 2rem;
}

.index-solution-left {
	width: 55%;
	overflow: hidden;
}
.index-solution-left img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保持图片的宽高比并铺满 div */
	object-position: center; /* 图片居中 */
}
.index-solution-right {
	display: flex;
	flex-direction: column;
	justify-content: center; /* 垂直居中 */
	height: 100%; /* 或设定具体高度，例如 400px */
	text-align: left;
	width: 42%;
	padding: 0 25px 0 0;
}
.index-solution-right h4 {
	margin-top: 1rem;
	margin-bottom: 2rem;
	font-size: 1rem;
}
.index-solution-right h3 {
	text-transform: capitalize;
}
.index-solution-right p {
	color: #666;
	line-height: 2.5;
	font-size: 1rem;
	font-family: MontserratLight;
	margin-bottom: 10%;
}
.index-solution-scrollbar .swiper-scrollbar {
	width: 68px !important;
	position: relative;
}
.index-product-scrollbar .swiper-scrollbar {
	width: 68px !important;
	position: relative;
	margin-top: 2rem;
}

.index-product-scrollbar {
}

.index-solution-right a.somore {
	float: right;
	font-family: MontserratLight;
	font-size: 1rem;
	transition: all 0.5s ease;
}

.swiper-solution .Pagination .tab-buttons {
	justify-content: center;
}
.swiper-solution .Pagination .tab-button {
	width: 20%;
	text-align: center;
	cursor: pointer;
}
.swiper-solution .Pagination .tab-button p {
	font-size: 1rem;
	font-weight: bold;
	color: #666;
}

.droplet-icon {
	width: 85px;
	height: 100px;
	margin: 0 auto 1rem auto;
	background: #eee;
	border-radius: 55% 55% 55% 55% / 65% 65% 35% 35%;
	transform: rotate(180deg);
	display: flex;
	align-items: center;
	justify-content: center;
}

.swiper-solution .Pagination .tab-buttons i {
	transform: rotate(180deg);
	font-size: 1.6rem;
	width: 60px;
	height: 60px;
	border: #eeeeee 5px solid;
	background: #ffffff;
	margin-bottom: -10px;
	border-radius: 50%;
	text-align: center;
	line-height: 52px;
	color: #289545;
	transition: background 0.7s ease-out, color 0.7s ease-out, font-size 0.3s ease;
}
.swiper-solution .Pagination .tab-buttons i:hover {
	font-size: 2rem;
}
.swiper-solution .Pagination .tab-buttons :hover i,
.swiper-solution .Pagination .tab-buttons .active i {
	color: var(--orange);
	border: #289545 5px solid;
	position: relative;
}
.swiper-solution .Pagination .tab-buttons :hover .droplet-icon,
.swiper-solution .Pagination .tab-buttons .active .droplet-icon {
	background: var(--orange);
}

.swiper-solution .Pagination .tab-buttons :hover p,
.swiper-solution .Pagination .tab-buttons .active p {
	color: var(--orange);
}
.index-product-top,
.index-case-top,
.index-news-top {
	margin-bottom: 1rem;
}
.index-product-top,
.index-news-top {
	color: #fff;
	justify-content: space-between;
}
.index-product-top p,
.index-case-top p,
.index-news-top p {
	font-family: MontserratLight;
	font-size: 1rem;
	max-width: 60%;
	display: flex;
	align-items: center;
}
.index-product-top a {
}
.index-product-box {
	width: 24%;
	border-radius: 20px;
	background: #fff;
}
.index-product-box img {
	max-width: 100%;
	transition: all 0.5s ease;
}
.index-product-box:hover img {
	transform: scale(1.1);
}
.index-product-box div {
	text-align: left;
	padding: 1rem;
	overflow: hidden;
}
div.img-box {
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
}
div.img-son-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	display: inline-grid;
	align-content: center;
}
div.img-son-box img {
	transition: all 0.5s ease;
	background: linear-gradient(to bottom, #e7e7e7, #f4f4f4);
}
div.img-son-box:hover img {
	transform: scale(1.1);
}
.menu-product-list div.img-son-box img {
	border: #dcdcdc 1px solid;
	border-radius: 10px;
}
.menu-product-list div.img-son-box:hover img {
}
.index-product-box h3 {
	font-size: 1rem;
	margin-bottom: 1rem;
	line-height: 1.4em;
	height: 2.8em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.index-product-box p {
	font-size: 1rem;
	font-family: MontserratLight;
	margin-top: 1rem;
	margin-bottom: 3rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.category-path {
	color: #666;
	font-size: 0.8em;
	margin-top: 5px;
	line-height: 1.4;
}
.index-product-box span {
	float: right;
	font-size: 1rem;
	font-family: MontserratLight;
	transition: all 0.5s ease;
}
.index-product .swiper-product {
	overflow: hidden;
}
.index-product .swiper-product .swiper-wrapper {
}
.index-product .swiper-product .swiper-slide {
	padding: 1rem 2rem;
}
.index-case-top {
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.index-case-top p {
}
.swiper-case {
	overflow: hidden;
	width: 100%;
}
.swiper-case img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.swiper-case .swiper-wrapper {
	/* justify-content: space-between; flex-direction: row; */
}
.index-case-box {
	border-radius: 20px;
	background: #fff;
}
.swiper-case .swiper-wrapper .index-case-box {
	margin-bottom: 2rem !important;
	margin-top: 0rem !important;
}
.index-case-box:hover .index-case-right,
.related-case-box .swiper-slide:hover .index-case-right {
	display: none;
}
.index-case-left {
	position: relative;
	overflow: hidden;
	aspect-ratio: 400 / 300;
}
.related-case .index-case-left {
	aspect-ratio: 400 / 400;
}
.index-case-left div {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	text-align: center;
	align-content: center;
	color: #fff;

	line-height: 2.5;
	background: #33333342;
	transition: opacity 0.5s ease, visibility 0.5s ease, background 0.5s ease;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.index-case-left div span {
	color: #fff;
	/*border: 1px solid #fff;*/
	padding: 5px 50px;
	border-radius: 50px;
	font-size: 0.8rem;
	line-height: 30px;
	margin-top: 70%;
	transition: margin-top 0.6s ease;
	opacity: 0;
	background: var(--yellow);
}
.index-case-left div p {
	height: 2.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	opacity: 0;
}
.index-case-left:hover div {
	visibility: visible;
	background: #14141470;
}
.index-case-left:hover div span {
	margin-top: 0%;
	opacity: 1;
}
.index-case-left:hover div p {
	opacity: 1;
}

.index-case-right {
	text-align: left;
	padding: 1rem;
	position: absolute;
	bottom: 0;
	color: #fff;
	background: var(--orange);
	width: 100%;
}
.index-case-right h3 {
	font-size: 1rem;
	height: 1.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-bottom: 0.5rem;
}
.index-case-right span {
	font-size: 0.8rem;
	color: #fff;
}
.index-case-box .pp,
.swiper-slide .pp {
	position: absolute;
	top: 1rem;
	left: 1rem;
	font-size: 1rem;
	color: #fff;
}
.swiper-news ul {
	justify-content: space-between;
}
.index-news-box {
	width: 32%;
	background: #fff;
}
.index-news-box img {
	width: 100%;
}
.index-news-box div {
	background: #fff;
	padding: 1rem;
}

.index-news-box div p {
	color: #666;
	font-family: "MontserratLight";
	margin: 1.1rem 0;
}
.index-news-box div span {
	color: #666;
}

.swiper-quote .contact-form {
	width: 40%;
}
.form-box {
	padding: 2.5rem;
	margin: 5px;
	background: #fff;
	border-radius: 1rem;
}
.form-box h3 {
	margin-bottom: 1rem;
	color: #3f3f3f;
}
.form-box .group {
	display: flex;
	line-height: 30px;
	align-items: center;
	position: relative;
}
.form-box input {
	width: 100%;
	height: 45px;
	line-height: 30px;
	padding: 0 5rem;
	margin-bottom: 10px;
	padding-left: 3rem;
	border: 2px solid transparent;
	border-radius: 10px;
	outline: none;
	background-color: #f8fafc;
	color: #0d0c22;
	transition: 0.5s ease;
	border: 1px solid #ddd;
	font-size: 0.8rem;
}
.form-box input::-webkit-input-placeholder,
.form-box textarea::-webkit-input-placeholder {
	color: #aab2bd;
	font-size: 0.8rem;
	font-family: "MontserratLight";
}

.form-box textarea {
	width: 100%;
	background-color: #f8fafc;
	transition: 0.5s ease;
	border-radius: 10px;
	border: 1px solid #ddd;
}
input::placeholder {
	color: #94a3b8;
}
.input:focus,
input:hover,
textarea:hover {
	outline: none;
	border-color: var(--yellow);
	background-color: #fff;
}
.form-box .group i {
	position: absolute;
	left: 1rem;
	fill: none;
	width: 1rem;
	height: 1rem;
	color: #3f3f3f;
	margin-bottom: 10px;
}

.group-submit {
	text-align: center;
}
.group-submit button {
	color: #fff;
	padding: 0.8rem 2rem;
	width: 50%;
	margin-top: 2rem;
	border-radius: 50px;
}
.swiper-quote .contact-information {
	width: 56%;
	color: #fff;
	/*display: flex;*/
	flex-direction: column;
	justify-content: space-between;
	padding: 3rem 0;
}

.contact-information h3 {
	font-size: 2rem;
}
.contact-information p {
	font-size: 1.5rem;
	font-family: "MontserratLight";
}
.contact-information ul {
	font-size: 1.5rem;
	font-family: "MontserratLight";
}
.contact-information ul li i {
	margin-right: 2rem;
}
.index-customers-top h3 {
	text-align: center;
	font-size: 2.5rem;
	margin-bottom: 3rem;
	text-transform: uppercase;
}
.swiper-customers {
	/*overflow: hidden;*/
}
.swiper-customers img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: center;
	bottom: 0;
	position: absolute;
}
.swiper-customers .index-customers-box {
	height: auto;
	text-align: center;
	align-content: center;

	position: relative;
	padding-top: 10%;
	overflow: visible;
	background: #fff0;
	transition: background 3s cubic-bezier(0, -0.76, 1, -0.84);
}

.ny-banner {
	/*-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%);*/
	/*clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%);*/
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
}
.ny-banner picture {
	width: 100%;
}
.ny-banner img {
	margin: 0 auto;
}
.ny-banner .img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.2);
	animation: shrink-background 10s ease-in-out forwards;
}
@keyframes shrink-background {
	from {
		transform: scale(1.2);
	}
	to {
		transform: scale(1);
	}
}
.ny-banner-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-box-reflect: below;
	-webkit-box-reflect: below -160px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(250, 250, 250, 0.35)));
}
.ny-banner .image-container {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.ny-banner-img {
	width: 100%;
}
.ny-banner-img img {
	width: 100%;
	transform: scale(1);
	transition: transform 8s linear;
}
.ny-banner-img img.loaded {
	transform: scale(1.1);
}
.ny-banner-box {
	display: flex;
	width: 100%;
	color: #fff;
	justify-content: center;
	align-items: center;
	font-size: 2.8rem;

	background: linear-gradient(to bottom, rgb(0 0 0 / 20%) -5%, rgba(0, 0, 0, 0) 25%);

	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.ny-banner-box-ab {
	position: absolute;
	display: flex;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	color: #fff;
	justify-content: center;
	align-items: center;
	font-size: 2.5rem;
}
.ny-banner-title span {
	font-size: 2.5rem;
}
.bg4 {
	background: rgba(0, 0, 0, 0.4);
}
.bg5 {
	background: rgba(0, 0, 0, 0.5);
}
.bg6 {
	background: rgba(0, 0, 0, 0.6);
}
.bg7 {
	background: rgba(0, 0, 0, 0.7);
}
.bg-linear {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));
}
.secondary-nav-box {
	background: #03a84e;
}

.secondary-list {
	display: flex;
	position: relative;
}

.secondary-nav-fixed {
	position: fixed;
	top: 0;
	z-index: 99999;
	width: 100%;
	background: #03a84e;
}
.secondary-list li {
	color: #fff;
	text-align: center;
	font-size: 1rem;
	width: auto;
	min-width: 15%;
	background: #fff0;
	position: relative;
	z-index: 2;
}
.secondary-list li.arctrle div {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #e7e7e7; /* 背景颜色 */
	transition: width 0.5s ease, left 0.5s ease; /* 平滑过渡 */
	z-index: 1;
}

.secondary-list li.arctrle,
.secondary-list li.swiper-slide-active-hj {
	background: #e7e7e7;
	color: #3f3f3f;
}
.secondary-list li.arctrle a,
.secondary-list li.swiper-slide-active-hj a {
	color: var(--orange);
}
.secondary-list li a {
	color: #fff;
	display: block;
	padding: 1rem 2rem;
	font-size: 1.1rem;
	white-space: nowrap;
	text-transform: capitalize;
	position: relative;
	z-index: 3;
}
.ny-banner-box .container {
	align-items: center;
	justify-content: space-between;
}
.secondary-box {
	overflow: hidden;
	position: relative;
	padding: 0 35px;
}
.secondary-nav .swiper-button-next,
.secondary-nav .swiper-button-prev {
	color: #ffffff;
}
.secondary-nav .swiper-button-next:after,
.secondary-nav .swiper-button-prev:after {
	font-size: 1.1rem;
	font-weight: bold;
}

.secondary-nav .swiper-button-next {
	right: 0px;
}
.secondary-nav .swiper-button-prev {
	left: 0px;
}
.ny-banner-right {
	width: 49%;
	padding: 1rem;
	position: relative;
}
.ny-banner-left {
	width: 49%;
	padding: 1rem;
}
.ny-banner-left h1,
.ny-banner-right h1 {
	font-size: 1.5rem;
	color: #fff;
	line-height: 1.2;
	font-family: "MontserratSemiBold";
	text-transform: capitalize;
}
.ny-banner-left p,
.ny-banner-right p {
	font-size: 1rem;
	color: #fff;
	line-height: 1.2;
	font-family: "MontserratLight";
	text-align: right;
}
@media (min-width: 1201px) and (max-height: 1120px) {
	.ny-banner-left p,
	.ny-banner-right p {
		display: none !important;
	}
}
.customizable-banner {
}
.ny-banner-right h1 span {
	color: var(--orange);
	font-family: Montserratbold;
}
.solotion-box1,
.solotion-box2,
.solotion-box3 {
	padding: 4rem 0;
}
.solotion-box3 {
	background: #fff;
}
.solotion-box1 h2,
.solotion-box2 h2,
.solotion-box3 h2,
.solotion-box4 h2,
.customization-box h2,
.related-case h2,
.index-quote h2 {
	text-align: center;
	font-size: 2.6rem;
	line-height: 1.5;
	margin: 0 0 2rem 0;
}

.solotion-box2 {
	background: #faf8f9;
}
.solotion-industry {
	position: relative;
}
.solotion-industry ul {
	display: flex;
}
.solotion-industry img {
	width: 100%;
	height: 100%;
	filter: grayscale(22%);
	object-fit: cover;
	object-position: center;
	border-right: #fff 1px dotted;
}
.solotion-industry-right {
	width: 100%;
	color: #fff;
	height: 100%;
	align-content: center;
	font-size: 1rem;
}
.solotion-industry-right > div {
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	display: flex;
	text-align: center;
	padding: 1rem;
	align-items: center;
	transition: all 0.6s ease;
}
.solotion-industry ul li.solotion-industry-arctrle .solotion-industry-right > div {
	display: flex;
}
.solotion-industry-right > div i {
	font-size: 3rem;
	margin-bottom: 1rem;
}
.solotion-industry-right > div h3 {
	text-align: center;
	width: 100%;
}
.solotion-industry-right > div p {
	opacity: 0;
	margin-bottom: -70%;
	transition: all 0.6s ease;
}
.solotion-industry ul li.solotion-industry-arctrle {
}
.solotion-industry-right:hover {
}
.solotion-industry-right:hover > div {
	background: #fff;
	border-top: 1px solid var(--orange);
	border-bottom: 1px solid var(--orange);
}
.solotion-industry-right:hover > div h3 {
	color: var(--c3);
}
.solotion-industry-right:hover > div p {
	color: var(--c3);
	opacity: 1;
	margin-bottom: 0%;
}
.solotion-industry-right:hover > div i {
	color: var(--yellow);
}
.solotion-industry ul li {
	position: relative;
	overflow: hidden;
	width: 25%;
	height: 590px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.solotion-industry-right h3 {
	font-size: 1.2rem;
	margin-bottom: 1rem;
	position: relative;
	z-index: 2;
}
.solotion-industry-right p {
	font-family: "MontserratLight";
	font-size: 1rem;
	line-height: 2;
	padding: 1rem 2rem;
	position: relative;
	z-index: 2;
}

.solotion-advantages {
}
.solotion-advantages ul li {
	width: 25%;
	text-align: center;
	padding: 1rem 5rem;
	height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #fff0;
	transition: background-color 2s ease;
	background-size: cover;
	background-position: center;
	position: relative;
	border-right: #ffffff00 1px solid;
}
.solotion-advantages ul li div {
	position: relative;
	z-index: 3;
}
.solotion-advantages ul li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff; /* 前景色 */
	opacity: 0; /* 设置透明度，让背景图部分可见 */
	/* 避免遮挡交互 */
	transition: all 0.7s ease-out;
	z-index: 1;
	pointer-events: none;
}
.solotion-advantages ul li:nth-child(1) {
	background-image: url("/static/images/solution1.webp");
}
.solotion-advantages ul li:nth-child(2) {
	background-image: url("/static/images/solution2.webp");
}

.solotion-advantages ul li:nth-child(3) {
	background-image: url("/static/images/solution3.webp");
}
.solotion-advantages ul li:nth-child(4) {
	background-image: url("/static/images/solution4.webp");
	border-right: none;
}
.solotion-advantages ul li i {
	font-size: 4rem;
	line-height: 1;
	color: #fff;
	margin-bottom: 1rem;
	transition: all 0.5s ease;
}
.solotion-advantages ul li h3 {
	font-size: 1.2rem;
	line-height: 1.2;
	color: #fff;
	height: 1.2em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transition: all 0.5s ease;
}
.solotion-advantages ul li p {
	font-size: 1rem;
	line-height: 1.6;
	font-family: "MontserratLight";
	color: #fff;
	opacity: 0;
	height: 0;
	position: relative;
	z-index: 3;
	transition: all 0.5s ease;
}
.solotion-advantages ul li:hover::before {
	opacity: 1;
}
.solotion-advantages ul li:hover {
	border-bottom: 1px solid var(--yellow);
	border-top: 1px solid var(--yellow);
}
.solotion-advantages ul li:hover div i {
	color: var(--yellow);
}
.solotion-advantages ul li:hover div h3 {
	color: var(--c3);
}
.solotion-advantages ul li:hover p {
	opacity: 1;
	height: auto;
	color: var(--c3) !important;
	margin-top: 1rem;
	margin-bottom: 3rem;
}
.solotion-application {
	width: 100%;
	height: 700px;
	overflow: hidden;
	position: relative;
	display: flex;
	background-image: url(/static/images/img-floor2.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
	align-items: center;
}
.solotion-application .container p {
	color: #fff;
	font-size: 1.2rem;
	margin-bottom: 2rem;
	text-align: center;
}
.solotion-application .container h2 {
	color: #fff;
}
.solotion-application .container div {
	text-align: center;
}
.blogleft {
	width: 66%;
	float: left;
}
.blogleft .contect-box2 {
	width: 100%;
}
.blogright {
	width: 34%;
	float: right;
	padding: 0 2%;
}
.blogright h2 {
	padding-bottom: 2rem;
}
.blogright .recent-post img {
	width: 100% !important;
	height: 100% !important;
}
.blogright .recent-post {
	margin: 1rem 0 3rem 0;
	background: #ffffff;
}

.blogright .recent-post .post-title,
.blogright .recent-post .post-date,
.blogright .recent-post .post-excerpt,
.blogright .recent-post .button-more {
	margin: 1rem 2rem;
}
.blogright .recent-post .post-date {
	color: #999;
}
.data-Live {
	/*   width: 65%; */
}
.data-Live {
	margin-top: 2rem;
}
.data-Live a:nth-child(1) {
	/*margin-right: 10%;*/
}
.live-Chat {
	border: 1px solid #fff;
	color: #fff;
}
.case-list-right .live-Chat {
	background: var(--yellow);
	color: #fff;
}
.pro-banner {
	background: rgb(253 109 6 / 20%);
}
.banner-product-h2 {
	font-size: 1rem;
	color: #fff;
	margin: 1rem 0;
}
.banner-product-h2 span {
	margin-right: 1rem;
}
.banner-product-h2 span:last-child {
	color: var(--orange);
}

#Feature {
	/*margin-top: 2rem;*/
}
.pro-banner-left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.product-feature-left {
	width: 36%;
	position: relative;
}
.product-feature-left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	/* border: 1px solid #ddd; */
}
.phaq {
	text-align: right;
	padding-right: 15px;
}
.case-list-right .phaq {
	text-align: left;
}
.phaq a {
	color: var(--orange);
	border-bottom: #e6e6e6 1px dotted;
	margin-left: 10px;
}
.product-feature-right {
	width: 60%;
}
.product-feature-right ul li {
	width: 100%;
	padding: 1.2rem 1rem;
	display: flex;
	flex-wrap: wrap;
}
.product-feature-right ul li:nth-child(odd) {
	background: #fff;
	border-radius: 0 20px 20px 0;
}
.product-feature-Swiper2,
.product-feature-Swiper {
	position: relative;
	margin-bottom: 1rem;
	overflow: hidden;
}
.product-feature-Swiper2 .swiper-slide,
.product-feature-Swiper .swiper-slide {
}

.product-feature-right ul li i {
	font-size: 2rem;
	line-height: 1.1;
	color: var(--orange);
}
.product-feature-right ul li h3 {
	font-size: 1.2rem;
	line-height: 1;
	margin: 0.2rem 0.5rem 0.5rem 1rem;
}
.product-feature-right ul li p {
	font-size: 1rem;
	line-height: 1.2;
	font-family: "MontserratLight";
	color: #666;
	margin-left: 3rem;
	width: 100%;
}
.product-feature-left .swiper-slide-thumb-active {
	border: 1px solid var(--orange);
}
.product-feature-left .swiper-button-next,
.product-feature-left .swiper-button-prev {
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #269243b0;
	border-radius: 50%;
}
.product-feature-left .swiper-button-next {
	right: 15px;
}
.product-feature-left .swiper-button-prev {
	left: 15px;
}
.product-feature-left .swiper-button-next:after,
.product-feature-left .swiper-button-prev:after {
	font-size: 1rem;
}
.product-feature-Swiper2 .swiper-slide {
	position: relative;
}
.c-video {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	/*background: rgba(0, 0, 0, 0.2);*/
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.5s ease;
}
.c-video:hover {
	/*background: rgba(0, 0, 0, 0.2);*/
}

.c-video i {
	color: var(--yellow);
	font-size: 3rem;
	transition: all 0.5s ease;
}
.icon-container {
	position: relative;
	display: inline-block;
	width: 70px;
	height: 70px;
}

.icon-container i {
	font-size: 48px;
	color: #289545;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}

.circle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	border: 3px solid #289545;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	opacity: 0.6;
	animation: ripple 2s infinite;
}

.circle-1 {
	animation-delay: 0s;
}

.circle-2 {
	animation-delay: 0.5s;
}

.circle-3 {
	animation-delay: 1s;
}

@keyframes ripple {
	0% {
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 0.6;
	}
	70% {
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0.2;
	}
	100% {
		transform: translate(-50%, -50%) scale(2);
		opacity: 0;
	}
}
.alert-video {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	justify-content: center;
	align-items: center;
	z-index: 999;
	display: none;
}
.alert-video-box {
	max-width: 800px;
	width: 100%;
	text-align: right;
	padding: 10px;
}
.alert-video-box video {
	width: 100%;
	display: none;
}
.alert-video-box i {
	color: #fff;
	font-size: 2rem;
}
.iframe-box {
}
.alert-video-box iframe {
	display: none;
	aspect-ratio: 400 / 290;
}
.product-parameters {
	border: 1px solid #ddd;
	overflow: hidden;
	border-radius: 20px;
	padding: 25px;
}
.product-parameters h3 {
	line-height: 2;
	padding: 1rem 0;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	position: relative;
}
.product-parameters h3::after {
	content: "";
	position: absolute;
	margin-left: 22px;
	top: 30px;
	width: 12px;
	height: 12px;
	/* background-color: #3f3f3f; */
	transition: width 0.7s ease, left 0.7s ease;
	border-left: 2px solid #289545;
	border-bottom: 2px solid #289545;
	transform: rotate(312deg);
	transition: transform 0.3s ease;
}
.product-parameters .table-wrapper {
	display: none;
	overflow-x: auto;
}
.product-parameters .table-wrapper:first-of-type {
	display: block;
}
.product-parameters h3:hover::after {
	transform: rotate(132deg);
}
.article-box table {
	margin: 0.5rem 0;
}
.product-parameters table,
.case-list table,
.article-box table {
	padding: 1rem;
	border-bottom: 1px solid #ddd;
	width: 100%;
	border-collapse: collapse;
	box-sizing: border-box;
	transition: all 0.3s ease-in-out;
	transform-origin: top;
}
.product-parameters table td,
.case-list table td,
.article-box table td {
	font-size: 0.9rem;
	color: #666;
	height: auto !important;
	box-sizing: border-box;
}
.product-parameters table tbody,
.case-list table tbody,
.article-box table tbody {
}
.product-parameters table tr,
.case-list table tr,
.article-box table tr {
	width: 100%;
	height: auto !important;
}
.product-parameters table tr:nth-child(odd),
.case-list table tr:nth-child(odd),
.article-box table tr:nth-child(odd) {
	background: #f2e9e3;
}
.product-parameters table td,
.product-parameters table th,
.case-list table td,
.case-list table th,
.article-box table th {
	height: auto !important;
}

.product-parameters table:first-of-type,
.case-list table:first-of-type,
.article-box table:first-of-type {
	display: inline-table;
}
.parameters-down {
	margin-bottom: 1.1rem;
}
p.pnote {
	padding: 15px 15px;
	font-size: smaller;
}
p.pnote a {
	font-size: 1rem;
	color: #289545;
}
.case-box {
	padding: 3rem 0;
	background: #fff;
}
.case-list {
	margin-top: 2rem;
	margin-bottom: 3rem;
	background: #fff;
	border-radius: 1rem;
}
.case-list .description {
	padding: 2rem 0 0;
	line-height: 2;
	margin-bottom: 1rem;
}
.case-list .description > p {
	margin-bottom: 1rem;
}
.case-list .description > ul {
	margin-bottom: 1rem;
	list-style: inside;
	padding-left: 1rem;
}
.case-list .description > ul li {
	font-family: "MontserratLight";
	margin-bottom: 1rem;
	padding-left: 5px;
}
.case-list .description > div {
	margin-bottom: 1rem;
	font-family: "MontserratLight";
}

.case-list-left {
	width: 50%;
	position: relative;
	border-radius: 20px;
}
.case-list-left > div {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgb(38 146 67 / 70%);
	justify-content: center;
	display: none;
	align-items: center;
	flex-direction: column;
	color: #fff;
}
.case-list-left:hover div {
	display: flex;
}
.case-list-left > div a {
	color: #fff;
	border: 1px solid #fff;
	padding: 2px 15px;
	margin-top: 1rem;
}
.case-list-left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.5s ease;
}
.case-list-right {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 3rem;
}
.case-list-right h2 {
	margin-bottom: 1.5rem;
	font-size: 1.2rem;
}
.case-list-right p {
	display: flex;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: #ddd 1px solid;
}
.case-list-right .description {
	color: #888;
	font-family: "MontserratLight";
	line-height: 1.5;
}
.case-list-right p span {
}

.case-list-right p span:last-child {
	width: 75%;
	color: #888;
	font-family: "MontserratLight";
}
.case-list-right p span:first-child {
	width: 25%;
}

.case-box .case-list:nth-child(2n) .case-list-left {
	order: 2;
}

.case-box .case-list:nth-child(2n) .case-list-right {
	order: 1;
}
.related-case {
	background: #faf8f9;
	padding: 2.5rem 0;
}
.related-case .container {
	position: relative;
}
.related-case-box {
	text-align: center;
	overflow: hidden;
	margin: 2rem 0;
}
.related-case-box .swiper-slide {
	background: #fff;
}
.related-case-box .related-case-swiper .index-case-right {
	position: relative;
	display: block !important;
}

.related-case-box .related-case-swiper .swiper-wrapper {
	display: flex;
	justify-content: space-between;
}
.related-case-box .related-case-swiper .swiper-wrapper .swiper-slide {
	width: 32%;
	border-radius: 20px;
}
.related-case-box img {
	display: block; /* 改为 block 可以更好地控制布局 */
	width: 100%; /* 宽度填满容器 */
	height: 100%; /* 高度填满容器 */
	object-fit: cover; /* 保持比例填充整个容器 */
	object-position: center; /* 图片居中显示 */
	transition: 0.6s ease;
}
.related-case-box .scrollbar {
	margin-top: 3rem;
}
.related-case-box .swiper-button-next,
.related-case-box .swiper-button-prev {
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12);
}
.related-case-box .swiper-button-next {
	color: #525252;
	right: -10px;
}
.related-case-box .swiper-button-prev {
	color: #525252;
	left: -10px;
}
.related-case-box .swiper-button-next:after,
.related-case-box .swiper-button-prev:after {
	font-size: 14px;
}
.related-case-box .swiper-button-next:hover,
.related-case-box .swiper-button-prev:hover,
.product-feature-left .swiper-button-next:hover,
.product-feature-left .swiper-button-prev:hover {
	background: var(--yellow);
}
.contect-us {
	position: relative;
	padding-bottom: 2rem;
}
.contect-box1 {
	margin-top: 0px;
}
.contect-box2 {
	width: 50%;
	margin: 50px auto;
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	padding: 3rem;
	background: #fff;
}

.contect-us .contect-box2,
.alert-from-right .contect-box2 {
	width: 100%;
	margin-bottom: 15px;
}
.contect-box1 h2,
.contect-box2 h2 {
	text-align: center;
	line-height: 2;
	font-size: 2.5rem;
}

.contect-box1 p,
.contect-box2 p {
	color: #666;
	font-family: "MontserratLight";
	font-size: 1.2rem;
	transition: all 0.5s ease;
}
.contect-information p a {
	color: #666;
	font-weight: normal;
}
.contect-box1 p {
	line-height: 1.5;
	transition: all 0.5s ease;
}
.contect-box1 p span {
	display: inline-block;
	margin-top: 1rem;
	transition: all 0.5s ease;
	font-size: 0.8rem;
}
.contect-information {
	justify-content: space-between;
}
.contect-information ul {
	width: 100%;
	font-size: 1.5rem;
	line-height: 2;
	display: flex;
	justify-content: space-between;
	padding: 2rem 0 3rem 0;
	text-align: center;
}
.contect-information ul li {
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	font-family: "MontserratLight";
	color: #666;
	margin-top: 1rem;
	padding: 2rem 1rem;
	width: 24%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: all 0.5s ease;
	background: #fff;
}
.contect-information ul li i {
	width: 55px;
	height: 55px;
	line-height: 55px;
	margin-bottom: 15px;
	background: #289545;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	font-size: 1.6rem;
	transition: all 0.5s ease;
}
.contect-information ul li:hover {
	background: var(--yellow);
}

.contect-information ul li:hover p,
.contect-information ul li:hover a {
	color: #fff;
}
.contect-information ul li:hover p span {
	color: #fff;
}
.contect-information ul li:hover p i {
	background: #fff;
	color: var(--yellow);
}
.contect-information div {
	width: 45%;
}
.contect-information div img {
	width: 100%;
}
.contect-form form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
	color: #aab2bd;
	font-size: 0.8rem;
	font-family: "MontserratLight";
}
.contect-form form .group {
	width: 49%;
	position: relative;
	display: flex;
	line-height: 45px;
	align-items: center;
	position: relative;
	margin-top: 1rem;
}
.contect-form form .group:nth-child(4)::after,
.contact-form form .group:nth-child(4)::after,
.contect-form form .group:nth-child(2)::after,
.contact-form form .group:nth-child(2)::after,
.contect-form form .group:nth-child(1)::after,
.contact-form form .group:nth-child(1)::after,
.contect-form form .group-conter::after {
	content: " *";
	color: var(--danger);
	position: absolute;
	left: 36px;
}
.contect-form form .group-conter::after {
	left: 3px;
	top: 18px;
}
.contect-form form .group-conter,
.contect-form form .group-submit {
	width: 100%;
}
.contect-form form .group-conter {
	margin-top: 2rem;
	position: relative;
}
.contect-form form .group input,
.contect-form form textarea,
.contect-form .input-box .input,
.query-Form form input,
.query-Form form textarea,
.query-Form .input-box .input {
	border-radius: 8px;
	width: 100%;
	border: 1px solid #ddd;
}

.contect-form input {
	width: 100%;
	height: 45px;
	line-height: 45px;
	padding: 0 5rem;
	padding-left: 3rem;
	border: 2px solid transparent;
	outline: none;
	color: #0d0c22;
	transition: 0.5s ease;
	border: 1px solid #ddd;
}
.contect-form .group i {
	position: absolute;
	left: 1rem;
	fill: none;
	width: 1rem;
	height: 1rem;
}
.googlemap,
.googlemap iframe {
	width: 100%;
	height: 600px;
}
.customization-box {
	margin: 35px 0;
	overflow: hidden;
}
.customization-box1 {
	background-color: #f8f8f8;
	height: 800px;
	display: flex;
	align-items: center;
}
.cc-box .cc-box-list {
	width: 33.333%;
	display: flex;
	flex-direction: column;
}
.Customizable .cc-box-list {
	width: 25%;
}
.cc-box .cc-box-list:hover div:nth-child(2) {
	background: var(--yellow);
	color: #fff;
}
.cc-box .cc-box-list:hover div:nth-child(1) img {
	transform: scale(1.2);
}

.Customizable .cc-box-list:nth-child(2n-1) div:nth-child(2) {
	flex-grow: 1;
}
.Customizable .cc-box-list:nth-child(2n) div:nth-child(2) {
	flex-grow: 1;
}
.cc-box .cc-box-list div {
	background-color: #fff;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
	transition: all 0.5s ease;
	height: 300px;
	flex-direction: column;
}
.cc-box .cc-box-list div:last-child {
	padding: 3rem;
}
.Customizable .cc-box-list div:last-child {
	padding: 2rem 1rem;
}
.cc-box .cc-box-list img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保持图片的宽高比并铺满 div */
	object-position: center; /* 图片居中 */
	min-height: 300px;
	transition: all 0.5s ease;
}
.cc-box .cc-box-list h3 {
	font-size: 1rem;
	line-height: 2;
}
.cc-box .cc-box-list p {
	line-height: 1.5em; /* 行高（根据实际情况调整） */
	max-height: 7.5em; /* 5行 = 1.5em × 5 */
	overflow-y: auto; /* 超出时显示滚动条 */
	padding-right: 5px; /* 避免滚动条遮挡文字 */

	/* 可选：美化滚动条（仅部分浏览器支持） */
	scrollbar-width: thin; /* Firefox */
	scrollbar-color: #ccc #f5f5f5; /* Firefox */
}

/* Chrome/Safari 滚动条样式 */
.cc-box .cc-box-list p::-webkit-scrollbar {
	width: 6px;
}
.cc-box .cc-box-list p::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 3px;
}
.cc-box .cc-box-list:nth-child(2n) div:first-child {
	order: 2;
}
.cc-box .cc-box-list:nth-child(2n) div:last-child {
	order: 1;
}

.customization-box2 {
	background: url(/static/images/our-solutions.jpg);
	color: #fff;
	display: flex;
	align-items: center;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
}
.customization-box2 p {
	text-align: center;
	font-size: 1.4rem;
	line-height: 2;
}
.customization-box2 .bg {
	width: 100%;
	height: 100%;
	align-content: center;
	display: flex;
	align-items: center;
}
.customization-box3 {
	padding: 2rem 0;
}
.customization-box4 {
	background: url(/static/images/jm.webp);
	color: #fff;
	display: flex;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
	background-attachment: fixed;
}
.benefits > div {
	width: 33%;
}
.benefits ul li {
	margin-bottom: 30px;
	color: #666;
	font-size: 1.2rem;
	line-height: 2;
}
.benefits ul li i {
	width: 110px;
	height: 110px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: var(--orange);
	font-size: 3.2rem;
	border-radius: 50%;
	border: var(--orange) 4px solid;
}
.container-bg {
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
	padding: 6rem 0;
}
.container-bg .swiper-quote .contact-information {
	justify-content: center;
}
.container-bg .contact-information p {
	font-size: 1.5rem;
	line-height: 2;
}
.container-bg .contact-information p i {
	margin-right: 1rem;
}
.container-bg h4 {
	font-size: 2rem;
	margin-bottom: 1.5rem;
}

.customization-box5 {
	padding: 5rem 0;
}
.customization-box5 .path-success p {
	font-size: 1.4rem;
	color: #666;
	margin-bottom: 3rem;
}
.customization-box5 .path-success div {
	text-align: center;
}

.alert-from {
	width: 100%;
	height: 100%;
	background-color: rgba(34, 40, 49, 0.44);
	position: fixed;
	top: 0;
	left: 0;
	transition: opacity 0.25s linear;
	opacity: 0;
	z-index: -100;
	touch-action: none;
	-webkit-overflow-scrolling: none;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.alert-from-boxs {
	width: 900px;
	background: #fff;
	display: flex;
}
.alert-from-left {
	width: 20%;
	position: relative;
	text-align: center;
	justify-content: center;
	align-content: center;
	background: #313131;
	box-shadow: 0 0px 11px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: 1;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.alert-from-left .paster {
	filter: grayscale(100%) brightness(453%);
	max-width: 100px;
	margin: 0 auto;
}
.alert-from-right {
	width: 80%;
	padding: 2rem;
	position: relative;
	background: #fff;
	transition: all 1s linear;
}
.alert-from-title {
	text-align: center;
	font-size: 1.8rem;
	color: #333;
	line-height: 2;
	margin-top: 1rem;
}
.alert-from-excerpt {
	text-align: center;
	font-size: 0.8rem;
}
.alert-from-on {
	overflow: hidden;
}
.alert-from-on span {
	background: var(--orange);
	color: #fff;
	width: 45px;
	height: 45px;
	font-size: 1.6rem;
	line-height: 39px;
	text-align: center;
	display: block;
	float: right;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.alert-from-box div {
}
.alert-from-box input,
.alert-from-box textarea {
	width: 100%;
	line-height: 2;
	padding: 8px 10px;
	border: 1px solid #ddd;
	font-size: 0.8rem;
	margin-top: 0.8rem;
}
.alert-from-box button {
	background: var(--orange);
	color: #fff;
	border: 0;
	width: 100%;
	text-align: center;
	line-height: 2;
	padding: 6px;
}
.alert-from-box .error-tips {
	height: 18px;
	color: #dc3545;
	margin: 2px 0;
	font-size: 0.8rem;
}
.about,
.company {
	padding: 2rem 0;
	overflow: hidden;
	display: flex;
}
.about {
	height: 700px;
	align-items: center;
}
form button {
	background: var(--orange);
}
form button:hover {
	background: var(--orange);
}
form button:active {
	background: var(--yellow);
}
.about-box1 {
	justify-content: space-between;
}
.about-box1-left {
	width: 55%;
}
.about-box1-right {
	width: 40%;
	position: relative;
	border-radius: 2rem;
	overflow: hidden;
}
.about-box1-left {
}
.about-box1-left ul {
	justify-content: space-between;
	text-align: center;
	margin-top: 3rem;
}
.about-box1-left ul li i {
	color: var(--orange);
	font-size: 3rem;
}
.about-box1-left ul li span {
	font-size: 1.8rem;
	color: var(--orange);
}
.about-box1-left p {
	line-height: 2;
	color: #666;
}
.about-box1-left p strong {
	margin: 0.7rem 0;
	font-weight: 900;
}
.about-box1-left ul p {
	font-size: 0.8rem;
}
.about-box1-left h2 {
	font-size: 3.2rem;
	margin-bottom: 1rem;
}
.about-box1-img {
	height: 100%;
}
.about-box1-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.about-box1-img div {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	justify-content: center;
	align-items: center;
	display: flex;
	color: #fff;
	font-size: 3rem;
	background: rgba(0, 0, 0, 0.6);
}

.company {
	background: #1c5d2ec4;
	color: #fff;
	height: 500px;
	align-items: center;
}
.company h2 {
	font-size: 2.2rem;
	margin-bottom: 2rem;
	text-align: center;
}
.company-box ul li {
	width: 24%;
	text-align: center;
}
.company-box ul li i {
	font-size: 2rem;
}
.company-box ul li h3 {
	margin: 1rem 0;
}
.company-box ul li p {
	font-size: 0.9rem;
	line-height: 2;
}

.company {
	background: #1c5d2ec4;
	color: #fff;
	height: 500px;
	align-items: center;
	background-image: url(/static/images/Company.webp);
	color: #fff;
	height: 650px;
	align-items: center;
	background-size: cover;
}
.company h2 {
	font-size: 3.2rem;
	text-align: center;
	color: #333;
}
.company > .container p {
	text-align: center;
	margin-bottom: 3rem;
}
.company > .container > p {
	color: #333;
}
.company-box ul li {
	border-radius: 20px;
	width: 24%;
	text-align: center;
	overflow: hidden;
}
.company-box ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.company-box ul li i {
	font-size: 2rem;
}
.company-box ul li h3 {
	margin: 1rem 0;
}
.company-box ul li p {
	font-size: 0.9rem;
	line-height: 2;
}

.company-box ul li.company-alert .flip-back {
}
.flip-back {
	border-radius: 20px;
	top: 0;
	position: absolute;
	bottom: 0;
	background: #289545e8;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
	transform: rotate(-55deg);
	transition: all 0.6s ease-out;
	transform-origin: bottom left;
	width: 100%;
}
.company-box ul li.company-alert .flip-back {
	opacity: 1;
	transform: rotate(0);
	transform-origin: bottom left;
}
.flip-container {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.9s ease-out;
	transform-style: preserve-3d;
}

.time-bg {
	height: 800px;
	overflow: hidden;
	align-items: center;
	display: flex;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	background-attachment: fixed;
}
.time-line-box {
	position: relative;
}
.swiper-container-time ul li {
	width: 20%;
	text-align: left;
	height: 450px;
	display: flex;
	flex-wrap: wrap;
	background: 0;
}
.swiper-container-time {
	overflow: hidden;
	position: relative;
}
.swiper-container-time .swiper-pagination-progressbar {
	top: 50%;
}
.swiper-container-time .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--orange);
}
.swiper-container-time ul li span {
	font-size: 1.5rem;
	color: var(--yellow);
	font-family: "MontserratSemiBold";
	margin-bottom: 1rem;
	display: inline-block;
}
.swiper-container-time ul li p {
	font-size: 0.8rem;
}
.swiper-container-time ul li:nth-child(2n) {
	align-items: end;
}
.swiper-container-time ul li div {
	height: 50%;
	width: 100%;
	cursor: pointer;
}
.time h2 {
	font-size: 3.2rem;
	margin-bottom: 3rem;
	text-align: center;
}
.swiper-container-time ul li:nth-child(2n-1) div {
	/* border-bottom: 1px solid #269243; */
}
.swiper-container-time ul li:nth-child(2n) div {
	align-content: end;
}
.time-line-box .swiper-button-next {
	color: #ffffff;
	right: -35px;
	background: #289545;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	top: 52.5%;
}
.time-line-box .swiper-button-prev {
	color: #ffffff;
	left: -35px;
	background: #289545;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	top: 52.5%;
}
.time-line-box .swiper-button-next:after,
.time-line-box .swiper-button-prev:after {
	font-size: 0.8rem;
	font-weight: bold;
}
.about-contect {
	background-color: #1c5d2ec4;
	padding: 1.5rem 0;
	height: 600px;
	align-content: center;
}
.about-contect-box {
	justify-content: space-between;
}
.about-contect-left {
	width: 45%;
	align-content: center;
	color: #fff;
	padding-right: 8%;
}
.about-contect-left h2 {
	font-size: 2.5rem;
	margin-bottom: 2rem;
}
.about-contect-left p {
	line-height: 2;
	font-size: 1.2rem;
}
.about-contect-right {
	width: 55%;
}

.one-stop {
	padding: 1rem 0;
	border-top: 1px solid #ddd;
	margin-bottom: 2rem;
	display: flex;
	justify-content: space-between;
}
.one-stop-swiper {
	overflow: hidden;
	padding: 2rem 1rem;
	position: relative;
}
.one-stop-top {
	margin-bottom: 2rem;

	display: flex;
	justify-content: space-between;
}
.one-stop-top div {
	width: 120px;
	position: relative;
}
.one-stop-top div span {
	background-color: var(--yellow);
	width: 45px;
	height: 45px;
	border-radius: 50%;
	color: #fff;
}
.one-stop-top .swiper-button-next:after,
.one-stop-top .swiper-button-prev:after {
	font-size: 1rem;
}
.one-stop-top h2 {
	font-size: 2.2rem;
}
.one-stop-swiper ul li {
	box-shadow: 1px 3px 5px #888888;
	height: auto;
	padding: 3rem 2rem;
	border-radius: 1rem;
}
.one-stop-swiper ul li:hover {
	background-color: var(--yellow);
	color: #fff;
}
.one-stop-swiper ul li h3 {
	font-size: 1.2rem;
	line-height: 2;
	margin-bottom: 1rem;
}
.one-stop-swiper ul li p {
	font-size: 1rem;
	line-height: 2;
	font-size: 0.9rem;
	text-align: left;
}
.customer-trust {
	background-size: 100%;
}
.customer-trust-box {
	color: #fff;
	padding: 2rem 0;
	align-items: center;
	height: 700px;
	overflow: hidden;
}
.customer-trust-left {
	width: 49%;
	padding-right: 2rem;
}
.customer-trust-left h2 {
	font-size: 2.5rem;
}
.customer-trust-left p {
	line-height: 2;
	margin: 1rem 0;
}
.customer-trust-right {
	width: 49%;
	border-radius: 2rem;
	overflow: hidden;
}
.ctr-swiper {
	width: 100%;
	max-width: 600px;
	margin: 50px auto;
	overflow: hidden;
	border-radius: 20px;
	background: #ffffff;
	position: relative;
}
.ctr-swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f3f3f3;
}
.ctr-swiper .swiper-button-next,
.ctr-swiper .swiper-button-prev {
	color: var(--orange);
}
.ctr-swiper .swiper-button-next:after,
.ctr-swiper .swiper-button-prev:after {
	font-size: 1.6rem;
	font-weight: bold;
}
.ctr-swiper img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.ctr-swiper .swiper-wrapper {
}
.ctr-swiper .swiper-pagination-bullet {
	background: #ffffff;
}
.product-list-box {
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	padding: 0 !important;
}
.product-list-left {
	text-align: left;
	line-height: 2;
	padding-top: 1rem;
	position: relative;
	min-width: 345px;
	padding-left: 3%;
	padding-right: 2%;
}
#product-list-right {
	scroll-margin-top: 80px;
}
.product-list-right {
	background: #fff;
	/*box-shadow: 0 0 8px rgb(26 24 24 / 20%) inset;*/
	flex: 1;
	padding-right: 2%;
}
.product-list-right-box {
	margin: 1% 5% 1% 1%;
	border-bottom: 1px solid #ddd;
	scroll-margin-top: 81px;
}
.solotion-box3 .product-list-right-box {
	margin: 1.5% 1% 1% 0;
	border-bottom: none;
}
.product-list-right-box:last-child {
	border-bottom: none;
}
.product-list-right-box .product-parameters {
	border: 0;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.product-list-right-box .product-parameters h3 {
	font-size: 1rem;
	font-family: "MontserratLight";
}
.product-list-right-box .product-parameters p {
	line-height: 2;
	margin: 1rem;
	font-size: 0.8rem;
}
.product-list-right-box .product-parameters storage {
}
.product-list-right-box .product-parameters h3::after {
	top: auto;
}
.category-info {
	padding: 35px 0;
	width: 100%;
	color: #999;
	font-size: small;
}
.product-list-right .product-list-right-box:nth-child(2n) {
	/*background-color: #f1f1f1;*/
}
.product-list-right-box h3 {
	font-size: 3.2rem;
	line-height: 1.5;
	margin-top: 0;
	/*border-left: #289545 4px solid;*/
	/*padding-left: 15px;*/
}
.product-list-right-box > a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.product-list-right-box > a span {
	color: var(--orange);
}
.product-list-right-box ul {
	padding: 3% 0;
	justify-content: space-between;
	transition: all 0.3s ease;
	justify-content: flex-start; /* 强制左对齐 */
	gap: 25px; /* 可选：设置间距 */
}
.product-list-right-box ul li {
	border-radius: 20px;
	width: calc(25% - 25px);
	text-align: center;
	padding: 2rem 2.5rem;
	margin-bottom: 1rem;
	transition: all 0.3s ease;
	background: linear-gradient(to bottom, #e7e7e7, #ffffff);
}
@media (min-width: 1700px) and (max-width: 2000px) {
	.product-list-left {
		padding-left: 2%;
	}
	.product-list-right-box ul li {
		width: calc(33.333% - 25px);
	}
}
@media (min-width: 1200px) and (max-width: 1700px) {
	.product-list-left {
		padding-left: 2%;
		padding-right: 1%;
	}

	.product-list-right-box ul li {
		width: calc(25% - 25px);
	}
}

.hjpdf2 {
	font-size: 2rem;
}
.hjpdf li {
	background-color: #f5f5f5;
	margin-right: 0 !important;
	padding: 15px 25px;
	/* 	border-radius: 20px;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.19); */
}

.hjpdf div {
	float: left;
	text-align: left;
}
.hjpdf div:nth-child(2) {
	padding: 10px 0;
}
.hjpdf i {
	font-size: 6rem;
	color: #db0001;
	margin: 10px 20px 10px 15px;
}
.hjpdf h2 {
	font-size: 1rem;
	margin: 15px 0;
}

.product-list-right-box ul li img {
	width: 100%;
	transition: all 0.3s ease-out;
	-webkit-box-reflect: below;
	-webkit-box-reflect: below -60px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(250, 250, 250, 0.15)));
}
.product-list-right-box ul li h3 {
	line-height: 1.8;
	padding: 5px;
	font-size: 1.1rem !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-list-right-box ul li p {
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.3;
	padding: 5px 15px;
}
.product-list-right-box ul li span {
	color: #999;
	line-height: 1.2;
	margin-bottom: 1.5rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-list-right-box ul li p span {
	line-height: 35px;
	min-height: 35px;
}

.product-list-left ul {
	top: 0px;
	transition: all 0.3s ease;
}
.product-list-left .left-fixed {
	position: sticky;
	width: 100%;
	left: 0;
	top: 120px;
	bottom: 0;
	/*background: #fff;*/
}
.product-list-left ul li {
	padding: 0.5rem;
	/*display: flex;*/
	align-items: center;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.product-list-left ul li i {
	margin-right: 1rem;
	font-size: 1.8rem;
	color: #289545;
}
.product-list-left ul li a {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	display: block;
	font-family: "MontserratLight";
}

.product-list-left ul li:hover a {
	font-weight: bold;
	transition: all 0.5s ease;
}
.product-list-left ul li:hover i {
	color: #fff;
	transition: all 0.5s ease;
}
.product-list-left ul li.alert-list {
	background: var(--orange);
	border-radius: 0 40px 40px 0;
	color: #fff;
}
.product-list-left ul li.alert-list a {
	color: #fff;
	font-family: "MontserratSemiBold";
	transition: all 0.5s ease;
}
.shadow-lg {
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* 基础样式 */
.cool-category-menu {
	padding: 2rem;
	font-size: 18px;
	font-family: "Arial", sans-serif;
	overflow: hidden;
	transition: transform 0.9s ease; /* 添加 transform 过渡 */
}
.cool-category-menu h3 {
	background: linear-gradient(to right, #289545, #e7e7e7 30%, #289545 60%, #2b9946d9);
	color: #fff;
	margin-bottom: 2rem;
	border-bottom: #dddddd 1px solid;
	padding: 0.5rem;
	font-size: 2rem;
	text-align: center;
}

/* 添加固定菜单的样式 */
.cool-category-menu.fixed {
	position: fixed;
	top: 20px;
	z-index: 1000;
	width: auto;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 可选：添加阴影效果 */
	transform: translateY(0); /* 确保 transform 属性存在 */
}

.cool-category-list {
	list-style: none;
	padding-left: 15px;
	margin: 0;
}

.cool-category-list li {
	padding: 5px;
	position: relative;
}

.cool-category-list li a {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 12px 20px;
	color: #333;
	text-decoration: none;
	background: #f9f9f9;
	transition: all 0.9s ease;
	transform: translateZ(0); /* 启用硬件加速 */
}

.cool-category-list li a:hover {
	background: #289545;
	color: #fff;
	transform: translateX(5px); /* 添加悬停位移效果 */
}

/* 箭头样式 */
.cool-category-list li.has-children > a .arrow i {
	font-size: 1.2rem;
	margin-left: auto;
	transition: transform 0.9s ease; /* 箭头旋转过渡 */
}

/* 子菜单默认隐藏 */
.cool-category-list ul {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all 2.2s ease, transform 1.5s ease; /* 添加 transform 过渡 */
	padding-left: 15px;
	transform: translateY(-10px); /* 初始位置偏移 */
}

/* hover时显示子菜单 */
.cool-category-list li.has-children:hover > ul {
	max-height: 1000px;
	opacity: 1;
	transform: translateY(0); /* 结束位置归零 */
}

.pagination {
}
.pagination ul {
	display: flex;
	justify-content: center !important;
}
.pagination ul li {
	width: auto;
	background: var(--orange);
	background: #fff;
	margin-right: 8px;
	padding: 6px 12px;
	font-size: 16px;
	color: var(--yellow);
	height: auto !important;
}
.pagination ul li a {
	display: inline;
	color: #333;
	font-family: "MontserratLight";
	font-size: 1rem;
	font-weight: bold;
}
.pagination ul li select {
	border: 0;
	color: #289545;
	font-family: "MontserratLight";
	font-size: 0.8rem;
}
.pagination ul li .page-num {
	color: var(--orange);
}
.pagination ul li.active:hover span {
	color: #fff !important;
}
.new-list {
	background-color: #f5f5f5;
	overflow: hidden;
}
.new-lis-top {
	margin: 4rem 0;
	overflow: hidden;
	position: relative;
	border-radius: 1rem;
	background: #fff;
}
.new-lis-top-l {
	width: 50%;
	text-align: left;
	padding: 2.5rem;
}
.new-lis-top-r {
	width: 50%;
	max-height: 450px;
}
.new-lis-top-r img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	min-height: 240px;
}
.new-lis-bottom img {
	filter: brightness(0.8);
}
.new-lis-top-l span {
	color: #fff;
}
.new-lis-top-l h2 {
	font-size: 1.5rem;
}
.newhot {
	float: right;
	margin-right: 7%;
}
.new-lis-top-l p {
	line-height: 2;
	font-size: 1rem;
	margin-top: 1.2rem;
	margin-bottom: 2.5rem;
}
.new-lis-top-l a {
}
.new-lis-bottom h2 {
	margin-bottom: 25px;
	color: var(--orange);
}
.new-lis-bottom ul {
	justify-content: space-between;
}
.new-lis-bottom ul > a {
	width: 31%;
	margin-bottom: 2rem;
}
.new-lis-bottom ul li,
.pagination li {
	background: #fff;
	transition: all 1s ease;
	border-radius: 20px;
	height: 100%;
	border-bottom: #289545 10px solid;
}
.new-lis-bottom ul li.active {
	background: #269243;
	color: #fff;
}
.new-lis-bottom ul li:hover {
	box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.2), 0 4px 4px 0 rgba(0, 0, 0, 0.19);
}
.new-lis-bottom ul li:hover img {
	filter: brightness(1);
}
.new-lis-bottom ul li .new-img {
	overflow: hidden;
}
.new-lis-bottom ul li h3 {
	font-size: 1rem;
	line-height: 1.8em;
	height: 3.6em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin: 1rem 2rem;
}
.new-lis-bottom ul li p {
	padding: 1rem 1rem 1.5rem 1rem;
	justify-content: space-between;
	font-size: 0.8rem;
	line-height: 1.8em;
	height: 5.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin: 1rem 2rem;
}
.new-lis-bottom ul li p:nth-child(3) {
	padding: 0;
}
.new-lis-bottom ul li p:nth-child(4) {
	margin: 1rem 2rem;
	padding: 0;
}
.new-lis-bottom ul li span {
	transition: all 0.5s ease;
}
.new-pagination {
	bottom: 4% !important;
	position: absolute;
	z-index: 1;
	width: 50% !important;
	text-align: center;
}
.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}
.new-pagination .swiper-pagination-bullet-active {
	background-color: #289545;
}

.article-box {
	overflow: hidden;
	padding: 4rem 0;
}
.article-body {
	background-color: #fff;
	padding: 2.5rem;
	line-height: 2;
}
.article-excerpt {
	margin-bottom: 2rem;
	border-bottom: #ccc 1px solid;
}
.article-body h1 {
	font-size: 1.5rem;
	margin: 1rem 0;
}
.article-body img {
	display: block;
	margin: 1rem auto;
	max-width: 100%;
	height: auto;
}
.article-body a {
	color: var(--yellow);
}
.article-center > p {
	margin-bottom: 1rem;
}

.article-center > h2 {
	margin: 0.7rem 0;
}
.article-center > h3 {
	margin: 0.6rem 0;
}
.article-center > h4 {
	margin: 0.4rem 0;
}
.article-center ul {
	margin: 0.6rem 0;
}
.article-center ul li {
	list-style: none;
	font-family: "MontserratLight";
}
.article-center p img,
.article-center img {
	margin: 0.6rem 0;
}
.article-center ol {
	margin: 0.6rem 0;
}
.article-center ol li {
	list-style: none;
	font-family: "MontserratLight";
}
.article-center ul li::before {
	content: "\f138"; /* FontAwesome ✓ 勾选 */
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: var(--orange);
	margin-right: 8px;
}

.article-center ol li::before {
	content: "\f456"; /* FontAwesome > 箭头 */
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: var(--orange);
	margin-right: 8px;
}
.article-center > h2,
.article-center > h3,
.article-center > h4,
.article-center > h5 {
	font-family: "MontserratSemiBold";
	border-radius: 10px;
	margin: 0.5rem 0;
}
.next-page {
	width: 100%;
	background: #f2e9e3;
	border-top: #ddd 1px solid;
	padding: 0.5rem 1rem;
	margin-top: 1rem;
}
.next-page ul li {
	width: 50%;
	padding-right: 2rem;
	line-height: 1em;
	height: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin: 1rem 0;
}
.next-page ul li:last-child {
	text-align: right;
}
.next-page ul li,
.next-page ul li a {
	font-size: 0.9rem;
	color: #888;
}
.next-page ul li a:hover {
	color: var(--yellow);
}
.customized-services li {
	width: 25%;
}
.article-center .next-page ul li::before {
	content: none;
}
.customized-services li i {
	font-size: 3rem;
	width: 100%;
	border-right: 1px solid #fff;
	margin-bottom: 1.2rem;
	margin-top: 1.2rem;
}
.customized-services li:last-child i {
	border-right: 0;
}
.service-process {
	margin: 3rem 0;
	border-top: 10px solid #289545;
}
.service-process ul {
	justify-content: space-between;
}
.service-process ul li {
	width: 10%;
	background: #fff;
	border-radius: 20px;
	padding: 2rem 1rem;
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	transition: background-color 0.5s ease, transform 0.5s ease;
}
.service-process ul li h3 {
	text-align: center;
	margin: 1rem 0;
	width: 100%;
	font-family: "MontserratLight";
	font-size: 0.8rem;
}
.service-process ul li span {
	font-size: 2rem;
	display: block;
	width: 66px;
	height: 66px;
	background: #289545;
	color: #fff;
	text-align: center;
	line-height: 58px;
	border-radius: 50%;
	border: 5px solid #f5f5f5;
	position: absolute;
	top: -36px;
	transition: background-color 0.5s ease, transform 0.5s ease;
}
.service-process ul li p {
	display: none;
}
.service-process ul li:hover {
	background-color: var(--yellow);
	color: #fff;
}
.service-process ul li:hover span {
	background: #fff;
	color: var(--yellow);
	border: 3px solid #f5f5f5;
}
.query-box {
	background: #fff;
	padding: 3rem 0;
}
.query-Form {
	padding: 45px;
	box-shadow: 0 0 45px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
}
.query-Form input {
	width: 100%;
	border: 1px solid #ddd;
}
.query-Form p {
	margin-top: 1rem;
}
.query-Form p i {
	color: #dc3545;
}
.query-Form .flex-wrap {
	justify-content: space-between;
}
.query-Form .flex-wrap .input-box {
	width: 49%;
}
.query-Form .flex-wrap .input-box {
}
.query-Form .flex-wrap .input-box .input-div {
	margin-top: 5px;
}
.query-Form select {
	width: 100%;
	border: 1px solid #ddd;
	line-height: 1.5;
}
.input-box .input {
	width: 100%;
	border: 1px solid #ddd;
	line-height: 1.5;
	font-family: "MontserratLight";
	position: relative;
}
.input-box .input > div {
	display: flex;
	justify-content: space-between;
	padding: 0.8rem;
	font-family: "MontserratLight";
	cursor: pointer;
}
.input-box .input > div span {
	font-family: "MontserratLight";
	color: #666;
	font-size: 0.8rem;
	margin-left: 1rem;
}
.input-box .input > ul {
	position: absolute;
	top: 101%;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;

	border-radius: 4px;
	height: 200px;
	overflow-y: auto;
	display: none;
	z-index: 9000;
}
.input-box .input > ul li.arctrle {
	background: var(--orange);
	color: #fff;
}
.input-box .input > ul li {
	padding: 0.8rem;
	font-family: "MontserratLight";
	font-size: 0.9rem;
	cursor: pointer;
	color: #333;
}
.input-hidde {
	position: absolute;
	z-index: -100;
}
.input-box .s-text {
	color: #666;
	font-size: 0.7rem;
}
.input-box .iti {
	width: 100%;
}

.search-product {
	text-align: center;
	position: relative;
}
.search-product > div {
	display: flex;
	color: #333;
	background: #fff;
	align-items: center;
	position: relative;
	width: 800px;
	border-radius: 50px;
	margin: 1rem;
}
.search-product > div > div {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.search-product > div input {
	height: 100%;

	flex: 1;
	margin: 0;
	/*padding: 15px;*/
	border-left: 1px solid #ddd;
	/*border-radius: 0 5px 5px 0;*/
}
.search-product button {
	color: #fff;
	margin: 0 -1px 0 0;
	padding: 1rem 2.5rem;
	font-family: "MontserratLight";
	border-radius: 0 50px 50px 0;
}

.search-product button i {
	font-size: 1.2rem;
}
.search-product ul {
	/* margin: 0px 2.5%; */
	position: absolute;
	top: 107%;
	border-radius: 20px;
	padding: 1rem;
	background: #fff;
	width: 100%;
	line-height: 2;
	z-index: 1;
	overflow: auto;
	height: 182px;
	border-top: 1px solid #ddd;
	transform: scaleY(0);
	transform-origin: top;
	opacity: 0;
	transition: all 0.3s ease-out;
}
.search-product ul li {
	width: 30%;
	line-height: 1.2;
	float: left;
	color: #333;
	font-size: 1rem;
	font-family: "MontserratLight";
	padding: 0.4rem 1.4rem;
	text-align: left;
	cursor: pointer;
}
.search-product ul li:hover {
	background: var(--orange);
	color: #fff;
}
.search-product {
}
.search-product span {
	color: #333;
	font-size: 0.8rem;
	font-family: "MontserratLight";
	padding: 1rem 1.5rem;
	cursor: pointer;
}
.search-product span i {
	margin-left: 0.5rem;
}
.search-product button {
	color: #fff;
	margin: 0 -1px 0 0;
	padding: 1rem 2.5rem;
	font-family: "MontserratLight";
	border-radius: 0 50px 50px 0;
}

.ny-banner-title .search-product a.chat5 {
	color: #fff;
	font-size: 1rem;
	line-height: 1.2;
	display: block;
	/* 新增动画效果 */
	animation: gentlePulse 2.5s ease-in-out infinite;
	transform-origin: center;
	transition: all 0.3s ease;
}

@keyframes gentlePulse {
	0% {
		transform: scale(1);
		text-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
	}
	50% {
		transform: scale(1.02);
		text-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
	}
	100% {
		transform: scale(1);
		text-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
	}
}

/* 悬停时暂停动画并增强效果 */
ny-banner-title .search-product a.chat5:hover {
	animation: none;
	transform: scale(1.03);
	text-shadow: 0 0 12px rgba(255, 255, 255, 0.8);
}
.product-filter {
	margin: 2.5rem 0;
}
.filter-box {
	padding: 0 3rem !important;
}
.filter-nav {
	background: #fff;
	margin: 1rem 0;
	padding: 1rem;
}
.filter {
	display: flex;
	flex-wrap: wrap;
	line-height: 2;
}
.filter li {
	margin: 0 1rem 0 0;
}
.filter li a {
	padding: 0 2px;
	display: inline-block;
	font-family: "MontserratLight";
	font-size: 0.8rem;
	transition: all 0.3s ease;
	transform: scale(1);
}
.filter li a:hover {
	transform: scale(1.1);
	color: var(--orange);
}
.filter .current {
	background: var(--orange);
	border-radius: 3px;
	padding: 0 10px;
	border-radius: 50px;
}
.filter .current a {
	color: #fff;
}
.filter .current:hover a {
	transform: scale(0.9);
	color: #fff;
}
.filter-group {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0.5rem;
	display: flex;
	padding: 0.5rem 5% 0.5rem 0;
}
.filter-group span {
	padding: 0.5rem;
	margin-right: 0.5rem;
	background: #f5f5f5;
}

.more-button {
	color: var(--orange);
	display: block;
	padding: 1px 10px;
	background: #f5f5f5;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s;
	font-size: 0.6rem;
}
.more-button:hover {
	background: #e9e9e9;
}
.hidden-item {
	display: none;
}

.share-buttons {
	font-size: 1.5rem;
	padding: 1rem 0rem;
	text-align: right;
}
.share-buttons i {
	margin: 0 8px;
	cursor: pointer;
	color: #666;
	font-size: 1.2rem;
}
.share-buttons i:hover {
	color: var(--orange);
	transition: 0.9s;
	transform: rotate(360deg);
}

.location-box {
	background: linear-gradient(to right, #289545, #03a84e00 30%, #03a84e2b 60%, #2b9946);
	box-shadow: 0 0 35px rgb(0 0 0);
	font-size: 0.9rem;
	position: relative;
	padding: 12px 0;
}
.location {
	color: #999;
	font-size: 0.9rem;
	padding: 0.5rem 0;
	text-align: left;
}
.location a {
	color: #fff;
	text-transform: capitalize;
}
.location a:last-child {
	color: #fff;
}
.breadcrumb a {
	color: #3f3f3f;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
.breadcrumb-back {
	margin-right: 15px;
}
.product-list-left .location a {
	color: #333;
}
.index-case-box,
.new-lis-bottom ul li,
.index-solution-left img,
.swiper-case img,
.new-lis-bottom ul li .new-img img {
	transition: all 0.5s ease;
}

.index-product-box:hover span {
	color: var(--yellow);
	margin-right: 10%;
}
.new-lis-bottom ul li:hover span:last-child {
	color: var(--yellow);
	margin-right: 10%;
}

.index-solution-box:hover .index-solution-right a {
	color: var(--yellow);
	margin-right: 10%;
}

.customers-transform .index-customers-box img {
	opacity: 1 !important;
	left: 0 !important;
	top: 0 !important;
	transform: scale(1) !important;
}
.customers-transform .index-customers-box {
	background: #fff;
}
.page-container {
	/* height: 100vh;
	overflow: hidden; */
}

.mouse-icon {
	position: absolute;
	/*background: #ffffff;*/
	/*background: #ffffff;*/
	border: 2px solid #fff;
	opacity: 0.8;
	border-radius: 13px;
	height: 35px;
	width: 25px;
	margin: 0 auto;
	display: block;
	left: 50%; /* 使用50%来居中，然后通过transform调整位置 */
	transform: translateX(-50%);
	bottom: 40px;
	z-index: 100;
	cursor: pointer;
}

.mouse-icon .scroll {
	position: relative;
	border-radius: 10px;
	background: #ffffff;
	width: 4px;
	height: 8px;
	top: 12px; /* 调整位置使滚动条在鼠标图标内部居中 */
	margin: 0 auto;
}

@keyframes scrolling {
	0% {
		top: 4px;
	}
	50% {
		top: 18px;
	}
	100% {
		top: 4px;
	}
}

.mouse-icon .scroll {
	animation-name: scrolling;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.wrap-card {
	position: relative;
	transition: all 0.3s ease-out 0s;
	-webkit-transform: translateY(0px) translateX(0px);
	border-radius: 20px; /* 确保卡片本身有圆角 */
	overflow: hidden; /* 重要：防止伪元素溢出圆角区域 */
}

.wrap-card:before,
.wrap-card:after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: calc(100% - 40px); /* 减去圆角的宽度 */
	height: 1.5px;
	background: var(--yellow);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transition: all 0.3s ease-out;
}

.wrap-card:before {
	top: 0;
	left: 20px; /* 向右偏移圆角宽度 */
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.wrap-card:after {
	bottom: 0;
	left: 20px; /* 向右偏移圆角宽度 */
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.wrap-card:hover:after,
.wrap-card:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.card {
	/*background: #ffffff;*/
	/*padding: 30px 35px 45px 35px;*/
	/*margin-bottom: 30px;*/
	/*border: 1px solid rgba(129, 129, 129, 0.1);*/
}
.card:before,
.card:after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 1.5px;
	height: 100%;
	background: var(--yellow);
	-webkit-transform: scaleY(0);
	transition: all 0.3s ease-out 0.3s;
}
.card:before {
	top: 0;
	left: 0;
	-webkit-transform-origin: 0 100%;
}
.card:after {
	top: 0;
	right: 0;
	-webkit-transform-origin: 0 0;
}
.card:hover:after,
.card:hover:before {
	-webkit-transform: scaleY(1);
}
.product-img-box {
	position: relative;
	overflow: hidden;
}
.product-img-box > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	transition: all 0.5s ease-out;
	padding-top: 150%;
}
.product-img-box p {
	transition: all 0.3s ease-out;
}
.product-img-box p span:first-child {
	background: #fff;
	color: #000;
	font-weight: normal;
	font-size: 1rem;
	padding: 3px 25px;
	border-radius: 50px;
	display: inline-block;
	margin-top: 1rem;
	transition: all 0.3s ease-out;
}
.product-img-box p span:hover {
	color: var(--yellow);
	background: #f5f5f5;
}
.product-list-right-box ul li:hover .product-img-box img {
	transform: scale(1.1);
}
.product-list-right-box ul li:hover .product-img-box > div {
	padding-top: 0%;
	background: #333333c7;
}
ul.concode {
	margin-top: 25px;
}
ul.concode li {
	list-style: none;
	color: #aaaaaa;
	width: 40%;
	padding-right: 3%;
	float: left;
	text-align: center;
	display: flex;
	flex-direction: column; /* 垂直排列（图片在上，文字在下） */
	align-items: center; /* 水平居中 */
	gap: 4px; /* 图片和文字之间的间距 */
}

ul.concode li img {
	display: inline;
	text-align: center;
	max-width: 140px;
	background: #fff;
	margin-bottom: 5px;
	padding: 10px;
	border-radius: 20px;
}
@media (min-width: 1200px) and (max-width: 1600px) {
	ul.concode li img {
		max-width: 100px;
	}
}
.web-right {
	position: fixed;
	right: -60px;
	top: 20%;
	bottom: 20%;
	z-index: 999;
	display: flex;
	align-items: center;
	/*box-shadow: 0 1px 10px rgba(0, 0, 0, .2);*/
	transition: 0.6s ease;
	flex-direction: column;
	justify-content: center;
}
.web-right-off {
	right: 0px;
}
.web-right-off .right-open {
	right: -60px;
}
.right-box {
	margin-top: auto;
	margin-bottom: auto;
}
.right-box ul {
}
.right-box ul li {
	background: #fff;
	margin-top: 0.5rem;
	text-align: center;
	padding: 0.5rem;
	transition: 0.6s ease;
	position: relative;
	width: 60px;
	height: 60px;
}
.right-box ul li:hover i {
}
.right-box ul li a {
}
.right-box ul li i {
	font-size: 1.5rem;
	transition: 0.6s ease;
}
.right-box ul li p {
	font-size: 0.6rem;
	font-weight: bold;
}
.Live-Chat:before {
}
.right-box .Live-Chat i {
	color: #03a84e;
}
.right-box .Live-Chat div {
	background: #03a84e;
	color: #fff;
}
.right-box .Live-Chat:hover {
	background: #03a84e;
}
.right-box .Live-Chat:hover i,
.right-box .Live-Chat:hover p {
	color: #fff;
}
.right-box .E-mail i {
	color: #ee6100;
}
.right-box .Live-Chat div {
	background: #ee6100;
	color: #fff;
}
.right-box .E-mail:hover {
	background: #ee6100;
}
.right-box .E-mail:hover i,
.right-box .E-mail:hover p {
	color: #fff;
}
.right-box .WhatsApp i {
	color: #50b83c;
}
.right-box .Live-Chat div {
	background: #50b83c;
	color: #fff;
}
.right-box .WhatsApp:hover {
	background: #50b83c;
}
.right-box .WhatsApp:hover i,
.right-box .WhatsApp:hover p {
	color: #fff;
}
.right-box .weixin i {
	color: #28c445;
}
.right-box .weixin div {
	background: #28c445;
	color: #fff;
}
.right-box .weixin:hover {
	background: #28c445;
}
.right-box .weixin:hover i,
.right-box .weixin:hover p {
	color: #fff;
}
.right-box .phone i {
	color: #0074d0;
}
.right-box .phone div {
	background: #0074d0;
	color: #fff;
}
.right-box .phone:hover {
	background: #0074d0;
}
.right-box .phone:hover i,
.right-box .phone:hover p {
	color: #fff;
}
.right-box ul li div {
	position: absolute;
	border-radius: 1rem;
	background: #fff;
	padding: 1rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 0.6s ease;
	z-index: 99;
	width: 160px;
	height: auto;
	left: -160px;
	visibility: hidden;
	opacity: 0;
}
.right-box li div {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background: #fff !important;
	color: #333 !important;
}
.right-box li div::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
	transform: translateY(-50%);
	border-width: 12px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	display: block;
}
.right-box ul li div img {
	width: 100%;
}
.right-box ul li:hover div {
	left: -92px;
	visibility: visible;
	opacity: 1;
}
.right-box .to-top i {
}
.right-box-bottom {
	margin-bottom: 1rem;
}
.right-off {
	cursor: pointer;
}
.right-off i {
	font-size: 1.6rem;
}
.right-open {
	cursor: pointer;
	position: fixed;
	right: 0px;
	background: #289545;
	color: #fff;
	bottom: 20%;
	padding: 0.5rem 1.4rem;
	transition: 0.6s ease;
}
.fa-sync-alt,
button[type="submit"] svg {
	animation: rotate360 2s linear infinite;
	margin-left: 10px;
}
@keyframes rotate360 {
	0% {
		transform: rotate(0deg); /* 初始状态 */
	}
	100% {
		transform: rotate(360deg); /* 旋转到360度 */
	}
}
.hjvideos {
	overflow: hidden;
}
.hjvideos .vvn {
	width: 50%;
	float: left;
	margin-bottom: 35px;
}
.hjvideos .vvn iframe {
	width: 92%;
	height: 360px;
	margin-bottom: 15px;
}
.FAQ-title {
	background: linear-gradient(to right, #fff, #e7e7e7 30%, #289545 60%, #f1f1f1);
	padding: 6px 10px;
}
#FAQ .FAQ {
	margin-top: 0;
}
#FAQ .FAQ h3 {
	border-left: #289545 4px solid;
	padding-left: 15px;
}
#FAQ .FAQ .table-wrapper {
	padding: 1rem 0.5rem;
	font-size: 0.8rem;
}

.company-profile {
	height: 200px;
	overflow-y: auto;
	padding: 10px;
	scrollbar-width: thin;
	scrollbar-color: var(--orange) #f0f0f0;
	height: 300px;
	overflow-y: auto;
}
.company-profile::-webkit-scrollbar {
	width: 8px;
}

.company-profile::-webkit-scrollbar-track {
	background: #f0f0f0;
	border-radius: 4px;
}

.company-profile::-webkit-scrollbar-thumb {
	background: #258e3f;
	border-radius: 4px;
}

.company-profile::-webkit-scrollbar-thumb:hover {
	background: #1d6e30;
}
#energy_storage .energy_img {
	aspect-ratio: 400 / 400;
	margin-bottom: 1.5rem;
	background: #fff;
}
#energy_storage .energy_img img {
	filter: none;
}
#energy_storage .energy_power {
	color: #269243;
	padding: 0;
	font-size: 1rem;
	text-align: center;
	font-family: "MontserratSemiBold";
}
#energy_storage .energy_title {
	margin-top: 0.2rem;
}
#energy_storage .energy_excerpt {
}
.new-lis-bottom #energy_storage > a {
	width: 32%;
}
#energy_storage .price_more {
	display: flex;
	text-align: center;
	padding: 0;
}
#energy_storage li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 32%;
	height: auto;
	margin-bottom: 1.6rem;
}
#energy_storage .price_more a:nth-child(1) {
	flex: 1;
	background: #289545;
	color: #fff;
	padding-top: 0.5rem;
	padding-bottom: 0.3rem;
	margin-bottom: -1px;
}
#energy_storage .price_more a:nth-child(2) {
	flex: 1;
}
.index-banner-description {
	margin-bottom: 2rem;
}
.index-banner-description span {
	margin-right: 1rem;
	font-family: MontserratMedium;
}

.title-box {
	text-align: center;
}
.title-box h2 {
	font-size: 3.2rem;
	margin-bottom: 1rem;
}
.title-box p {
	font-weight: 600;
}
.title-description {
	display: flex;
	justify-content: center;
	margin-bottom: 2rem;
}
.title-description > div {
	margin: 0 4%;
}
.title-description span {
	color: #289545;
	font-size: 2.2rem;
}
.map-img {
	position: relative;
	aspect-ratio: 1200 / 581;
}
.map-list {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.map-list ul {
}
.map-list ul li {
	position: absolute;
}
.map-list ul li > div {
	position: relative;
}
.map-list ul li > div span {
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
}
.map-list ul li > div span:nth-child(1) {
	width: 20px;
	height: 20px;
	background: #289545;
	margin: 1rem;
	z-index: 1;
	transform: scale(2);
	background: #28954573;
	animation: scaleAnim 1s infinite alternate;
}
.map-list ul li > div span:nth-child(2) {
	background: #289545;
	margin: 1rem;
	z-index: 2;
}

@keyframes scaleAnim {
	from {
		transform: scale(1.2);
	}
	to {
		transform: scale(2);
	}
}
.map-list ul li:nth-child(1) {
	left: 16%;
	top: 32%;
}
.map-list ul li:nth-child(2) {
	left: 24%;
	top: 54%;
	transform: scale(0.5);
}
.map-list ul li:nth-child(3) {
	left: 32%;
	top: 68%;
}
.map-list ul li:nth-child(4) {
	left: 44%;
	top: 27%;
}
.map-list ul li:nth-child(5) {
	left: 50%;
	top: 18%;
}
.map-list ul li:nth-child(6) {
	left: 46%;
	top: 46%;
	transform: scale(0.5);
}
.map-list ul li:nth-child(7) {
	left: 57%;
	top: 54%;
	transform: scale(0.5);
}
.map-list ul li:nth-child(8) {
	left: 52%;
	top: 80%;
}
.map-list ul li:nth-child(9) {
	left: 60%;
	top: 39%;
}
.map-list ul li:nth-child(10) {
	left: 61%;
	top: 26%;
	transform: scale(0.5);
}
.map-list ul li:nth-child(11) {
	left: 72%;
	top: 19%;
}
.map-list ul li:nth-child(12) {
	left: 72%;
	top: 19%;
}
.map-list ul li:nth-child(13) {
	left: 68%;
	top: 41%;
	transform: scale(0.6);
}
.map-list ul li:nth-child(14) {
	left: 42%;
	top: 46%;
	transform: scale(0.5);
}
.map-list ul li:nth-child(15) {
	left: 77%;
	top: 36%;
}
.map-list ul li:nth-child(16) {
	left: 84%;
	top: 75%;
}

.cooperation {
}
.cooperatio-box {
}
.cooperatio-box ul {
	display: flex;
	overflow: hidden;
}
.cooperatio-box ul li {
	position: relative;
	flex: 1;
}
.cooperatio-box ul li .img-box {
	aspect-ratio: 400 / 300;
	overflow: hidden;
	padding: 0;
}
.cooperatio-box ul li .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.5s ease-in-out;
}
.cooperatio-box ul li:hover img {
	transform: scale(1.5);
}
.cooperatio-box ul li > div:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #289545eb;
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 2;
	padding: 0 2rem;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
.cooperatio-box ul li > div h3 {
	margin-bottom: 1rem;
	transform: translateY(100%);
	transition: transform 0.5s ease-in-out;
}
.cooperatio-box ul li > div p {
	transform: translateY(100%);
	transition: transform 0.5s ease-in-out;
	font-size: 0.8rem;
}
.cooperatio-box ul li.cooperatio-alert > div {
	opacity: 1;
}
.cooperatio-box ul li.cooperatio-alert > div h3,
.cooperatio-box ul li.cooperatio-alert > div p {
	transform: translateY(0);
}

.manufacturing {
	background: #fff;
}
.manufacturing-box {
}
.manufacturing-box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.manufacturing-box ul li {
	width: 31%;
	margin-bottom: 1rem;
}
.manufacturing-box ul li:hover img {
	transform: scale(1.1);
}
.manufacturing-box ul li div {
	padding: 0;
	aspect-ratio: 400 / 320;
}
.manufacturing-box ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.5s ease-in-out;
}
.services .container {
	position: relative;
}
.services .container .swiper-button-next {
	color: #289545;
	right: -3%;
	display: none;
}
.services .container .swiper-button-prev {
	color: #289545;
	left: -3%;
	display: none;
}
.services:hover .container .swiper-button-next {
	display: block;
}
.services:hover .container .swiper-button-prev {
	display: block;
}
.services-box {
	overflow: hidden;
}
.services-box ul {
	display: flex;
	justify-content: space-between;
}
.services-box ul li {
	width: 24%;
	margin-right: 1%;
	background: #289545;
	height: auto;
}
.services-box ul li:hover .img-box img {
	transform: scale(1.1);
}
.services-box ul li .services-text {
	transform: translateY(0);
	transition: transform 0.3s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 55%;
}
.services-box ul li:hover .services-text {
	transform: translateY(-12%);
}
.services-box ul li > div {
	background: #289545;
	color: #fff;
	text-align: center;
	padding: 2rem 1rem;
	padding-bottom: 0rem;
}
.services-box ul li > div.img-box {
	padding: 0;
	position: relative;
	aspect-ratio: 400 / 280;
	overflow: hidden;
}
.services-box ul li .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.5s ease-in-out;
}
.services-box ul li > div h3 {
	margin-bottom: 1rem;
}
.services-box ul li > div p {
	font-size: 0.8rem;
}
.services-box ul li span {
	font-size: 3rem;
	display: block;
	text-align: right;
	-webkit-text-stroke: 1px #ffffff40;
	text-stroke: 1px #ffffff40;
	color: transparent;
}
.certificate {
	background: #ffff;
	padding-top: 4rem;
	background: url(/static/images/Client-bg.webp);
	background-size: cover;
	background-position-y: bottom;
	padding-bottom: 2.5rem;
}
.certificate .container {
	position: relative;
}
.certificate .certificate-boxs {
	overflow: hidden;
	position: relative;
}
.certificate .certificate-boxs ul {
	display: flex;
}
.certificate .certificate-boxs ul li {
	width: 20%;
	padding: 5rem 0;
	background: none;
	transform: scale(0.6);
	transition: transform 0.3s linear;
}
.certificate .certificate-boxs ul li div {
}
.certificate .certificate-boxs ul li img {
	border: 1px solid #ddd;
}
.certificate .swiper-button-next,
.certificate .swiper-button-prev {
	color: #289545;
	top: 62%;
	display: none;
}
.certificate:hover .swiper-button-prev {
	display: block;
}
.certificate:hover .swiper-button-next {
	display: block;
}
.certificate .certificate-boxs ul li.swiper-slide-prev {
	transform: scale(1) translateX(-20%);
}
.certificate .certificate-boxs ul li.swiper-slide-next {
	transform: scale(1) translateX(20%);
}
.certificate .certificate-boxs ul li.swiper-slide-active {
	transform: scale(1.4);
	z-index: 99;
}

.services-pagination {
	text-align: center;
	margin: 1rem;
}
.services-pagination span {
	margin: 0 5px;
}
.services-pagination .swiper-pagination-bullet-active {
	background: #289545;
}

/*多语言*/
.gt_float_switcher {
	box-shadow: none !important;
	background-color: #fff0 !important;
}
.gt_float_switcher .gt-selected {
	background-color: #fff0 !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
	padding: 0 !important;
	display: flex;
}
.gt_float_switcher .gt_options {
	position: absolute !important;
	display: block;
	top: 57px;
	background: #fff;
	max-height: 450px !important;
	max-width: 450px;
	width: 240px;
	font-size: 0.8rem;
	color: #444;
}
.gt_float_switcher .gt_options a {
	color: #444 !important;
}
#gt_float_wrapper {
	position: relative;
	display: flex;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23fff'/></svg>") !important;
}
.header-area-fiexd .gtranslate_wrapper {
}
@media (min-width: 1200px) {
	.header-area-fiexd .gtranslate_wrapper #gt_float_wrapper span.gt_float_switcher-arrow,
	.header-area .gtranslate_wrapper #gt_float_wrapper span.gt_float_switcher-arrow {
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23666'/></svg>") !important;
	}
	.gt_float_switcher .gt_options a:hover {
		background: #72737321 !important;
		background-color: #72737321 !important;
	}
}

.menu-product-list .hotsale,
.index-product-box .hotsale,
.product-feature-left .hotsale,
.product-list-right-box ul li img.hotsale {
	border-radius: 50%;
	padding: 5px;
	border: #289545 1px solid;
	width: 15%;
	height: auto;
	position: absolute;
	top: 10%;
	left: 70%;
	background: #ffffffbf;
	z-index: 9;
}

.morepro,
.morepro a {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}
.morepro i {
	font-size: 3rem;
	margin-right: 10px;
}
.morepro a {
	width: 100%;
	height: 100%;
	min-height: 120px;
	background: #f9f9f9;
	padding: 15px;
	border-radius: 10px;
	border: #cccccc78 3px dotted;
	color: #d1d1d1;
}
.morepro:hover a {
	background: #fff;
	border: #cccccc78 3px dotted;
	color: var(--orange);
}
.product-list-box .phaq {
	margin: 10%;
}
.cat-solution .swiper-solution .Pagination {
	padding: 3.5rem 0;
}
@media (max-width: 1600px) {
	.cat-solution .swiper-solution .Pagination {
		padding: 1rem 0;
	}
}
@media (max-width: 1200px) {
	.cat-solution .swiper-solution .Pagination {
		padding: 0;
	}
}
@media (max-width: 768px) {
	.blogleft,
	.blogright {
		width: 100%;
	}
}

.cat-solution .swiper-solution .Pagination .tab-button {
	width: 12%;
	text-align: center;
	cursor: pointer;
}

.page-soloution-box .swiper-button-next,
.page-soloution-box .swiper-button-prev {
	color: #289545;
}
.no-posts-message {
	width: 100%;
	color: #999;
}
#FAQ ul,
#FAQ ol {
	padding: 1rem;
	background: #f9f9f9;
	border-radius: 20px;
	margin-bottom: 0.5rem;
}
#FAQ ul li,
#FAQ ol li {
	width: 100%;
	padding: 0.5rem 1rem;
	margin-bottom: 0;
	text-align: left;
}
.showinfo {
	margin-bottom: 2rem;
}
.showinfo-p li {
	padding: 0.5rem 2rem;
	margin-bottom: 0.5rem;
	border-bottom: #289545 4px solid;
}
.showinfo-p h3 {
	margin-bottom: 1.5rem;
}
.showinfo-p {
	margin-bottom: 1.5rem;
	border-radius: 20px;
	padding: 1.5rem 2rem;
	background: #eee;
}
.article-author {
	background-color: #f9f9f9;
	padding: 15px;
	margin-top: 20px;
	border-left: 4px solid var(--orange);
	font-size: 14px;
	color: #333;
}
.tootert {
	text-align: center;
	padding: 2rem 0;
}
.tootert h2 {
	margin: 1.5rem 0;
	font-size: 2.2rem;
}
.index-solution-left img {
	max-height: 450px;
}
div.solotion-box3 img{
    margin: auto;
}