#bgimg{
	left: -32.24%;
	width: 138.802%;
	margin-top: 70%;
	position: absolute;
	top: 0;
	animation: bglogomove 20s linear infinite;
	z-index: -1;
}


.section{
	color: #333;
}
.section h3{
	font-size: 1.125em;
	color: #f08300;
	font-weight: 500;
	margin-bottom: 1em;
}
.section h4{
	font-size: 3em;
	font-weight: 500;
	line-height: 1.5625;
}




.sec1{
  	margin-top: -8.625em;
  	text-align: center;
}
.sec1 .inner{
  	position: relative;
	padding: 5.2% 0 3.03125%;
}
.sec1 .inner::before{
	background-color: #fff;
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -50%;
	width: 100%;
	height: 8.625em;
	border-top-left-radius: 1.25em;
	border-top-right-radius: 1.25em;
}
.sec1 .inner > *{
	position: relative;
}
.sec1 .text-box h3{
	margin-bottom: 2.6em;
}
.sec1 .text-box{
	transition: transform 1s,opacity 1s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec1.actived .text-box{
	opacity: 1;
	transform: translate(0,0);
}



.sec2{
	padding: 2.03125% 0 5.2%;
	overflow: visible;
}
.sec2 .inner{
	transition: transform 1s,opacity 1s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec2 .inner.actived{
	opacity: 1;
	transform: translate(0,0);
}
.sec2 .table-box{
	width: 100%;
	border-radius: 1.25em;
  	box-shadow: 0px 0px 1.25em rgba(0, 0, 0, 0.1);
  	padding: 1.875em 1.75em 2.5em;
  	background-color: #fff;
}
.sec2 table{
	width: 100%;
	font-size: 1.125em;
	text-align: left;
	line-height: 1.5;
}
.sec2 th{
	font-weight: 500;
}
.sec2 th:first-child{
	padding-left: 1.5em;
	line-height: 1.2;
}
.sec2 thead th{
	background-color: #e6e7e9;
	vertical-align: baseline;
	padding-top: 1.4em;
	padding-bottom: 1.4em;
}
.sec2 thead th:first-child{
	border-top-left-radius: 0.56em;
	border-bottom-left-radius: 0.56em;
}
.sec2 thead th:last-child{
	border-top-right-radius: 0.56em;
	border-bottom-right-radius: 0.56em;
}
.sec2 thead td{
	height: 1.5em;
}
.sec2 tbody{
	border-bottom: 1px solid #999;
}
.sec2 tbody:last-child{
	border-bottom: 0 none;
}
.sec2 tbody th,.sec2 tbody td{
	padding-top: 2em;
	padding-bottom: 2em;
	line-height: 1;
}
.sec2 tbody th{
	width: 25%;
	vertical-align: top;
}
.sec2 tbody td{
	vertical-align: top;
	border-left: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	position: relative;
	width: 8.57%;
}
.sec2 tbody tr:last-child td{
	border-bottom: 0 none;
}
.sec2 tbody td:first-child,.sec2 tbody th + td{
	border-left: 0 none;
	width: 15%;
}
.sec2 tbody .bar{
	color: #fff;
	text-align: right;
	font-size: 1.11em;
	width: 0;
	background-image: linear-gradient(to right,  #177aea ,#21aeff);
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.85em;
	z-index: 1;
	overflow: hidden;
	height: 1.7em;
	line-height: 1.7;
	font-weight: 500;
	border-top-left-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
	transition: width 1.5s 0.5s,padding-right 1.5s 0.5s;
}
.sec2 .inner.actived tbody .bar.width1{
	width: 660%;
	padding-right: 1.5em;
}
.sec2 .inner.actived tbody .bar.width2{
	width: 360%;
	padding-right: 1.5em;
}
.sec2 .inner.actived tbody .bar.width3{
	width: 260%;
	padding-right: 1.5em;
}
.sec2 .inner.actived tbody .bar.width4{
	width: 460%;
	padding-right: 1.5em;
}
.sec2 tbody .bar::before,.sec2 tbody .bar::after{
	content: "";
	position: absolute;
	right: 0;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	border-width: 0.85em 0.8em 0.85em 0;
}
.sec2 tbody .bar::before{
	top: -0.8em;
}
.sec2 tbody .bar::after{
	bottom: -0.8em;
}



.sec3{
	padding: 5.2% 0 5.9375%;
}
.sec3 .tab-control{
	border-bottom: 1px solid #ededed;
	margin-bottom: 4.7%;
}
.sec3 .tab-control{
	transition: transform 1s,opacity 1s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec3.actived .tab-control{
	opacity: 1;
	transform: translate(0,0);
}
.sec3 .tab-control a{
	display: inline-block;
	vertical-align: top;
	font-size: 1.5em;
	border-bottom: 2px solid transparent;
	margin-right: 6em;
	padding-bottom: 1.25em;
	margin-bottom: -1px;
}
.sec3 .tab-control a.active,.sec3 .tab-control a:hover{
	font-weight: 500;
	border-color: #333;
}
.sec3 .tab-control a:last-child{
	margin-right: 0;
}
.sec3 .tab-content{
	transition: transform 1s 0.5s,opacity 1s 0.5s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec3.actived .tab-content{
	opacity: 1;
	transform: translate(0,0);
}
.sec3 .tab-content{
	position: relative;
}
.sec3 .content{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.sec3 .content.active{
	position: relative;
}
.sec3 .inner > h4{
	transition: transform 0.5s,opacity 0.5s;
	opacity: 0;
	transform: translate(0,10vh);
	margin-bottom: 7%;
}
.sec3 .inner > h4.actived{
	opacity: 1;
	transform: translate(0,0);
}
.sec3 h3,.sec3 .content h4,.sec3 .text-box{
	transition: transform 0.5s,opacity 0.5s;
	opacity: 0;
	transform: translate(-15vw,0);
}
.sec3 .img-box{
	transition: transform 0.5s,opacity 0.5s;
	opacity: 0;
	transform: translate(15vw,0);
}
.sec3 .content.active h3,.sec3 .content.active h4,.sec3 .content.active .text-box,.sec3 .content.active .img-box{
	opacity: 1;
	transform: translate(0,0);
}
.sec3 .flex-box{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	margin-top: 4%;
}
.sec3 .text-box{
	width: 41.4%;
	padding-left: 2.75em;
}
.sec3 .text-box.nopadding{
	padding-left: 0;
}
.sec3 .text-box li{
	border-bottom: 1px solid #ededed;
	padding-top: 2.125em;
	padding-bottom: 1.625em;
}
.sec3 .text-box li:first-child{
	padding-top: 0;
}
.sec3 .text-box li:last-child{
	border-bottom: 0 none;
	padding-bottom: 0;
}
.sec3 .text-box h5{
	font-size: 1.25em;
	font-weight: 500;
	margin-bottom: 1.1em;
	position: relative;
}
.sec3 .text-box h5 img{
	width: 1.4em;
	position: absolute;
	left: -2.2em;
	top: 50%;
	transform: translateY(-50%);
}
.sec3 .text-box p{
	font-size: 1em;
	line-height: 1.625;
}
.sec3 .text-box.nopadding p{
    line-height: 2;
    font-size: 1.125em;
}
.sec3 .img-box{
	width: 45.588%;
	text-align: center;
}
.sec3 .img-box img{
	mix-blend-mode: multiply;
}
.sec3 .img-box h5{
	font-size: 1.125em;
	color: #177aea;
	font-weight: 500;
	vertical-align: top;
	margin-bottom: 2.4em;
	display: inline-flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	line-height: 1.5;
}
.sec3 .img-box h5 span{
	padding: 0.2em 0.72em;
	display: flex;
	align-items: center;
}
.sec3 .img-box h5 span:first-child{
	background-color: #177aea;
	color: #fff;
	border-top-left-radius: 0.278em;
	border-bottom-left-radius: 0.278em;
	border: 1px solid #177aea;
	flex-shrink: 0;
}
.sec3 .img-box h5 span:last-child{
	border: 1px solid rgba(23,122,234,0.2);
	border-top-right-radius: 0.278em;
	border-bottom-right-radius: 0.278em;
	border-left: 0 none;
}




.sec4{
  	position: relative;
	padding: 5.9375% 0 3.65%;
}
.sec4 .inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
}
.sec4 .img-box .box{
	position: relative;
	border-radius: 1.25em;
	overflow: hidden;
	opacity: 0;
	transition: opacity 1s, transform 1s;
}
.sec4.actived .img-box .box{
	opacity: 1;
	transform: translate(0,0);
}
.sec4 .img-box .box1{
	width: 35.125em;
	z-index: 1;
	transform: translate(0,10vh);
}
.sec4 .img-box .box2{
	width: 35.375em;
	margin-left: 4.6875em;
	margin-top: -24.375em;
	transform: translate(-10%,-10%);
	transition-delay: 0.5s;
}
.sec4 .img-box .box2::before,.sec4 .img-box .box2::after{
	content: "";
	position: absolute;
	opacity: 0;
	transition: opacity 0.75s;
	border-radius: 50%;
}
.sec4 .img-box .box2::before{
	width: 30.875em;
	height: 30.875em;
	left: -3.75em;
	bottom: -20em;
	background-color: #21aeff;
}
.sec4 .img-box .box2::after{
	width: 46.875em;
	height: 46.875em;
	left: 12.25em;
	bottom: -29.625em;
	background-color: #177aea;
}
.sec4.actived .img-box .box2::before,.sec4.actived .img-box .box2::after{
	opacity: 1;
	animation-timing-function: linear;
	animation-direction:alternate;
	animation-iteration-count: infinite;
	animation-duration: 20s;
}
.sec4.actived .img-box .box2::before{
	animation-name: wave1;
}
.sec4.actived .img-box .box2::after{
	animation-name: wave2;
}
.sec4 .text-box{
	width: 44.12%;
}
.sec4 .text-box{
	transition: transform 1s,opacity 1s;
	opacity: 0;
	transform: translate(-15vw,0);
}
.sec4.actived .text-box{
	opacity: 1;
	transform: translate(0,0);
}
.sec4 .text-box h4{
	margin-bottom: 0.46em;
}
.sec4 li{
	border-bottom: 1px solid #ededed;
	padding-top: 2.75em;
	padding-bottom: 2.75em;
}
.sec4 li h5{
	font-size: 1.5em;
	font-weight: 500;
	position: relative;
	cursor: pointer;
}
.sec4 li .cross-box{
	width: 1em;
	height: 1em;
	position: absolute;
	right: 0;
	top: 0;
	transition: transform 0.5s;
}
.sec4 li.active h5 .cross-box{
	transform: rotate(-180deg);
}
.sec4 li .cross-box::before,.sec4 li .cross-box::after{
	background-color: #333;
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	display: block;
}
.sec4 li .cross-box::before{
	width: 0.625em;
	height: 0.08em;
	margin-left: -0.3125em;
	margin-top: -0.04em;
}
.sec4 li .cross-box::after{
	width: 0.08em;
	height: 0.625em;
	margin-left: -0.04em;
	margin-top: -0.3125em;
	transition: opacity 0.5s;
}
.sec4 li.active h5 .cross-box::after{
	opacity: 0;
}
.sec4 li .slide-box{
	margin-top: 2.5em;
	display: none;
}
.sec4 li p{
	font-size: 1.125em;
	line-height: 1.78;
	margin-bottom: 0.67em;
	padding-left: 0.9em;
}
.sec4 li p:last-child{
	margin-bottom: 0;
}
.sec4 li p b{
	display: inline-block;
	vertical-align: baseline;
	width: 0.9em;
	margin-left: -0.9em;
	font-weight: bold;
}



@media only screen and (min-width:1024px){
    
    .sec3 .content:nth-child(4) .img-box,.sec3 .content:nth-child(5) .img-box{
        margin-top: -5%;
    }
}


@media only screen and (max-width:1024px){


	#bgimg{
		display: none;
	}


	.section h3{
		font-size: 0.875em;
	}
	.section h4{
		font-size: 1.5em;
	}




	.sec1{
	  	margin-top: -1.25em;
	}
	.sec1 .inner{
		padding: 7.5% 0;
	}
	.sec1 .inner::before{
		display: none;
	}
	.sec1 .text-box h3{
		margin-bottom: 1.3em;
	}



	.sec2{
		padding: 5% 0 10%;
	}
	.sec2 .scroll-box{
		overflow: auto;
		margin-left: -4vw;
		margin-right: -4vw;
		padding: 4% 0;
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.sec2 .scroll-box::before,.sec2 .scroll-box::after{
		content: "";
		width: 4vw;
		display: block;
		height: 1vw;
		flex-shrink: 0;
	}
	.sec2 .table-box{
		flex-shrink: 0;
		width: 250%;
		border-radius: 0.625em;
	  	box-shadow: 0px 0px 0.625em rgba(0, 0, 0, 0.1);
	  	padding: 0.9375em 0.875em 1.25em;
	}
	.sec2 table{
		width: 100%;
		font-size: 0.75em;
	}


	.sec3{
		padding: 10% 0;
	}
	.sec3 .tab-control{
		overflow-x: auto;
		overflow-y: hidden;
		margin-bottom: 10%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.sec3 .tab-control a{
		font-size: 1em;
		margin-right: 2em;
		flex-shrink: 0;
	}
	.sec3 h3,.sec3 .content h4,.sec3 .text-box{
		transform: translate(0,10vh);
	}
	.sec3 .img-box{
		transform: translate(0,10vh);
	}
	.sec3 .flex-box{
		display: block;
		font-size: 0.75em;
		margin-top: 10%;
	}
	.sec3 .text-box{
		width: 100%;
		margin-bottom: 10%;
	}
	.sec3 .img-box{
		width: 100%;
	}
	.sec3 .img-box h5 span{
		max-width: 15em;
	}




	.sec4{
		padding: 10% 0;
	}
	.sec4 .inner{
		display: block;
	}
	.sec4 .img-box .box{
		border-radius: 0.625em;
	}
	.sec4 .img-box .box1{
		width: 90%;
		margin-right: 10%;
	}
	.sec4 .img-box .box2{
		width: 90%;
		margin-left: 10%;
		margin-top: -66%;
	}
	.sec4 .text-box{
		width: 100%;
		margin-bottom: 15%;
	}
	.sec4 .text-box{
		transform: translate(0,10vh);
	}
	.sec4 li{
		font-size: 0.75em;
	}
}




.sec5{
	position: relative;
	z-index: 1;
	padding: 3.65% 0 8.8%;
}
.sec5 .title{
	margin-bottom: 5%;
}
.sec5 .title{
	transform: translate(0,10vh);
	transition: transform 1s,opacity 1s;
	opacity: 0;
}
.sec5 .title.actived{
	opacity: 1;
	transform: translate(0,0);
}
.sec5 h3{
	font-size: 3em;
	color: #333;
	font-weight: 500;
}
.sec5 .swiper{
	width: 100%;
}
.sec5 .swiper-slide{
	transform: translate(0,10vh);
	transition: transform 1s,opacity 1s;
	opacity: 0;
}
.sec5 .swiper-slide:nth-child(2){
	transition-delay: 0.25s;
}
.sec5 .swiper-slide:nth-child(3){
	transition-delay: 0.5s;
}
.sec5 .swiper.actived .swiper-slide{
	opacity: 1;
	transform: translate(0,0);
}
.sec5 .img-box{
	margin-bottom: 10.8%;
	position: relative;
	overflow: hidden;
}
.sec5 .img-box .img{
	overflow: hidden;
	border-radius: 1.25em;
	position: relative;
}
.sec5 .img-box .img::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	z-index: 1;
	transition: opacity 0.75s;
}
.sec5 .swiper-slide:hover .img-box .img::before{
	opacity: 1;
}
.sec5 .img-box .bg{
	transform: scale(1.03);
	transition: transform 0.75s;
}
.sec5 .swiper-slide:hover .img-box .bg{
	transform: scale(1);
}
.sec5 .arrow-box{
	position: absolute;
	right: -1px;
	bottom: -1px;
	z-index: 2;
	background-color: #fff;
	width: 5em;
	height: 5em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 1.25em;
	transform: translateY(100%);
	transition: transform 0.75s;
}
.sec5 .swiper-slide:hover .arrow-box{
	transform: translateY(0);
}
.sec5 .arrow-box img{
	width: 2em;
}
.sec5 .arrow-box::after,.sec5 .arrow-box::before {
	content:"";
	display:flex;
	width:3em;
	height:3em;
	background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.667 0H0v120h120V97.333H54.667c-17.673 0-32-14.327-32-32V0z' fill='%23fff'/%3E%3C/svg%3E");
	background-size:cover;
	position:absolute
}
.sec5 .arrow-box::before {
	top:-2.375em;
	right:-0.5625em;
	transform: rotate(270deg);
}
.sec5 .arrow-box::after {
	bottom:-0.5625em;
	left:-2.375em;
	transform: rotate(270deg);
}
.sec5 .text-box h4{
	font-size: 1.375em;
	color: #333;
	font-weight: 500;
	text-align: center;
}
@media only screen and (max-width:1024px){
	.sec5{
	    padding: 5% 0 15%;
	}
	.sec5 .title{
		margin-bottom: 10%;
	}
	.sec5 h3{
		font-size: 1.5em;
		margin-bottom: 5%;
	}
	.sec5 .btn_rotate_arrow{
		font-size: 0.875em;
	}
	.sec5 .img-box .img{
		border-radius: 0.625em;
	}
	.sec5 .arrow-box{
		display: none;
	}
	.sec5 .text-box h4{
		font-size: 1.125em;
	}
}