.banner-box {
	position: relative;
	padding-top: 4.8vw;
}

.banner-img {
	width: 100%;
	height: 36vw;
}

.split-img img {
	width: 20vw;
}

.banner-title {
	position: absolute;
	top: 10.6vw;
	left: 5vw;
	display: flex;
	flex-direction: column;
	gap: 0.8vw;
}

.banner-title>div:nth-of-type(1) {
	font-size: 1.6vw;
}

.banner-title>div:nth-of-type(2) span {
	font-size: 3.5vw;
	font-family: "baskvill";
	font-weight: bold;
}

.banner-title>div:nth-of-type(2) sub {
	font-size: 1.6vw;
	margin-left: 1vw;
}

.banner-product-show {
	position: absolute;
	top: 18vw;
	left: 5vw;
}

.banner-product-show>ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1vw;
}

.banner-product-show>ul>li {
	width: 21.75vw;
}

.banner-product-show>ul>li>a {
	display: flex;
	position: relative;
	padding: 1.5vw 1vw;
	padding-top: 2.5vw;
	flex-direction: column;
	background: rgba(5, 12, 25, 0.92);
	border: 0.1vw solid rgba(255, 255, 255, .08);
	gap: 1.5vw;
}

.banner-product-show-img {
	width: 100%;
	height: 14.315vw;
	border-radius: 0.2vw;
}

.banner-product-show-title {
	font-weight: bold;
	font-size: 1.2vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-align: justify;
	text-overflow: ellipsis;
	text-align: left;
}

.banner-product-tags {
	display: flex;
	flex-direction: column;
	gap: 0.6vw;
}

.banner-product-tags>div {
	display: flex;
	gap: 0.5vw;
}

.banner-product-tags>div img {
	width: 1.2vw;
}

.banner-product-show-number {
	position: absolute;
	left: 0;
	top: -1.2vw;
	width: 2.4vw;
	height: 2.4vw;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.1vw;
	background: #0d6200;
}

.banner-product-show-number span {
	font-size: 1.2vw;
	font-weight: bold;
}

.banner-product-show>ul>li>a:hover {
	transform: translateY(-2vw);
	transition: all 0.5s;
}

.banner-product-show>ul>li>a::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: block;
	background: rgba(167, 197, 201, 0.05);
	height: 100%;
	width: 0%;
	transition: all 0.5s ease-out 0s;
}

.banner-product-show>ul>li>a::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: block;
	background: rgba(167, 197, 201, 0.05);
	height: 0%;
	width: 100%;
	transition: all 0.5s ease-out 0s;
}

.banner-product-show>ul>li>a:hover::before,
.banner-product-show>ul>li>a:hover::after {
	height: 100%;
	width: 100%;
}

.split-box {
	background: #000000;
	display: flex;
}

