.container1 img {
	margin-left: 50px;
}

.AdvancedTechnology {
	display: grid;
	width: 100%;
	margin-top: 30px;
	grid-template-columns: 1fr 1fr 1fr;
	/*  声明行间距和列间距  */
	grid-gap: 20px 60px;
	/*  声明行的高度  */
	grid-template-rows: 300px
}

.AdvancedTechnology>div {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background-size: cover;
	color: #fff;
	padding: 30px;
	border-radius: 20px;
}

.SupportFormatsButton {
	display: grid;
	width: 100%;
	margin-top: 30px;
	grid-template-columns: 1fr 1fr 1fr;
	/*  声明行间距和列间距  */
	grid-gap: 20px 60px;
	/*  声明行的高度  */
	grid-template-rows: 300px;
	font-size: 16px;
	font-weight: bolder;
	text-align: center;
	color: #b7b7b7;

}

.SupportFormatsButton img {
	margin-bottom: 10px;
	width: 138px;
	max-width: unset;

	-webkit-user-drag: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;
}

#bottonRight img,
#bottonRight video {
	width: 300px;
	height: 560px;
}

.CreativesVideo {

	display: grid;
	width: 100%;
	margin-top: 30px;
	grid-template-columns: 2fr 1.1fr 0.9fr;
	/*  声明行间距和列间距  */
	grid-gap: 20px 10px;
	/*  声明行的高度  */
	/* grid-template-rows: 300px; */
	font-size: 16px;
	font-weight: bolder;
	text-align: center;
	color: #b7b7b7;
}

.CreativesVideo video {
	border-radius: 20px;
	height: 340px;

}

.StoriesData {
	background-color: #f5f5f5;
	padding: 10px 20px;
	border-radius: 10px;
	margin-top: 10px;
}

@media (max-width:768px) {
	.SupportFormatsButton {
		grid-gap: 10px 10px;
		grid-template-rows: 220px
	}

	.SupportFormatsButton img {
		margin-bottom: 10px;
		width: 100px;
	}

	#bottonRight img,
	#bottonRight video {
		width: 200px;
		height: 420px;
	}

	.myLeft,
	.myRight {
		width: 100% !important;
	}


	.AdvancedTechnology {
		grid-template-columns: 1fr 1fr ;
		grid-template-rows: 300px 300px;
	}


}
.adgroup {
	display: grid;
	grid-template-columns: repeat(3, 120px);
	/*  声明行间距和列间距  */
	grid-gap: 20px 60px;
	/*  声明行的高度  */
	grid-template-rows: 200px;
}

.FlexibleIntegration{
	width: 100%;
	margin-top: 60px;
	display: grid;
	text-align: center;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 20px 10px;
}

.FlexibleIntegration>div{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.FlexibleIntegration img{
	width: 100px;
	height: 100px;
	filter: brightness(1000);
	margin-bottom: 10px;
}
.CustomerStories{
	display: grid;
	text-align: left;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 80px;
}
.CustomerStories>div{
	display: flex;
	flex-direction: column;
	align-items: center;
	/* background-color: #fff; */
	/* color: #000; */
	
	border-radius: 30px;
	padding: 20px;
}

.StrategicBox{
	background-color: #fff;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 50px 10px;
	width: 900px;
	border-radius: 30px;
	margin: 0 auto;
	padding: 30px;
}
.rotundCard  {
	display: flex;
	align-items: center;
	justify-content: center;
}
.rotundCard img{
	width: 90px;
	margin: 0 auto;
	border-radius: 10%;
}

.swiper3{
	height: 370px;
}


@media (max-width:1250px) {
	.adgroup {
		grid-template-columns: repeat(2, 120px);
	}
	
}
@media (max-width:767px) {
	.StrategicBox{
		
		grid-template-columns: 1fr 1fr 1fr;
	}
	.adgroup{
		grid-template-columns: repeat(3, 120px);
		margin: 0 auto;
	}
	.CustomerStories{
		display: grid;
		text-align: center;
		grid-template-columns: 1fr;
		grid-gap: 80px;
	}
	.swiper3{
		height: 600px;
	}
	
	
}
@media (max-width:568px) {

.adgroup{
		grid-template-columns: 1fr 1fr;
	
	}

	.AdvancedTechnology {
		grid-template-columns: 1fr;
		grid-template-rows: 300px 300px 300px;
	}
	.FlexibleIntegration{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.FlexibleIntegration img{
		width: 60px;
		height: 60px;
	}
}

@media (max-width:428px) {



	.SupportFormatsButton {
		grid-gap: 10px 10px;
		grid-template-rows: 180px
	}
	
	.SupportFormatsButton img {
		margin-bottom: 10px;
		width: 80px;
	}
	
	#bottonRight img,
	#bottonRight video {
		width: 100px;
		height: 220px;
	}

}


@media (max-width:335px) {



	.SupportFormatsButton {
		grid-gap: 10px 10px;
		grid-template-rows: 180px
	}
	
	.SupportFormatsButton img {
		margin-bottom: 10px;
		width: 40px;
	}
	
	#bottonRight img,
	#bottonRight video {
		width: 100px;
		height: 220px;
	}

}