
@media all {
	.main-slider {
		background-color: #f5f5f5;
		overflow: hidden;
	}
	.main-slider__image {
		padding-bottom: 50%;
		background-position: center;
		-webkit-background-size: cover;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.w.main-slider__w {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.main-slider__content {
		position: absolute;
		padding: 15px 45px 55px;
		top: 0;
		bottom: 0;
		left: 30px;
		color: #fff;
		display: flex;
		justify-content: center;
		flex-direction: column;
		width: 500px;
		z-index: 1;
	}
		.main-slider__content>* {
			position: relative;
		}
		.main-slider__content:before {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			margin: auto;
			background-color: rgba(0,0,0,.6);
			z-index: 0;
		}
	.pre-title.main-slider__pre-title {

	}
	.main-slider__title h2{
		font-size: 45px;
		font-weight: 700;
		line-height: 1.3;
		color: #24A7B3;
		flex-shrink: 0;
		overflow: hidden;

		max-height: calc(45px*1.3*2);
	}
	.main-slider__description {
		font-size: 18px;
		line-height: 1.8;

		flex-shrink: 1;
	}
	.main-slider__footer {
		margin-top: 35px;
	}
	.w.swiper-pagination-container {
		position: relative;
	}
	.p__swiper.main-slider .swiper-pagination {
		position: absolute;
		z-index: 1;
		left: 30px;
		bottom: 30px;
		width: 500px;
	}
	.p__swiper.main-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
		background: none;
		border: 1px solid #ecebeb;
	}
	.mobile-bg {
		display: none;
	}
}

@media (max-width: 1310px) {
	.main-slider__content {
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		align-items: center;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 20px;
	}
	.p__swiper.main-slider .swiper-pagination {
		position: relative;
		left: auto;
		right: auto;
		width: 100%;
		bottom: 0;
		margin: 10px 0;
	}
	.p__swiper.main-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
		border: 1px solid #333333;
	}
	.main-slider__description {
		width: 800px;
		max-width: 100%;
	}
}
@media (max-width: 1023px) {
	.main-slider__title h2 {
		font-size: 40px;
		max-height: calc(40px*1.3*2);
	}
	.main-slider__description {
		margin-top: 10px;
		line-height: 1.5;
	}
	.main-slider__footer {
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.w.main-slider__w {
		position: relative;
	}
	.main-slider__content {
		position: relative;
		margin: 0 -15px;
		width: auto;
	}
	.pre-title.main-slider__pre-title {
		display: none;
	}
	.mobile-bg {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		display: block;
		transform: scale(1, -1);
		background-position: center;
		background-size: cover;
		filter: blur(1px);
	}
	.main-slider__title h2 {
		font-size: 30px;
		max-height: calc(30px*1.3*3);
	}
	.main-slider__description {
		display: none;
	}
	.main-slider__footer {
		display: none;
	}
}
@media (max-width: 479px) {
	.main-slider__title h2 {
		font-size: 30px;
	}
}