/* 内容 */
.training-container {
	margin-top: 30px;
}

.training-container img {
	width: 100%;
	height: 100%;
}

.training-container>div {
	height: calc(360px * 360 / 367.3);
	margin-bottom: 30px;
}

.training-item:hover>.example-item-text {
	background: rgba(0, 0, 0, 0.6);
	transition: 0.5s;
}

@media (min-width: 1200px) {
	.example-item-text {
		bottom: 0;
		height: 68px;
		font-size: 18rem;
		font-family: PingFangSC-Medium;
		line-height: 20px;
		color: #FFFFFF;
		background: rgba(5, 96, 126, 0.5);
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		width: calc(100% - 30px);
		transition: 0.5s;
	}

	.example-item-text>div {
		padding: 0 10px;
	}

}

@media (max-width: 1200px) {
	.training-container>div {
		height: calc(360px * 293.33 / 367.3);
		margin-bottom: 30px;
	}

	.example-item-text {
		bottom: 0;
		height: 50px;
		font-size: 18rem;
		font-family: PingFangSC-Medium;
		line-height: 20px;
		color: #FFFFFF;
		background: rgba(5, 96, 126, 0.5);
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		width: calc(100% - 30px);
		transition: 0.5s;
	}
}

@media (max-width: 992px) {
	.training-container>div {
		height: calc(360px * 345 / 367.3);
		margin-bottom: 30px;
	}



}

@media (max-width: 765px) {
	.training-container>div {
		height: calc(360 * (100vw - 60px) / 367.3);
		margin-bottom: 30px;
		padding: 0 30px;
	}

	.example-item-text {
		bottom: 0;
		height: 50px;
		font-size: 22rem;
		font-family: PingFangSC-Medium;
		line-height: 20px;
		color: #FFFFFF;
		background: rgba(5, 96, 126, 0.5);
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		width: calc(100% - 60px);
		transition: 0.5s;
	}

	.training-container img {
		width: 100%;
		height: 100%;
		box-shadow: 0 10px 20px #777777;
	}
}