.index.loaded {
	visibility: visible;
	height: 620px;
}
.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.index .s2 .items {
	left: 50%;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	margin-left: -700px;
	z-index: 2;
	height: 530px
}
@media screen and (max-width: 1366px) .index .s2 .items {
 margin-left: -600px;
}
.index .s2 .items .containerhdp {
	position: absolute;
	top: 60%;
	transition: all 1.2s ease-out;
	-webkit-transition: all 1.2s ease-out;
	transform: translateX(100%) translateY(-50%);
	-webkit-transform: translateX(100%) translateY(-50%);
	padding-bottom: 0px;
	perspective-origin: center;
	perspective: 5000px;
}
.index .s2 .items .item {
	float: left;
	margin-right: 82px;
	position: relative;
	transform-origin: center;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
}
@media screen and (max-width: 1440px) .index .s2 .items .item {
 margin-right: 60px;
}
.index .s2.active .items .item {
	-webkit-animation: flyIn3d 0.75s ease-out;
	animation: flyIn3d 0.75s ease-out;
	opacity: 1;
	visibility: visible;
}
.index .s2.active .items .item:hover{
transform: scale(1.1);
}
.coverbg {
	background-size: cover;
	background-position: center;
}
.index .s2 .items .item .con {
	width: 280px;
	padding-bottom: 138.835%;
	height: 0;
}
.index .s2 .items .item p {
    position: absolute;
    bottom: 0px;
    left: -35px;
    color: #fff;
}
.index .s2 .controls {
	position: absolute;
	top: 80vh;
	margin-top: 266px;
	width: 100%;
	left: 0;
	margin-top: 52px;
	max-width: 1360px;
}
.index .s2 .controls .btns {
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-right: 0;
	display: inline-block;
	overflow: hidden;
}
.index .s2 .controls .btns .btn {
	display: block;
	float: left;
	width: 60px;
	line-height: 60px;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	font-size: 18px;
	color: #fff;
	transition: color 0.2s ease-out;
	-webkit-transition: color 0.2s ease-out;
	position: relative;
}
.webcss .index .s2 .controls .btns .btn{
width: 90px;
    padding: 15px;
}
.webcss .index .s2 .controls .btns .btn{
	margin-top:0px;
}
.index .s2 .controls .btns .btn img {
    width: 22px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.index .s2 .controls p {
	position: absolute;
	right: 0;
	bottom: 24px;
	color: rgba(255, 255, 255, 0.97);
}
.index .s2 .controls:after {
	content: '';
	position: absolute;
	left: 120px;
	right: 0;
	margin-left: 30px;
	bottom: 1px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.index .s2 .items .item {
	margin-right: 60px;
}
.index .s2 .items .item .con {
	width: 380px;
}
.index .s2 .nav li span {
	width: auto;
}
.index .s2 .items {
	margin-left: -600px;
}
.index .s2 .controls {
	max-width: 1360px;
}
.webcss .index .s2 .items{
height: 420px;
}
body.webcss .index .s2 .controls {
    top: 68vh !important;
}