#bgimg{
	position: absolute;
	left: -9.948%;
	top: 0;
	width: 119.896%;
	animation: bglogomove 20s linear infinite;
	margin-top: 30%;
	pointer-events: none;
	z-index: 1;
}

.section{
  	position: relative;
}
.section .inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 3.4375%;
	padding-right: 3.4375%;
	color: #333;
}
.section:nth-child(odd) .inner{
	flex-direction: row-reverse;
}
.section:nth-child(even) .inner{
	flex-direction: row;
}
.section .img-box .box{
	position: relative;
	border-radius: 1.25em;
	overflow: hidden;
	opacity: 0;
	transition: opacity 1s, transform 1s;
}
.section.actived .img-box .box{
	opacity: 1;
	transform: translate(0,0);
}
.section .img-box .box1{
	width: 33.875em;
	z-index: 1;
	transform: translate(0,10vh);
}
.section .img-box .box2{
	width: 32em;
	margin-left: 5.3125em;
	margin-top: -19.875em;
	transform: translate(-10%,-10%);
	transition-delay: 0.5s;
}
.section .img-box .box2::before,.section .img-box .box2::after{
	content: "";
	position: absolute;
	opacity: 0;
	transition: opacity 0.75s;
	border-radius: 50%;
}
.section .img-box .box2::before{
	width: 133.8%;
	padding-top: 133.8%;
	left: 64.26%;
	top: 44.92%;
	background-color: #177aea;
}
.section .img-box .box2::after{
	width: 88%;
	padding-top: 88%;
	left: 26.76%;
	top: 76.74%;
	background-color: #21aeff;
}
.section.actived .img-box .box2::before,.section.actived .img-box .box2::after{
	opacity: 1;
	animation-timing-function: linear;
	animation-direction:alternate;
	animation-iteration-count: infinite;
	animation-duration: 20s;
}
.section.actived .img-box .box2::before{
	animation-name: wave1;
}
.section.actived .img-box .box2::after{
	animation-name: wave2;
}
.section .text-box{
	transition: transform 1s,opacity 1s;
	opacity: 0;
}
.section:nth-child(odd) .text-box{
	transform: translate(15vw,0);
}
.section:nth-child(even) .text-box{
	transform: translate(-15vw,0);
}
.section.actived .text-box{
	opacity: 1;
	transform: translate(0,0);
}
.section .text-box h3{
	font-size: 1.125em;
	color: #f08300;
	font-weight: 500;
	margin-bottom: 1.89em;
}
.section .text-box h4{
	font-size: 3em;
	font-weight: 500;
}
.section .text-box p{
	font-size: 1.125em;
}
.section .text-box p b{
	font-weight: 500;
}
.section .text-box p.dot{
	padding-left: 1em;
}
.section .text-box p.dot b{
	display: inline-block;
	vertical-align: baseline;
	width: 1em;
	margin-left: -1em;
	font-weight: bold;
}


.sec1{
  	margin-top: -8.5em;
}
.sec1 .inner{
	padding-top: 8.4375%;
	padding-bottom: 4.27%;
	position: relative;
}
.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 .text-box h4{
	margin-bottom: 1.45em;
}
.sec1 .text-box ul{
	width: 100%;
	display: table;
	border-bottom: 1px solid #ccc;
}
.sec1 .text-box ul:last-child{
	border-bottom: 0 none;
}
.sec1 .text-box li{
	display: table-cell;
	padding: 1.5em 0;
}
.sec1 .text-box li:nth-child(1){
	width: 13.75em;
}
.sec1 .text-box p{
	line-height: 1.89;
	margin-bottom: 0.78em;
}
.sec1 .text-box p:last-child{
	margin-bottom: 0;
}


.sec2{
	padding-top: 4.27%;
	padding-bottom: 7.4%;
}
.sec2 .text-box h4{
	margin-bottom: 1.45em;
}
.sec2 .text-box p{
	font-size: 1.375em;
	margin-bottom: 2em;
}
.sec2 .text-box p:last-child{
	margin-bottom: 0;
}