.split-box-left {
	width: 50%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.split-background-left {
	border-bottom: 6.5vw solid #0d6200;
	border-right: 6vw solid transparent;
	width: 100%;
}

.split-background-right {
	border-bottom: 6.5vw solid #0d6200;
	border-left: 6vw solid transparent;
	width: 100%;
}

.split-box-left-content {
	position: absolute;
}

.split-box-right {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 5vw;
	padding-left: 2vw;
}

.split-box-right p {
	line-height: 1.5vw;
	text-align: justify;
}

.split-box-left-content>p:nth-of-type(1) {
	font-size: 2vw;
	position: relative;
	font-weight: bold;
	left: -5vw;
	margin-bottom: 0.5vw;
}

.split-box-left-content>p:nth-of-type(2) {
	position: relative;
	left: 5vw;
}


.split-box-left-content>p:nth-of-type(2) span {
	font-size: 1.2vw;
	margin-right: 1vw;
}

.split-box-left-content>p:nth-of-type(2) a {
	font-size: 1.2vw;
}

.case-show-swiper {
	width: 100%;
	margin-top: 2vw;
	padding-bottom: 9.2vw !important;
	z-index: 0 !important;
}

.case-show-swiper .swiper-slide>a {
	display: block;
	background: rgba(0 0, 0, 0.85);
	height: 34vw;
}

.case-show-swiper .swiper-slide>a>div:nth-of-type(1) {
	overflow: hidden;
}

.case-show-swiper .swiper-slide>a>div:nth-of-type(1) img {
	width: 100%;
	height: 15.4vw;
	object-fit: cover;
	transition: all 1s;
}

.case-show-swiper .swiper-slide>a>div:nth-of-type(1) img:hover {
	transform: scale(1.08);
	opacity: 0.8;
}

.case-show-swiper .swiper-slide>a>div:nth-of-type(2) {
	display: flex;
	flex-direction: column;
	gap: 1vw;
	padding: 1vw;
	margin-top: 1vw;
}

.case-show-swiper .swiper-slide>a>div:nth-of-type(2):hover .case-show-title {
	color: #0d6200;
}

.case-show-title {
	font-size: 1.5vw;
	font-weight: bold;
}

.case-show-description {
	font-size: 1.2vw;
	line-height: 2vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-align: justify;
	text-overflow: ellipsis;
	text-align: left;
}

.case-show-time {
	padding-top: 1vw;
	display: flex;
	justify-content: space-between;
}

.case-show-time>span {
	font-size: 1.2vw;
}

.case-show-time>span:nth-of-type(2) {
	margin-right: 1vw;
	padding: 0.5vw 0.8vw;
	background: #0d6200;
	transition: all 0.5s;
}

.case-show-time>span:nth-of-type(2):hover {
	transform: translateX(1vw);
}

.case-show-time>span:nth-of-type(2) img {
	width: 2vw;
}

.case-show-button {
	position: absolute;
	top: 39vw !important;
	width: 3.5vw !important;
	height: 3.5vw !important;
	border-radius: 50%;
	background: #ffffff;
	opacity: 0.9;
	border: solid 0.1vw gray;
}

.case-show-button::after {
	color: #000000;
	font-size: 1.2vw !important;
	font-weight: bold;
}

.case-show-swiper-next {
	right: 39vw !important;
}

.case-show-swiper-prev {
	left: 39vw !important;
}

.split-box-reverse {
	flex-direction: row-reverse;
}

.solution {
	position: relative;
	height: 34vw;
	overflow: hidden;
}

.solution-background {
	width: 100%;
}

.solution-wrapper {
	display: flex;
	gap: 2.5vw;
	align-items: flex-start;
	position: absolute;
	top: 2vw;
	width: 100%;
	left: 0;
}

.solution-sidebar {
	width: 32%;
}

.solution-content-list {
	width: 62%;
}

.solution-content {
	width: 100%;
	display: none;
	overflow: hidden;
}

.solution-content:nth-of-type(1) {
	display: flex;
}

.solution-slogn {
	display: flex;
	background: #0d6200;
	align-items: center;
	justify-content: center;
	gap: 1vw;
	width: 20vw;
	height: 3.2vw;
	margin-left: 2vw;
	margin-bottom: 2vw;
	position: relative;
}

.solution-slogn::after {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/trapezium.png) no-repeat;
	width: 2vw;
	transform: translateY(-12vw);
	filter: drop-shadow(#0d6200 0 12vw);
	height: 3.2vw;
	left: 20vw;
	top: 0;
}

.solution-slogn img {
	width: 1.5vw !important;
	height: 1.5vw !important;
}

.solution-slogn span {
	font-size: 1.3vw;
}

.solution-sidebar>ul {
	display: flex;
	flex-direction: column;
	gap: 1.6vw;
}

.solution-sidebar>ul>li {
	display: flex;
	gap: 1vw;
	padding: 1vw 0.5vw;
	cursor: pointer;
}

.solution-sidebar>ul>li:first-child {
	background: #0d6200;
}

.solution-sidebar>ul>li>div {
	font-size: 1.2vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.solution-sidebar>ul>li>img {
	width: 1.2vw;
	height: 1.2vw;
}

.solution-content>div {
	width: 60%;
}

.solution-content-description {
	width: 100%;
	text-align: justify;
	font-size: 1.2vw;
	line-height: 2vw;
	padding-left: 2vw;
}

.solution-content>div img {
	width: 100%;
	height: 20.5vw;
	object-fit: cover;
}

.solution-content>div a {
	display: block;
}

.solution-tags {
	margin-top: 2vw;
}

.solution-tags>div {
	height: 3.2vw;
	width: 100%;
	cursor: pointer;
	line-height: 1.5vw;
	border-radius: 4vw;
	border: 0.1vw dashed #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1vw;
}

.solution-tags>div img {
	width: 1.2vw;
	height: 1.2vw;
}

.solution-tags>div:hover {
	background: #0d6200;
	border: none;
}

.news {
	padding-top: 2vw;
	display: flex;
	padding-right: 5vw;
	padding-left: 3vw;
	justify-content: space-between;
}

.news-swiper {
	padding: 0 !important;
	width: 45%;
}

.news-swiper-banner {
	position: relative;
	height: 27vw;
}

.news-swiper-banner img {
	width: 100%;
	height: 100%;
}

.news-swiper-banner-title {
	width: 100%;
	text-align: center;
	padding: 1vw;
	font-size: 1.2vw;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #0d6200;
}

.news-swiper-content {
	padding: 1.5vw 0;
}

.news-swiper-description {
	font-size: 1.1vw;
	line-height: 1.5vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-align: justify;
	text-overflow: ellipsis;
	margin-bottom: 1.8vw;
}

.news-swiper-content>div:nth-of-type(2) {
	display: flex;
	justify-content: space-between;
}

.news-swiper-info {
	width: 50%;
	display: flex;
	align-items: center;
	gap: 1.6vw;
}

.news-swiper-info img {
	width: 1.2vw;
	margin-right: 0.2vw;
}

.news-swiper-readmore {
	background: #0d6200;
	height: 2.5vw;
	padding: 0 2vw;
	text-align: center;
	margin-right: 1vw;
	line-height: 2.5vw;
}

.news-swiper-readmore:hover {
	transform: translateX(1vw);
	transition: all 0.5s;
}

.news-button {
	position: absolute;
	top: 13vw !important;
	width: 3.5vw !important;
	height: 3.5vw !important;
	background: rgba(0, 0, 0, .6);
}

.news-button::after {
	color: #ffffff;
	font-size: 1.5vw !important;
	font-weight: bold;
}

.news-list {
	width: 50%;
	padding: 1.5vw;
	background: rgba(255, 255, 255, 0.1);
}

.news-list-top {
	display: flex;
	gap: 2vw;
	align-items: center;
	margin-bottom: 2vw;
}

.news-list-top>span {
	font-size: 1.5vw;
	font-weight: bold;
}

.news-list-top img {
	width: 0.8vw;
	height: 1.2vw;
	margin-right: 3.5vw;
}

.news-list>ul {
	display: flex;
	flex-direction: column;
	gap: 2vw;
}

.news-list>ul>li>a {
	display: flex;
	padding: 0.5vw;
	align-items: flex-start;
}

.news-list>ul>li>a:hover {
	background: rgba(255, 255, 255, 0.16);
}

.news-list-img {
	width: 12vw;
	height: 8vw;
}

.news-list-content {
	padding: 0 1vw;
	display: flex;
	flex-direction: column;
	gap: 0.8vw;
	width: calc(100% - 12vw);
}

.news-list-title {
	overflow: hidden;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-list-description {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	/*text-align: justify;*/
	text-overflow: ellipsis;
}

.news-list-info {
	display: flex;
	gap: 1.5vw;
}

.news-list-info>div {
	display: flex;
	align-items: center;
	gap: 0.5vw;
}

.news-list-info img {
	width: 1.2vw;
}

@media (max-width:768px) {
	.banner-box {
		padding-top: 12vw;
	}

	.banner-img {
		width: 100%;
		height: 102vw;
		object-fit: cover;
	}

	.banner-title {
		top: 21.6vw;
		gap: 1.8vw;
	}

	.banner-title>div:nth-of-type(1) {
		font-size: 3.6vw;
	}

	.banner-title>div:nth-of-type(2) span {
		font-size: 4.5vw;
	}

	.banner-title>div:nth-of-type(2) sub {
		font-size: 3.6vw;
		margin-left: 2vw;
	}

	.split-img img {
		width: 40vw;
	}

	.banner-product-show {
		top: 34vw;
		left: 4vw;
	}

	.banner-product-show>ul {
		gap: 2vw;
		flex-wrap: wrap;
	}

	.banner-product-show>ul>li {
		width: 45vw;
	}

	.banner-product-show>ul>li>a {
		gap: 3.5vw;
	}

	.banner-product-show-title {
		font-size: 3.2vw;
	}

	.banner-product-show-img {
		height: 30vw;
		border-radius: 0.4vw;
	}

	.banner-product-tags {
		gap: 2.6vw;
	}

	.banner-product-tags>div {
		gap: 3.5vw;
		align-items: center;
	}

	.banner-product-tags>div img {
		width: 4.5vw;
	}

	.banner-product-tags>div span {
		font-size: 3vw;
	}

	.banner-product-show-number {
		width: 7.4vw;
		top: -9.6vw;
		height: 7.4vw;
	}

	.banner-product-show-number span {
		font-size: 3.2vw;
	}

	.split-box {
		display: none;
	}

	.case-show-swiper {
		padding-bottom: 49.2vw !important;
	}

	.case-show-swiper .swiper-slide>a>div:nth-of-type(1) img {
		height: 58vw;
	}

	.case-show-swiper .swiper-slide>a>div:nth-of-type(2) {
		gap: 2vw;
		margin-top: 2vw;
	}

	.case-show-title {
		font-size: 3.5vw;
	}

	.case-show-description {
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.case-show-time>span {
		font-size: 3.2vw;
	}

	.case-show-time>span:nth-of-type(2) img {
		width: 8vw;
	}

	.case-show-time>span:nth-of-type(2) {
		display: none;
	}

	.case-show-button {
		top: 28vw !important;
		width: 8.5vw !important;
		height: 8.5vw !important;
	}

	.case-show-button::after {
		font-size: 3.2vw !important;
	}

	.case-show-swiper-next {
		right: 1vw !important;
	}

	.case-show-swiper-prev {
		left: 1vw !important;
	}

	.solution {
		display: none;
	}

	.news {
		padding-top: 6vw;
		padding-bottom: 6vw;
		padding-left: 5vw;
	}

	.news-swiper {
		display: none !important;
	}

	.news-list {
		width: 100%;
		padding: 5vw 4vw;
	}

	.news-list-top {
		justify-content: space-between;
		margin-bottom: 5vw;
	}

	.news-list-top>span {
		font-size: 3.8vw;
	}

	.news-list-top img {
		width: 2vw;
		height: 3vw;
	}

	.news-list>ul {
		gap: 7.5vw;
	}

	.news-list>ul>li>a {
		align-items: center;
	}

	.news-list-content {
		padding: 0 3vw;
		padding-right: 1vw;
		gap: 1.5vw;
		width: calc(100% - 24vw);
	}

	.news-list-img {
		width: 24vw;
		height: 16vw;
	}

	.news-list-title {
		display: none;
	}

	.news-list-description {
		font-size: 3vw;
		line-height: 4vw;
	}

	.news-list-info {
		gap: 4.5vw;
	}

	.news-list-info>div {
		gap: 1.5vw;
		align-items: center;
	}

	.news-list-info img {
		width: 4.2vw;
	}

	.news-list-info span {
		font-size: 3vw;
	}
}