﻿.body {
	position: relative; z-index: 101;
}
.bg-d {
	background: rgb(238, 238, 238);
}
.carousel-box {
	transition:0.2s; width: 100%; height: 569px; position: relative;
}
.carousel-list {
	width: 100%; position: fixed;
}
.carousel-buttom-wrap {
	top: 50%; position: absolute;cursor:pointer;
}
.carousel-prev {
	left: 40px;
}
.carousel-next {
	right: 40px;
}
.carousel {
	width: 40px; height: 40px; display: block; cursor: pointer;
}
.carousel-prev span::before {
	background: rgb(255, 255, 255); transition:0.3s ease-in-out; top: 11px; width: 25px; height: 3px; right: 10px; position: absolute; content: ""; transform: rotate(135deg); -webkit-transition: all 0.3s ease-in-out; -webkit-transform: rotate(135deg);
}
.carousel-prev span::after {
	background: rgb(255, 255, 255); transition:0.3s ease-in-out; top: 11px; width: 25px; height: 3px; right: 10px; position: absolute; content: ""; transform: rotate(135deg); -webkit-transition: all 0.3s ease-in-out; -webkit-transform: rotate(135deg);
}
.carousel-prev span::after {
	top: 27px; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.carousel-next span::before {
	background: rgb(255, 255, 255); transition:0.3s ease-in-out; top: 11px; width: 25px; height: 3px; right: 10px; position: absolute; content: ""; transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; -webkit-transform: rotate(45deg);
}
.carousel-next span::after {
	background: rgb(255, 255, 255); transition:0.3s ease-in-out; top: 11px; width: 25px; height: 3px; right: 10px; position: absolute; content: ""; transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; -webkit-transform: rotate(45deg);
}
.carousel-next span::after {
	top: 27px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.slideDot {
	margin: 0px auto; left: 0px; right: 0px; bottom: 30px; position: absolute; z-index: 1;
}
.slideDot ul {
	text-align: center;
}
.item li {
	background: rgb(255, 255, 255); margin: 1px 1px 1px 15px; border-radius: 10px; width: 11px; height: 11px; display: inline-block; cursor: pointer;
}
.item .activeDot {
	background: rgb(251, 51, 75); color: rgb(255, 255, 255);
}
.rslides {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.rslides li {
	left: 0px; top: 0px; width: 100%; display: none; position: absolute; -webkit-backface-visibility: hidden;
}
.rslides li:first-child {
	float: left; display: block; position: relative;
}
.rslides img {
	border: 0px currentColor; border-image: none; width: 100%; height: auto; float: left; display: block;
}
#vdo {
	width: 100%; height: 100%; object-fit: cover;
}