.sec3{
	padding-top: 7.4%;
	padding-bottom: 7.4%;
}
.sec3 .inner{
	align-items: flex-start;
}
.sec3 .text-box{
	width: 36.25em;
}
.sec3 .text-box h4{
	margin-bottom: 1em;
}
.sec3 .text-box p{
	margin-bottom: 0.5em;
	line-height: 1.56;
}
.sec3 .text-box p:last-child{
	margin-bottom: 0;
}
.sec3 .text-box ul{
	border-top: 1px solid #ccc;
	padding-top: 1.75em;
	margin-top: 2.125em;
}
.sec3 .text-box li:first-child{
	float: left;
}
.sec3 .text-box li:last-child{
	float: right;
}
.sec3 .text-box li p{
	line-height: 1.78;
	margin-bottom: 0;
}
.sec3 .inner.contact{
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-top: 5.2%;
    padding-top: 2.6%;
    border-top: 1px solid #ccc;
}
.sec3 .contact .flex-box{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}
.sec3 .contact .icon{
	border-radius: 50%;
	width: 3.1em;
	height: 3.1em;
	background-repeat: no-repeat;
	background-color: #e7f2ff;
	background-position: center center;
	background-size: auto 58.1%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 859.8 841.9'%3E%3Cstyle%3E.st0%7Bfill:%232c70b8%7D.st1%7Bfill:%233ea1db%7D%3C/style%3E%3Cpath class='st0' d='M441.5 369.4c97-7.2 170.5-90.4 165.7-187.5-4.8-97.2-86.1-172.8-183.4-170.4-97.2 2.4-174.7 81.9-174.8 179.1.1 49.8 20.9 97.3 57.3 131.2 36.6 33.9 85.5 51.1 135.2 47.6z'/%3E%3Cpath class='st1' d='M264.3 427.4c-2.3-8.7-10.2-14.8-19.2-14.7-52.8-1.3-101.1-5.2-135.4 75.8C80 559.1 50 731.4 38.7 800.8c-1.2 7.4.9 15 5.8 20.7 4.9 5.7 12 9 19.5 9h262.4c7.8 0 15.2-3.6 20-9.7 4.8-6.1 6.6-14.1 4.9-21.7l-87-371.7z'/%3E%3Cpath class='st0' d='M516 526.3l-70.4-92c-3.9-5.1-9.9-8-16.3-8s-12.4 3-16.3 8l-70.4 92c-3.4 4.2-4.7 9.7-3.5 15l65.8 270.1c2.7 11.2 12.7 19.1 24.3 19.1 11.5 0 21.5-7.9 24.3-19.1l65.9-270c1.2-5.3 0-10.9-3.4-15.1z'/%3E%3Cpath class='st1' d='M819.1 800.6c-11.3-69.5-41.3-241.9-71.2-312.2-34.3-81.1-82.7-77.2-135.4-75.8-9 0-16.9 6.1-19.2 14.8l-87.1 371.5c-1.9 7.6-.1 15.7 4.7 21.9 4.9 6.2 12.3 9.8 20.2 9.8h262.4c7.6.1 14.9-3.2 19.9-9 4.9-5.8 7-13.5 5.7-21z'/%3E%3C/svg%3E");
}
.sec3 .contact p{
	font-size: 1.625em;
	line-height: 1.56;
	color: #333;
	margin-left: 1em;
}
@media only screen and (max-width:1024px){
	#bgimg{
		display: none;
	}

	.section .inner{
		display: block;
		padding-left: 0%;
		padding-right: 0%;
	}
	.section .img-box .box{
		border-radius: 0.625em;
	}
	.section .img-box .box1{
		width: 90%;
	}
	.section .img-box .box2{
		width: 90%;
		margin-left: 10%;
		margin-top: -56%;
	}
	.section .text-box{
		margin-bottom: 10%;
	}
	.section:nth-child(odd) .text-box{
		transform: translate(0,10vh);
	}
	.section:nth-child(even) .text-box{
		transform: translate(0,10vh);
	}
	.section.actived .text-box{
		transform: translate(0,0);
	}
	.section .text-box h3{
		font-size: 0.875em;
	}
	.section .text-box h4{
		font-size: 1.5em;
	}
	.section .text-box p{
		font-size: 0.875em;
	}

	.sec1{
	  	margin-top: -1.25em;
	}
	.sec1 .inner{
		padding-top: 15%;
		padding-bottom: 7.5%;
	}
	.sec1 .inner::before{
		display: none;
	}
	.sec1 .text-box h4{
		margin-bottom: 1em;
	}
	.sec1 .text-box li{
		padding: 1em 0;
	}
	.sec1 .text-box li:nth-child(1){
		width: 8em;
	}


	.sec2{
		padding-top: 7.5%;
		padding-bottom: 7.5%;
	}
	.sec2 .text-box h4{
		margin-bottom: 1em;
	}
	.sec2 .text-box p{
		font-size: 0.875em;
		line-height: 1.56;
		margin-bottom: 0.5em;
	}

    .sec3{
        padding-bottom: 10%;
    }
	.sec3 .text-box{
		width: 100%;
	}
	.sec3 .text-box li:first-child{
		float: none;
	}
	.sec3 .text-box li:last-child{
		float: none;
	}
    .sec3 .inner.contact{
        display: flex;
        margin-top: 10%;
        padding-top: 5%;
		font-size: 0.625em;
    }
    .sec3 .contact .flex-box{
        display: block;
    }
    .sec3 .contact .icon{
    	width: 4.625em;
    	height: 4.625em;
    	margin-right: 1.375em;
    }
    .sec3 .contact p{
    	font-size: 1.125em;
    	margin-left: 0;
    }
}