.banner{
	text-align: center;
	position: relative;
}
.banner .bg{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-transition: transform 5s linear;
	transition: transform 5s linear;
}
.banner.actived .bg{
	-webkit-transform: scale(1);
	transform: scale(1);
}
.banner .inner{
	position: absolute;
	top: 46.3%;
	left: 0;
	right: 0;
}
.banner h1{
	font-size: 2.625em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 7%;
	-webkit-transform: translateY(10vh);
	transform: translateY(10vh);
	opacity: 0;
	-webkit-transition: transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s;
}
.banner .inner.actived h1{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.banner h1 span{
	margin: 0 0.5em;
	vertical-align: text-bottom;
	position: relative;
	top: -0.1em;
}
.banner .tab-control{
	border-bottom: 1px solid rgba(255,255,255,0.5);
	display: inline-block;
	vertical-align: top;
	opacity: 0;
	-webkit-transition: opacity 1s 0.5s;
	transition: opacity 1s 0.5s;
}
.banner .inner.actived .tab-control{
	opacity: 1;
}
.banner .tab-control a{
	display: inline-block;
	vertical-align: top;
	font-size: 1.125em;
	color: #fff;
	opacity: 0.7;
	padding-bottom: 1.5em;
	position: relative;
	margin-right: 4.1em;
}
.banner .tab-control a:last-child{
	margin-right: 0;
}
.banner .tab-control a.active,.banner .tab-control a:hover{
	opacity: 1;
	font-weight: bold;
}
.banner .tab-control a::after{
	position: absolute;
	left: 0;
	bottom: -1px;
	right: 0;
	content: "";
	background-color: #fff;
	height: 3px;
	opacity: 0;
}
.banner .tab-control a.active::after{
	opacity: 1;
}

.banner .mouse{
	-webkit-animation: 	appearTitleRT 1s infinite ease-in-out;
	-moz-animation: 	appearTitleRT 1s infinite ease-in-out;
	-ms-animation: 		appearTitleRT 1s infinite ease-in-out;
	-o-animation: 		appearTitleRT 1s infinite ease-in-out;
	animation: 			appearTitleRT 1s infinite ease-in-out;
	position: absolute;
	left: 50%;
	bottom: 10%;
	width: 1.5625em;
	margin-left: -0.78125em;
}
@-webkit-keyframes appearTitleRT {
	0%	{ opacity: 0; -webkit-transform: translateY(-20%);}
	100%{ opacity: 1; -webkit-transform: translateY(20%);}
}
@keyframes appearTitleRT {
	0%	{ opacity: 0; transform: translateY(-20%);}
	100%{ opacity: 1; transform: translateY(20%);}
}


@media only screen and (max-width:1024px){
	.banner .inner{
		top: 45%;
	}
	.banner h1{
		font-size: 1.75em;
	}
	.banner .tab-control a{
		font-size: 1.25em;
		padding-bottom: 1em;
		margin-right: 2.2em;
	}
	.banner .tab-control a::after{
		height: 2px;
	}
	.banner .mouse{
		bottom: 5%;
		width: 1.25em;
	}
}