﻿/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
/*banner */
.index_main{
	background: #ffffff;
}
.index_main .section1{
	position: relative;
}
.index_main .section1 .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
	position: relative;
}
.index_main .section1 .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
.index_main .section1 .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 0;
}
.index_main .section1 .index_banner .items:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/*background: rgba(0,0,0,0.2);*/
}
.index_main .section1 .index_banner .item .inner .block_txt{
	position: absolute;
	top: 30%;
	right:0;
	left:0;
	opacity: 0; 
        width:680px;
        margin:0 auto;
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}
.index_main .section1 .index_banner .item.active .inner .block_txt{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}

.index_main .section1 .slick_txt{
	width:30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease; 
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}

.slick-slider{
       cursor:pointer;
}


@media only screen and (max-width: 799px){
	.slick-list{
        height:100%;
        overflow:hidden;

}
.isSafari{
       height:calc(100vh - 115px);
bottom:0;
}
/*banner背景图片动画*/
	@-webkit-keyframes scale-bg {
	from {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
to {
	-webkit-transform:scale(1);
	transform:scale(1);
}
}
@keyframes scale-bg {
	from {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
to {
	-webkit-transform:scale(1);
	transform:scale(1);
}
}
/*banner*/
	.index_main {
	background: #ffffff;
	
}
.index_main .section1 {
	position: relative;
        z-index:1;
        top:0;
}
.index_main .section1 .index_banner .item {
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
	position: relative;
}
.index_main .section1 .index_banner .item.slick-current .scaleBg {
	visibility: visible;
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
.index_main .section1 .index_banner .items {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	z-index:-999;
bottom:0;
}

.index_main .section1 .index_banner .items:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/*background: rgba(0,0,0,0.2);*/
	
}
.index_main .section1 .index_banner .isSafari{
	height:calc(100vh-115px) !important;
}
.index_main .section1 .index_banner .isSafari:after{
	height:calc(100vh - 115px);
}
.index_main .section1 .index_banner .item .inner {
	width:1050px;
	margin:0 auto;
}
.index_main .section1 .index_banner .item .inner .block_txt {
	position: absolute;
	top:30%;
	width:80%;
	margin:0 auto;
	/*left:-700px;*/
	opacity: 0;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
        padding-left:22px;
}
.index_main .section1 .index_banner .item.active .inner .block_txt {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms;
}

.index_main .section1 .slick_txt {
	width:30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}
.index_main .section1 .left {
	left: 0;
}
.index_main .section1 .right {
	right:0;
}
.index_main .section1 .slick_txt:hover .slick_arrow {
	opacity: 1;
	visibility: visible;

}
.index_main .section1 .slick_txt .slick_arrow {
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 0;
	visibility: hidden;
}

.slick-dots{ display:none!important;}

}