.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 2;
	width: 100%;
	max-width: 1600px;
	padding-left: 200px;
	box-sizing: border-box;
	transform: translateX(-50%);
}

.scroll-down .label {
	display: block;
	letter-spacing: .1em;
	font-size: 0.875rem;
	position: relative;
	padding-bottom: calc(100px + 1rem);
	color: #fff;
}

.scroll-down .label .line {
	display: block;
	width: 3px;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.scroll-down .label .line:before {
	height: 100%;
	background: #fff;
	opacity: .3;
	left: 0;
	top: 0;
	bottom: 0;
	content: '';
	position: absolute;
	width: 1px;
}

.scroll-down .label .line:after {
	background: #fff;
	left: 0;
	top: 0;
	content: '';
	position: absolute;
	width: 2px;
	-webkit-animation: scroll-down-line 3s infinite;
	-o-animation: scroll-down-line 3s infinite;
	animation: scroll-down-line 3s infinite;
}

.indexBanner .home-slider {
	height: 100vh;
}


.home-slider.scrolled:after {
	background: #fff;
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	z-index: 2;
}

.home-slider .slide {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	visibility: hidden;
}

.home-slider .slide .home-slider-item {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
}

.home-slider .slide .home-slider-item:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background: rgba(0, 0, 0, 0.3); */
}

.home-slider .slide .slide-inner {
	/* position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 240px;
	z-index: 1; */
}

.home-slider .slide .bg {
	position: absolute;
	top: 0%;
	left: 0;
	right: 0;
	bottom: 0%;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}


.home-slider .slide .bg .back {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: 50% 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.home-slider .slide .bg .video-bg,
.home-slider .slide .bg .video-canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	background-color: #000;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;

}

.home-slider .slide .bg .video-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
}

.home-slider .slide.active {
	opacity: 1;
	visibility: visible;
}

.home-slider .slide.active .bg {
	-webkit-transition: -webkit-transform 20000ms cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: -moz-transform 20000ms cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: -ms-transform 20000ms cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: -o-transform 20000ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform 20000ms cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.home-slider .slide .bg.video {
	-webkit-transform: scale(1.025);
	-moz-transform: scale(1.025);
	-ms-transform: scale(1.025);
	-o-transform: scale(1.025);
	transform: scale(1.025);
}

.home-slider .slide.active .bg.video {
	-webkit-transition-duration: 600ms;
	-moz-transition-duration: 600ms;
	-ms-transition-duration: 600ms;
	-o-transition-duration: 600ms;
	transition-duration: 600ms;
}

html.Safari .home-slider .slide.out,
.home-slider .slide.out {
	-webkit-clip-path: none;
	clip-path: none;
	width: 0;
	-webkit-transition: width 1200ms cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: width 1200ms cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: width 1200ms cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: width 1200ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: width 1200ms cubic-bezier(0.23, 1, 0.32, 1);
}

.mobile html.Safari .home-slider[data-swipe="swiperight"] .slide,
.mobile .home-slider[data-swipe="swiperight"] .slide {
	left: auto;
	right: 0;
}

.mobile html.Safari .home-slider[data-swipe="swipeleft"] .slide,
.mobile .home-slider[data-swipe="swipeleft"] .slide {
	left: 0;
	right: auto;
}

.mobile html.Safari .home-slider[data-swipe="swiperight"] .slide .home-slider-item,
.mobile .home-slider[data-swipe="swiperight"] .slide .home-slider-item {
	left: auto;
	right: 0;
}

.mobile html.Safari .home-slider[data-swipe="swipeleft"] .slide .home-slider-item,
.mobile .home-slider[data-swipe="swipeleft"] .slide .home-slider-item {
	left: 0;
	right: auto;
}

html.Safari .home-slider .slide .home-slider-item,
.home-slider .slide .home-slider-item {
	width: 100vw;
}

.cssclippathpolygon .home-slider .slide.out-start {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%);
	height: 100%;
	width: 100%;
}


