#bgimg{
	left: -32.24%;
	width: 138.802%;
	margin-top: 39%;
}

.section h3{
	margin-bottom: 1.66em;
}
.banner .inner{
	padding-bottom: 21.875em;
}


.sec1 .inner{
	text-align: center;
  	padding: 4.32% 6.5% 5.6%;
}
.sec1 .text-box h4{
	margin-bottom: 4.6%;
}
.sec1 .text-box p{
	font-size: 1.125em;
	line-height: 1.78;
}
.sec1 .text-box{
	transition: transform 1s,opacity 1s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec1 .inner.actived .text-box{
	opacity: 1;
	transform: translate(0,0);
}



.sec2{
	text-align: center;
	padding: 5.6% 0 9.9%;
}
.sec2 .inner{
    width: 102.8125em;
}
.sec2 .text-box{
	margin-bottom: 6.26%;
}
.sec2 .text-box p{
	margin-top: 1em;
	font-size: 1.125em;
	line-height: 1.78;
}
.sec2 .text-box{
	transition: transform 1s,opacity 1s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec2 .text-box.actived {
	opacity: 1;
	transform: translate(0,0);
}
.sec2 .img-box{
	transition: transform 1s,opacity 1s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec2 .img-box.actived {
	opacity: 1;
	transform: translate(0,0);
}





.sec-link .inner{
	justify-content: center;
	padding: 7.4% 0;
}
.sec-link .btn_rotate_arrow{
	width: 30%;
	margin-right: 2em;
}
.sec-link .btn_rotate_arrow:last-child{
	margin-right: 0;
}



@media only screen and (max-width:1024px){
	#bgimg{
		display: none;
	}

	.banner .inner{
		padding-bottom: 4.5em;
	}


	.sec1 .inner{
	  	padding: 15% 0 7.5%;
	}
	.sec1 .text-box p{
		font-size: 0.875em;
	}



	.sec2{
		padding: 7.5% 0 15%;
	}
	.sec2 .text-box{
		margin-bottom: 10%;
	}
	.sec2 .text-box p{
		font-size: 0.875em;
	}




	.sec-link .inner{
		padding: 15% 5%;
	}
	.sec-link .btn_rotate_arrow{
		width: 100%;
		margin-right: 0;
	}
}