.banner{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding-top: 100px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.banner.hide{
	top: -100%;
}
.banner .swiper-container{
	height: 100%;
}
.banner .swiper-slide img{
	height: 100%;
	width: 100%;
}
.banner .swiper-slide img.text{
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	opacity: 0;
}
.banner .swiper-slide.active img.text{
	opacity: 1;
}
.banner .swiper-slide img.effect{
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s 0.5s;
	-webkit-transition: all 0.5s 0.5s;
	opacity: 0;
	transform: rotateY(-90deg);
	-webkit-transform: rotateY(-90deg);
	transform-origin: left center;
	-webkit-transform-origin: left center;
}
.banner .swiper-slide.active img.effect{
	opacity: 1;
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}
.banner .page-box{
	position: absolute;
	right: 50px;
	bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
}
.banner .page-box .swiper-button-prev,.banner .page-box .swiper-button-next{
	position: relative;
	width: 12px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: 0;
}
.banner .page-box .swiper-button-prev{
	background-image: url(../images/banner_prev.png);
	left: 0;
	margin-right: 25px;
}
.banner .page-box .swiper-pagination{
	position: relative;
}
.banner .page-box .swiper-pagination .swiper-pagination-bullet{
	opacity: 0.5;
	background-color: #fff;
	margin: 0 5px;
}
.banner .page-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity: 1;
}
.banner .page-box .swiper-button-next{
	background-image: url(../images/banner_next.png);
	right: 0;
	margin-left: 25px;
}
.sec1{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
}
.sec1.hide{
	top: 100%;
}
.sec1 .left{
	width: 50%;
	height: 100%;
}
.sec1 .right{
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
}
.sec1 .box{
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
.sec1 .box.one{
	height: 100%;
	background-image: url(../images/sec1_img1_web.jpg);
}
.sec1 .box.two{
	height: 50%;
	background-image: url(../images/sec1_img2_web.jpg);
}
.sec1 .box.three{
	height: 50%;
	background-image: url(../images/sec1_img3_web.jpg);
}
.sec1 .box .cover{
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	-webkit-flex-direction: column;
	background-color: rgba(0,0,0,0.6);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.sec1 .box:hover .cover{
	bottom: 0;
}
.sec1 .box .cover h5{
	font-size: 24px;
	color: #fff;
	font-family: "sy-l";
	font-weight: lighter;
	margin-bottom: 14px;
}
.sec1 .box .cover p{
	font-size: 16px;
	color: #fff;
	font-family: "itc-bk";
	transition: all 0.5s 0.3s ease-out;
	-webkit-transition: all 0.5s 0.3s ease-out;
	position: relative;
	top: 10px;
}
.sec1 .box:hover .cover p{
	top: 0;
}

@media only screen and (max-width:1366px){
	.sec1 .box{
		background-size: auto auto;
	}
}
@media only screen and (max-width:1200px){
}
@media only screen and (max-width:1025px){
	.header.hide{
		top: 0;
	}
	.banner{
		padding-top: 3.125rem;
		position: relative;
		height: auto;
	}
	.banner.hide{
		top: 0;
	}
	.banner .swiper-slide img{
		height: auto;
	}
	.banner .page-box{
		right: 0;
		width: 100%;
		bottom: 1.25rem;
	}
	.banner .page-box .swiper-button-prev,.banner .page-box .swiper-button-next{
		width: 0.375rem;
		height: 0.625rem;
	}
	.banner .page-box .swiper-button-prev{
		margin-right: 0.75rem;
	}
	.banner .page-box .swiper-pagination .swiper-pagination-bullet{
		margin: 0 0.15625rem;
		width: 0.25rem;
		height: 0.25rem;
	}
	.banner .page-box .swiper-button-next{
		margin-left: 0.75rem;
	}
	.sec1{
		position: relative;
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	.sec1.hide{
		top: 0%;
	}
	.sec1 .left{
		width: 100%;
		height: 65%;
	}
	.sec1 .right{
		width: 100%;
		height: 35%;
		flex-direction: row;
		-webkit-flex-direction: row;
	}
	.sec1 .box{
		background-image: none;
		overflow: hidden;
	}
	.sec1 .box > img{
		width: 100%;
	}
	.sec1 .box.one{

	}
	.sec1 .box.two{
		height: 100%;
		width: 50%;
	}
	.sec1 .box.three{
		height: 100%;
		width: 50%;
	}
	.sec1 .box .cover h5{
		font-size: 1rem;
		margin-bottom: 0.625rem;
	}
	.sec1 .box .cover p{
		font-size: 0.75rem;
	}
}
@media only screen and (max-width:767px){
	
}
@media only screen and (max-width:414px){
	
}
@media only screen and (max-width:320px){
	
}