.cssclippathpolygon .home-slider .slide.out {
	-webkit-clip-path: polygon(0% -150%, 100% -150%, 100% -20%, 0% 0%);
	clip-path: polygon(0% -150%, 100% -150%, 100% -20%, 0% 0%);
	height: 100%;
	width: 100%;
	-webkit-transition: -webkit-clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.home-slider-content {
	/* position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%); */
	color: #fff;

}

.home-slider-content .home-slider-desc h1 {
	font-size: 55px;
	font-weight: 300;
	letter-spacing: 12px;
	color: #ffffff;
	margin-bottom: 10px;
}

.home-slider-content .home-slider-desc p {
	font-family:AlibabaSans-Light;
	font-size: 30px;
	letter-spacing: 2px;
	color: #ffffff;
	margin-bottom: 40px;
}
.home-slider-content .home-slider-desc div{
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 2px;
	color: #ffffff;
}

.home-slider-content .home-slider-desc .btn-container {
	position: relative;
	overflow: hidden;
}

.home-slider-content .home-slider-desc h1,
.home-slider-content .home-slider-desc p,
.home-slider-content .home-slider-desc div {
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0;
}

.home-slider-content .home-slider-desc div {
	-webkit-transform: translateX(-110%);
	-moz-transform: translateX(-110%);
	-ms-transform: translateX(-110%);
	-o-transform: translateX(-110%);
	transform: translateX(-110%);
	opacity: 1;
}

.home-slider-indices {
	position: absolute;
	right: 0;
	bottom: 50px;
	left: 0;
	z-index: 2;
}

.home-slider-indices .indices {
	float: right;
	/* padding-right: .5rem; */
	position: relative;
	font-size: 0;
}

.home-slider-indices .indices li {
	display: inline-block;
	vertical-align: top;
	margin-right: .75rem;
	width: 100px;
}

.home-slider-indices .indices li .index {
	display: block;
}

.home-slider-indices .indices li .index h4 {
	color: #a6a4a0;
	font-size: .95rem;
	margin-bottom: 1em;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.home-slider-indices .indices li .progress {
	height: 2px;
	/* background: #a6a4a0; */
	background: rgba(255,255,255,.5);
	
	position: relative;
	width: 100%;
}


.home-slider-indices .indices li .progress .bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #fff;
}

.home-slider-indices .indices li.active h4 {
	color: #fff;
}

.home-slider-indices .indices a.btn-pause {
	width: .5rem;
	background-color: transparent;
	position: relative;
	height: .75rem;
	text-indent: -999em;
	display: block;
	font-size: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
}

.home-slider-indices .indices a.btn-pause:before,
.home-slider-indices .indices a.btn-pause:after {
	position: absolute;
	width: 2px;
	background-color: #fff;
	height: 100%;
	content: '';
	display: block;
	top: 0;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

.home-slider-indices .indices a.btn-pause:after {
	right: 0;
}

.home-slider-indices .indices a.btn-pause.play {
	width: .5rem;
}

.home-slider-indices .indices a.btn-pause.play:before {
	border-top: 0.375rem solid transparent;
	border-left: 0.6rem solid #fff;
	border-bottom: 0.375rem solid transparent;
	background: transparent;
	width: 0;
	height: 0;
}

.home-slider-indices .indices a.btn-pause.play:after {
	height: 0;
	width: 0;
	opacity: 0;
}

.home-slider .slide.active .home-slider-desc h1,
.home-slider .slide.active .home-slider-desc p,
.home-slider .slide.active .home-slider-desc div {
	-webkit-transition: -webkit-transform 1600ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1600ms ease-out;
	-moz-transition: -moz-transform 1600ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1600ms ease-out;
	-ms-transition: -ms-transform 1600ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1600ms ease-out;
	-o-transition: -o-transform 1600ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1600ms ease-out;
	transition: transform 1600ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1600ms ease-out;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.home-slider .slide.active .home-slider-desc p {
	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	-ms-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	transition-delay: 800ms;
}


.home-slider .slide.active .home-slider-desc div {
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}



.home-slider .slide.out .home-slider-desc h1,
.home-slider .slide.out .home-slider-desc p,
.home-slider .slide.out .home-slider-desc div,
.home-slider .slide.active.out .home-slider-desc h1,
.home-slider .slide.active.out .home-slider-desc p,
.home-slider .slide.active.out .home-slider-desc div {
	-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1000ms ease-out;
	-moz-transition: -moz-transform 1000ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1000ms ease-out;
	-ms-transition: -ms-transform 1000ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1000ms ease-out;
	-o-transition: -o-transform 1000ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1000ms ease-out;
	transition: transform 1000ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1000ms ease-out;
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0;
	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	-ms-transition-delay: 0ms;
	-o-transition-delay: 0ms;
	transition-delay: 0ms;
}

.home-slider .slide.out .home-slider-desc div,
.home-slider .slide.active.out .home-slider-desc div {
	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	-ms-transition-delay: 0ms;
	-o-transition-delay: 0ms;
	transition-delay: 0ms;
}

@-webkit-keyframes scroll-down-line {

	0%,
	20% {
		height: 45%;
		top: -45%;
	}

	80%,
	100% {
		height: 45%;
		top: 145%;
	}
}

@keyframes scroll-down-line {

	0%,
	20% {
		height: 45%;
		top: -45%;
	}

	80%,
	100% {
		height: 45%;
		top: 145%;
	}
}
.slides .slide:last-child .home-slider-desc{
	position: relative;
	top:0;
	height: 200px;
}
.slides .slide:last-child .font1,.slides .slide:last-child .font2,.slides .slide:last-child .font3{
	position: absolute;
	top: 0;
	opacity: 0;
	transition: 1s;
}
.slides .slide:last-child .home-slider-desc p{
	padding-top: 95px;
}