.homepageContainer {
	justify-content: center;
	overflow-x: hidden;
	overflow-y: auto;

}


.firstScreen {
	width: 85%;
	margin: 0 auto;
	overflow: hidden;

}

.section1 {
	background: linear-gradient(90deg, #4fc2bd 0%, #3064b5 5%, #2e67b8 70%, #4fc2bd 100%);
	position: relative;
}

.section1:after {
	content: "";
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%20%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%22449%22%20height%3D%22830%22%3E%0A%09%3Cdefs%3E%0A%09%09%3CclipPath%20id%3D%22clip_0%22%3E%0A%09%09%09%3Crect%20x%3D%2250.874512%22%20y%3D%2293.779495%22%20width%3D%22397.32266%22%20height%3D%22639.51825%22%20clip-rule%3D%22evenodd%22/%3E%0A%09%09%3C/clipPath%3E%0A%09%3C/defs%3E%0A%09%3Cg%20clip-path%3D%22url%28%23clip_0%29%22%3E%0A%09%09%3Cpath%20fill%3D%22none%22%20stroke%3D%22rgb%28255%2C255%2C255%29%22%20stroke-width%3D%220.75%22%20stroke-miterlimit%3D%224%22%20transform%3D%22matrix%280.9985%200%200%200.9985%200.294189%201.06807%29%22%20d%3D%22M0%200C0%200%20143.337%20329.396%20256.085%20354.516C349.687%20375.37%20411.752%20337.731%20414.674%20386.901C418.218%20446.585%20192.259%20499.53%20238.35%20588.032C275.324%20659.027%20471.355%20630.828%20325.265%20829.501M2.684%2018.369C2.684%2018.369%20137.991%20326.972%20253.79%20351.988C348.108%20372.493%20406.539%20333.562%20410.609%20382.564C415.653%20443.284%20197.618%20490.459%20239.159%20579.716C272.885%20652.181%20472.613%20631.489%20332.586%20829.496M5.368%2036.737C5.368%2036.737%20132.642%20324.548%20251.497%20349.462C346.529%20369.616%20401.353%20329.392%20406.546%20378.229C413.113%20439.991%20202.94%20481.448%20239.969%20571.4C270.423%20645.379%20473.869%20632.149%20339.907%20829.492M8.05%2055.105C8.05%2055.105%20127.294%20322.125%20249.205%20346.936C344.949%20366.74%20396.193%20325.229%20402.482%20373.892C410.599%20436.703%20208.21%20472.487%20240.777%20563.083C267.929%20638.62%20475.127%20632.811%20347.229%20829.487M10.735%2073.474C10.735%2073.474%20121.948%20319.701%20246.912%20344.409C343.37%20363.863%20391.058%20321.066%20398.419%20369.556C408.114%20433.415%20213.431%20463.574%20241.586%20554.768C265.399%20631.9%20476.384%20633.469%20354.55%20829.484M13.417%2091.842C13.417%2091.842%20116.654%20317.005%20244.617%20341.881C341.833%20360.78%20385.944%20316.902%20394.355%20365.22C405.653%20430.13%20218.593%20454.701%20242.394%20546.451C262.826%20625.213%20477.641%20634.13%20361.872%20829.479M16.103%20110.212C16.103%20110.212%20111.308%20314.558%20242.326%20339.355C340.254%20357.888%20380.853%20312.737%20390.292%20360.884C403.221%20426.841%20223.693%20445.86%20243.202%20538.135C260.204%20618.551%20478.898%20634.79%20369.193%20829.474M18.785%20128.579C18.785%20128.579%20105.959%20312.123%20240.032%20336.829C338.675%20355.006%20375.783%20308.568%20386.228%20356.547C400.814%20423.548%20228.732%20437.042%20244.011%20529.819C257.531%20611.909%20480.156%20635.45%20376.515%20829.471M21.471%20146.949C21.471%20146.949%20100.613%20309.696%20237.737%20334.301C337.095%20352.13%20370.731%20304.396%20382.163%20352.21C398.433%20420.251%20233.707%20428.234%20244.819%20521.502C254.803%20605.279%20481.413%20636.11%20383.836%20829.467M24.153%20165.317C24.153%20165.317%2095.26%20307.279%20235.443%20331.775C335.513%20349.263%20365.697%20300.219%20378.101%20347.875C396.078%20416.949%20238.62%20419.434%20245.629%20513.186C252.019%20598.655%20482.671%20636.771%20391.157%20829.462M26.837%20183.685C26.837%20183.685%2089.91%20304.87%20233.151%20329.248C333.929%20346.398%20360.678%20296.036%20374.037%20343.538C393.749%20413.634%20243.474%20410.63%20246.437%20504.869C249.179%20592.027%20483.927%20637.431%20398.479%20829.458M29.521%20202.054C29.521%20202.054%2084.513%20302.736%20230.857%20326.722C332.315%20343.725%20355.675%20291.847%20369.973%20339.203C391.443%20410.312%20248.273%20401.816%20247.245%20496.553C246.282%20585.388%20485.185%20638.091%20405.8%20829.453M32.204%20220.422C32.204%20220.422%2079.167%20300.312%20228.564%20324.194C330.737%20340.847%20350.686%20287.653%20365.909%20334.866C389.161%20406.979%20253.021%20392.985%20248.054%20488.237C243.335%20578.736%20486.442%20638.752%20413.122%20829.449M34.887%20238.79C34.887%20238.79%2073.818%20297.889%20226.271%20321.667C329.157%20337.971%20345.709%20283.45%20361.845%20330.529C386.902%20403.636%20257.726%20384.131%20248.863%20479.921C240.338%20572.064%20487.699%20639.412%20420.444%20829.445M37.57%20257.159C37.57%20257.159%2068.469%20295.466%20223.977%20319.141C327.578%20335.094%20340.744%20279.24%20357.783%20326.194C384.667%20400.278%20262.388%20375.25%20249.671%20471.604C237.297%20565.365%20488.956%20640.072%20427.765%20829.441M40.254%20275.527C40.254%20275.527%2063.123%20293.042%20221.684%20316.614C325.998%20332.218%20335.787%20275.023%20353.718%20321.858C382.451%20396.907%20267.018%20366.339%20250.48%20463.287C234.214%20558.638%20490.213%20640.732%20435.087%20829.437M42.938%20293.896C42.938%20293.896%2057.775%20290.617%20219.391%20314.087C324.419%20329.342%20330.842%20270.797%20349.654%20317.522C380.254%20393.523%20271.619%20357.396%20251.289%20454.972C231.097%20551.881%20491.471%20641.393%20442.408%20829.432%22/%3E%0A%09%3C/g%3E%0A%3C/svg%3E%0A);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: -5%;
	z-index: 10;
	top: 0;
	width: 500px;
	height: 100%;
}

.section3 {
	background: url(../images/customer-case-background.png) center center no-repeat;
	background-size:100%;
	text-align: center;
	padding: 150px 0;
	position: relative;
}
.section3:before{
		content: "";
		    display: block;
		    position: absolute;
		    width: 100%;
		    height: 4px;
		    background: linear-gradient(90deg, #3064b5 0, #4fc2bd 100%);
			top:0;left: 0;z-index: 10;
	}
.section3 .section3-container {
	max-width: 1400px;
	margin: 40px auto 0 auto;
}

.section3 .title-h1 {
	text-align: left;
	font-size: 34px;
}

.section3 .title-h2 {
	text-align: left;
	justify-content: left;
	font-size: 15px;
	line-height: 30px;
	margin-top: 0;
}

.section6 {
	padding-bottom: 60px;
}

.section3 .pc .title {
	color: #121315;
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: normal;
	margin: 60px 0 40px;
	text-align: center;
}

.section3 .card-pc-group {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.section3 .card-pc-group .card {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 16px;
	height: 96px;
	width: 160px;
}

.section3 .card-pc-group .card .logo {
	height: 60px;
	-o-object-fit: contain;
	object-fit: contain;
}

.section3 .card-pc-group .card-title {
	color: #494f57;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	text-align: center;

}

.section3 .description {
	margin-top: 30px;
}

.section3 .description p {
	font-size: 16px;
	line-height: 34px;
	padding: 10px 0;
	text-align: left;

}

.section2 {
	background: #fff;
	padding: 60px 0;
	text-align: center;
}

.section2 .section2-container {
	max-width: 80%;
	margin: 40px auto 0 auto;
}

.home-pro-group {
	margin-top: 40px;
}

.home-pro-group ul {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	width: 100%;
	align-items: center;
}

.home-pro-group .home-pro-item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-basis: calc((100% - 120px) / 3);
	text-align: center;
	border-radius: 20px;
	overflow: hidden;
	margin: 25px 0;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.home-pro-group .home-pro-item a {
	display: block;
	width: 100%;
	padding: 25px 0;
}

.home-pro-group .home-pro-item:hover {
	background-image: -moz-linear-gradient(-45deg, #eefcff, #f7fcfe, #ebfffd);
	background-image: -webkit-linear-gradient(-45deg,  #eefcff, #f7fcfe, #ebfffd);
	background-image: -ms-linear-gradient(-45deg,  #eefcff, #f7fcfe, #ebfffd);
	background-image: linear-gradient(-45deg,  #eefcff, #f7fcfe, #ebfffd);
}

.home-pro-group .home-pro-item .item-title {
	margin-top: 10px;
	color: #121315;
	font-weight: bold;
	font-size: 20px;
	line-height: 48px;
}

.home-pro-group .home-pro-item.home-pro-small-item .item-title {
	margin-top: 0px;
	font-size: 18px;
	line-height: 30px;
}

.home-pro-group .home-pro-item .item-description {
	color: #444;
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
	height: 48px;
	overflow: hidden;
}

.home-pro-group .home-pro-item.home-pro-small-item .item-description {
	margin-top: 0;
	line-height: 24px;
}

.home-pro-group .home-pro-item .item-img-bg {
	width: 80%;
	height: auto;
}

.home-pro-group .home-pro-item span.btn {
	display: block;
	color: #3064b5;
	font-size: 18px;
	line-height: 40px;
	margin-top: 10px;
}

.home-pro-group .home-pro-item span.btn i {
	margin-left: 0;
	transition: all 0.3s ease-in-out;
}

.home-pro-group .home-pro-item:hover span.btn i {
	margin-left: 5px;
}

.home-pro-group .home-pro-item:hover span.btn {
	color: #2e67b8;
}




.home-pro-group .home-pro-item .item-img-bg-g {
	width: 30%;
}


.swiper-logo {
	margin-bottom: 20px;
}

.swiper-logo .swiper {
	margin-top: 30px;
}

.swiper-logo .logo-wall-item {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.swiper-logo .swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}


.static {
	position: relative;
}

.news-left-title.fixed {
	position: fixed;
	top: 120px;
	z-index: 100;
}

.firstScreen .swiper-container {
	width: 100%;
	height: 100%;
	position: relative;
}

/* .firstScreen .swiper-wrapper{
	
		    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
		} */
.firstScreen .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	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;
	overflow: hidden;
	align-items: flex-start;
}

.firstScreen .swiper-slide .img {
	overflow: hidden;
	flex: 2.5;
	padding-left: 1px;
}

.firstScreen .swiper-slide .img img {
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}

.firstScreen .swiper-slide .text {
	flex: 1;
	text-align: left;
	padding: 60px;
	color: #fff;
}

.firstScreen .swiper-slide .text h3 {
	font-weight: bold;
	font-size: 48px;
	line-height: 80px;
}

.firstScreen .swiper-slide .text p {
	font-size: 18px;
	line-height: 32px;
	padding: 40px 0;
}

.firstScreen .swiper-slide .text .btn-weiterlesen a {
	display: inline-block;
	color: #fff;
	border: #fff 1px solid;
	padding: 10px 40px;
	color: #fff;
}

.firstScreen .swiper-slide .text .btn-weiterlesen a:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
}

.firstScreen .swiper-pagination {
	left: calc(70%);
	display: inline-block;
	width: auto;
	white-space: nowrap;
	bottom: 60px;
}

.firstScreen .swiper-pagination-bullet {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: transparent;
	border: 1px solid #fff;
	margin-right: 30px;
	transform: rotate(180deg);
	transition: all 0.5s;
	border-radius: 0;
	opacity: 1;
}

.firstScreen.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.firstScreen .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin-right: 30px;
}

.firstScreen .swiper-pagination-bullet-active {
	background-color: #fff;
	transform: rotate(0);

}

@media screen and (max-width: 1920px) {
	.firstScreen .swiper-slide .text h3 {
		font-weight: bold;
		font-size: 38px;
		line-height: 60px;
	}

	.firstScreen .swiper-slide .text p {
		font-size: 16px;
		line-height: 32px;
		padding: 30px 0;
	}
}

@media screen and (max-width: 1600px) {
	.section3{padding: 60px 0;}
	.section3 .section3-container {
		max-width: 80%;
	}

	.firstScreen .swiper-slide .text h3 {
		font-weight: bold;
		font-size: 30px;
		line-height: 50px;
	}

	.firstScreen .swiper-slide .text p {
		font-size: 15px;
		line-height: 30px;
		padding: 20px 0;
	}

	.firstScreen .swiper-slide .text .btn-weiterlesen a {

		padding: 5px 20px;
	}
}

@media screen and (max-width: 1300px) {
	.pc-header-bottom {
		width: 96%;
	}
.section3{padding:40px 0;}
	.section3 .section3-container {
		max-width: 90%;
	}

	.firstScreen .first-screen-description {
		padding: 260px 0px 0 calc(50% - 400px);
	}

	.home-pro-group .home-pro-item {
		flex-basis:calc((100% - 120px) / 2);
	}

	.firstScreen .swiper-slide .img {
		height: 340px;
	}

	.firstScreen .swiper-slide .text {
		padding: 40px;
	}

	.firstScreen .swiper-slide .text h3 {
		font-weight: bold;
		font-size: 20px;
		line-height: 36px;
	}

	.firstScreen .swiper-slide .text p {
		font-size: 14px;
		line-height: 28px;
		padding: 10px 0;
	}

	.firstScreen .swiper-slide .text .btn-weiterlesen a {

		padding: 0px 20px;
	}

	.firstScreen .swiper-pagination {
		bottom: 40px;
	}
}

@media screen and (max-width: 1023px) {

	.section1 {
		background: linear-gradient(90deg, #3064b5, #4fc2bd 100%);
		position: relative;
	}

	.section1::after {
		display: none;
	}

	.firstScreen {
		width: 100%;

	}

	.firstScreen .swiper-slide {
		flex-direction: column;
	}

	.firstScreen .swiper-slide .img {
		height: 50vw;
	}

	.firstScreen .swiper-slide .img img {
		height: 50vw;
	}

	.firstScreen .swiper-slide .text {
		padding-bottom: 100px;
	}

	.firstScreen .swiper-pagination {
		left: 40px;
	}


	.title-h1 {
		font-size: 30px;
		line-height: 50px;
	}

	.title-h2 {
		align-items: center;
		color: #767e89;
		display: flex;
		font-size: 14px;
		line-height: 24px;
		margin-top: 20px;
	}

	.home-pro-group {
		margin-top: 0px;
	}

	.section3 {
		background: url(../images/customer-case-background-m.png)  center bottom no-repeat;
		background-size: 100%;
		padding: 60px 5% 250px 5%;
		position: relative;
	}
	
}

@media screen and (max-width: 560px) {
	.home-pro-group ul{gap: 0px;}
	.home-pro-group .home-pro-item {
		flex-basis:100%;
	}
	.firstScreen .swiper-slide .img {
		height: 70vw;
	}

	.firstScreen .swiper-slide .img img {
		height: 70vw;
	}

	.home-pro-group .home-pro-item {
		width: calc(100% - 60px);
	}

	.logo-wall-flex {
		width: 100%;
	}

	.firstScreen .logo-wall .logo-container {
		height: auto;
		width: 100%;
		color: #fff;
		font-size: 14px;
	}
	.section3 {
		background: url(../images/customer-case-background-m.png)  center bottom no-repeat;
		background-size: 100%;
		padding: 60px 10%;
		position: relative;
	}
}