#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;
}


.sec1{
  	margin-top: -8.5em;
}
.sec1 .inner{
  	padding: 4.2% 0;
  	position: relative;
	text-align: center;
}
.sec1 .inner::before{
	background-color: #fff;
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -50%;
	width: 100%;
	height: 8.5em;
	border-top-left-radius: 1.25em;
	border-top-right-radius: 1.25em;
}
.sec1 h5{
	font-size: 1.125em;
	color: #f08300;
	font-weight: 500;
	margin-bottom: 2.3%;
}
.sec1 h3{
	font-size: 3em;
	color: #333;
	font-weight: 500;
	line-height: 1.54;
	margin-bottom: 3.2%;
}
.sec1 p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.78;
	width: 48em;
	max-width: 100%;
	margin: 0 auto;
}
.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{
	position: relative;
	z-index: 1;
	padding: 4.2% 0 4.6875%;
}
.sec2 .inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.sec2 .img-box .box{
	position: relative;
	border-radius: 1.25em;
	overflow: hidden;
	opacity: 0;
	transition: opacity 1s, transform 1s;
}
.sec2.actived .img-box .box{
	opacity: 1;
	transform: translate(0,0);
}
.sec2 .img-box .box1{
	width: 34.375em;
	z-index: 1;
	transform: translate(0,10vh);
}
.sec2 .swiper-pagination{
	bottom: 5%;
}
.sec2 .swiper-pagination .swiper-pagination-bullet{
	width: 0.5em;
	height: 0.5em;
	background-color: #fff;
	border-radius: 0.25em;
	margin: 0 0.25em;
	transition: width 0.5s,opacity 0.5s;
}
.sec2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 2.5em;
}
.sec2 .img-box .box2{
	width: 35.3125em;
	margin-left: 4.6875em;
	margin-top: -23.625em;
	transform: translate(-10%,-10%);
	transition-delay: 0.5s;
}
.sec2 .img-box .box2::before,.sec2 .img-box .box2::after{
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.75s;
}
.sec2 .img-box .box2::before{
	left: 61%;
	top: 62%;
	transform: scale(2.6) rotate(104deg);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38.89 38.89'%3E%3Cstyle%3E.st1%7Bfill:%23177aea%7D%3C/style%3E%3Cpath d='M30.06 25.46c-1.37-.47-2.65-.43-3.83-.13l.01-.01s-.01.01-.03.02c-.45.12-.88.27-1.28.47-.23.11-.48.2-.73.26-1.92.43-4.61.27-5.45-3.68a5.27 5.27 0 0 1 0-2.13c.1-.48.19-1.07.19-1.48 0-1.21-.3-2.36-.84-3.36h.01s0-.01-.01-.01a8.1 8.1 0 0 0-.53-.85c-.56-1.12-1.05-3.09 1.45-4.44.41-.22.86-.36 1.33-.44a4.87 4.87 0 0 0 4.02-4.9C24.32 2.22 22.25.12 19.69.02a4.872 4.872 0 0 0-4.51 7.14l.01.01c.04.08.09.15.13.22.39.73 1.21 3.02-2.82 3.99-.47.11-.95.17-1.43.22-3.62.31-6.47 3.3-6.57 6.98-.11 4.05 3.19 7.43 7.24 7.41.47 0 .93-.05 1.37-.13 2.89-.57 5.82.94 6.98 3.65.41.97.78 2.15 1.07 3.59l.01-.01c.53 3.29 3.37 5.8 6.8 5.8 3.65 0 6.63-2.83 6.88-6.42.2-3.14-1.81-5.99-4.79-7.01' fill='%23177aea'/%3E%3Cpath class='st1' d='M35.29 15.56c0 2.5-2.03 4.53-4.53 4.53-2.5 0-4.53-2.03-4.53-4.53s2.03-4.53 4.53-4.53c2.5.01 4.53 2.03 4.53 4.53M13.09 36.36c0 1.39-1.13 2.52-2.52 2.52-1.39 0-2.52-1.13-2.52-2.52 0-1.39 1.13-2.52 2.52-2.52 1.4 0 2.52 1.13 2.52 2.52'/%3E%3C/svg%3E");
	transition-delay: 1s;
}
.sec2 .img-box .box2::after{
	left: 38%;
	top: 82%;
	width: 100%;
	height: 100%;
	transform: scale(2.25) rotate(119deg);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38.89 38.89'%3E%3Cstyle%3E.st1%7Bfill:%2321aeff%7D%3C/style%3E%3Cpath d='M30.06 25.46c-1.37-.47-2.65-.43-3.83-.13l.01-.01s-.01.01-.03.02c-.45.12-.88.27-1.28.47-.23.11-.48.2-.73.26-1.92.43-4.61.27-5.45-3.68a5.27 5.27 0 0 1 0-2.13c.1-.48.19-1.07.19-1.48 0-1.21-.3-2.36-.84-3.36h.01s0-.01-.01-.01a8.1 8.1 0 0 0-.53-.85c-.56-1.12-1.05-3.09 1.45-4.44.41-.22.86-.36 1.33-.44a4.87 4.87 0 0 0 4.02-4.9C24.32 2.22 22.25.12 19.69.02a4.872 4.872 0 0 0-4.51 7.14l.01.01c.04.08.09.15.13.22.39.73 1.21 3.02-2.82 3.99-.47.11-.95.17-1.43.22-3.62.31-6.47 3.3-6.57 6.98-.11 4.05 3.19 7.43 7.24 7.41.47 0 .93-.05 1.37-.13 2.89-.57 5.82.94 6.98 3.65.41.97.78 2.15 1.07 3.59l.01-.01c.53 3.29 3.37 5.8 6.8 5.8 3.65 0 6.63-2.83 6.88-6.42.2-3.14-1.81-5.99-4.79-7.01' fill='%2321aeff'/%3E%3Cpath class='st1' d='M35.29 15.56c0 2.5-2.03 4.53-4.53 4.53-2.5 0-4.53-2.03-4.53-4.53s2.03-4.53 4.53-4.53c2.5.01 4.53 2.03 4.53 4.53M13.09 36.36c0 1.39-1.13 2.52-2.52 2.52-1.39 0-2.52-1.13-2.52-2.52 0-1.39 1.13-2.52 2.52-2.52 1.4 0 2.52 1.13 2.52 2.52'/%3E%3C/svg%3E");
	transition-delay: 1.25s;
}
.sec2.actived .img-box .box2::before,.sec2.actived .img-box .box2::after{
	opacity: 1;
	animation-timing-function: linear;
	animation-direction:alternate;
	animation-iteration-count: infinite;
	animation-duration: 40s;
}
.sec2.actived .img-box .box2::before{
	animation-name: wave5;
}
.sec2.actived .img-box .box2::after{
	animation-name: wave6;
}
.sec2 .text-box{
	width: 45%;
	transform: translate(50%,0);
	transition: transform 1s,opacity 1s;
	opacity: 0;
}
.sec2.actived .text-box{
	opacity: 1;
	transform: translate(0,0);
}
.sec2 .text-box h5{
	font-size: 1.125em;
	color: #f08300;
	font-weight: 500;
}
.sec2 .text-box h3{
	font-size: 3em;
	color: #333;
	font-weight: 500;
	line-height: 1.5625;
	margin: 5.6% 0 7.9%;
}
.sec2 .text-box p{
	font-size: 1.125em;
	color: #333;
	line-height: 1.78;
	text-align: justify;
}
.sec2 .text-box .line{
	width: 100%;
	height: 1px;
	background-color: #d5dff0;
	margin: 6.5% 0 6%;
}
.sec2 .text-box li{
	font-size: 1.125em;
	color: #333;
	font-weight: 500;
	padding-left: 1.67em;
	line-height: 1.5;
}
.sec2 .text-box li + li{
	margin-top: 0.78em;
}
.sec2 .text-box li::before{
	margin-right: 0.84em;
	margin-left: -1.67em;
	content: "";
	width: 0.83em;
	height: 0.83em;
	display: inline-block;
	vertical-align: baseline;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='%23177aea'%3E%3Cpath d='M516.557 961.434c-24.064 0-46.695-9.37-63.693-26.368l-77.926-77.927H264.704c-49.664 0-90.112-40.397-90.112-90.112V656.794l-77.926-77.927c-16.999-16.998-26.368-39.629-26.368-63.693s9.37-46.694 26.368-63.692l77.926-77.927V263.322c0-49.664 40.397-90.112 90.112-90.112h110.234l77.926-77.927c16.998-16.998 39.629-26.368 63.693-26.368s46.694 9.37 63.693 26.368l77.926 77.927H768.41c49.664 0 90.112 40.396 90.112 90.112v110.233l77.926 77.927c35.123 35.123 35.123 92.262 0 127.436l-77.926 77.927v110.233c0 49.664-40.397 90.112-90.112 90.112H658.176l-77.926 77.927a89.667 89.667 0 0 1-63.693 26.317zM264.704 234.65c-15.82 0-28.672 12.85-28.672 28.672v122.93c0 8.142-3.226 15.975-9.011 21.71l-86.887 86.937c-5.427 5.427-8.396 12.595-8.396 20.275s2.97 14.848 8.396 20.276l86.938 86.937a30.653 30.653 0 0 1 9.011 21.709v122.931c0 15.821 12.851 28.672 28.672 28.672h122.931c8.141 0 15.975 3.226 21.71 9.011l86.937 86.938a28.416 28.416 0 0 0 20.275 8.397c7.629 0 14.848-2.97 20.275-8.397l86.938-86.938a30.653 30.653 0 0 1 21.709-9.01h122.93c15.822 0 28.673-12.852 28.673-28.673V644.096c0-8.14 3.225-15.974 9.011-21.709l86.938-86.937c11.161-11.162 11.161-29.338 0-40.55l-86.938-86.938a30.653 30.653 0 0 1-9.011-21.71v-122.93c0-15.821-12.851-28.672-28.672-28.672H645.53a30.566 30.566 0 0 1-21.71-9.012l-86.988-86.886a28.416 28.416 0 0 0-20.275-8.397c-7.68 0-14.848 2.97-20.275 8.397l-86.887 86.886a30.653 30.653 0 0 1-21.709 9.012H264.704z'/%3E%3Cpath d='M478.31 640.614a55.573 55.573 0 0 1-41.37-18.432l-85.913-95.385a30.694 30.694 0 0 1 2.253-43.367 30.694 30.694 0 0 1 43.366 2.253L478.003 576 628.43 387.072a30.746 30.746 0 0 1 43.161-4.915 30.746 30.746 0 0 1 4.916 43.161L521.83 619.571c-10.188 12.851-25.497 20.48-41.881 20.992-.512.051-1.075.051-1.639.051z'/%3E%3C/svg%3E");
	background-size: contain;
	background-position: center center;
}
.sec2 .text-box li b{
	vertical-align: middle;
	font-weight: inherit;
}
.sec2 .text-box li span{
	display: inline-block;
	vertical-align: middle;
	width: 0.85em;
	margin-left: -0.85em;
}





.sec3{
	padding: 4.6875% 0 11.09375%;
}
.sec3 .title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	margin-bottom: 7.35%;
}
.sec3 .title{
	transition: transform 1s,opacity 1s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec3.actived .title{
	opacity: 1;
	transform: translate(0,0);
}
.sec3 .title h3{
	font-size: 3em;
	color: #333;
	font-weight: 500;
}
.sec3 .title .flex-box{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
}
.sec3 .title .icon{
	border-radius: 50%;
	width: 4.625em;
	height: 4.625em;
	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");
	margin-right: 1.375em;
}
.sec3 .title p{
	font-size: 1.125em;
	line-height: 1.56;
	color: #333;
}
.sec3 ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}
.sec3 ul{
	transition: transform 1s,opacity 1s;
	opacity: 0;
	transform: translate(0,10vh);
}
.sec3 ul.actived{
	opacity: 1;
	transform: translate(0,0);
}
.sec3 li{
    text-align: center;
}
.sec3 li.tri img{
    width: 1em;
}
.sec3 li .icon{
	width: 2.5em;
	margin-bottom: 2.5em;
}
.sec3 li h5{
	font-size: 1.5em;
	color: #333;
	font-weight: normal;
}

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



	#bgimg{
		display: none;
	}


	.sec1{
	  	margin-top: -1.25em;
	}
	.sec1 .inner{
	  	padding: 15% 0 5%;
	}
	.sec1 .inner::before{
		display: none;
	}
	.sec1 h5{
		font-size: 0.875em;
		margin-bottom: 2.3%;
	}
	.sec1 h3{
		font-size: 1.5em;
		margin-bottom: 3.2%;
	}
	.sec1 p{
		font-size: 0.875em;
	}




	.sec2{
		padding: 5% 0;
	}
	.sec2 .inner{
		display: block;
	}
	.sec2 .img-box .box{
		border-radius: 0.625em;
	}
	.sec2 .img-box .box1{
		width: 90%;
	}
	.sec2 .swiper-pagination{
		font-size: 0.75em;
	}
	.sec2 .img-box .box2{
		width: 90%;
		margin-left: 10%;
		margin-top: -66%;
	}
	.sec2 .text-box{
		margin-top: 10%;
		width: 100%;
		transform: translate(0,10vh);
	}
	.sec2 .text-box h5{
		font-size: 0.875em;
	}
	.sec2 .text-box h3{
		font-size: 1.5em;
		margin: 5% 0;
	}
	.sec2 .text-box p{
		font-size: 0.875em;
	}
	.sec2 .text-box .line{
		margin: 5% 0;
	}
	.sec2 .text-box li{
		font-size: 0.875em;
	}





	.sec3{
		padding: 5% 0 10%;
	}
	.sec3 .title{
		margin-bottom: 10%;
	}
	.sec3 .title h3{
		font-size: 1.5em;
	}
	.sec3 .title .flex-box{
		font-size: 0.625em;
	}
	.sec3 ul{
	    align-items: flex-start;
	}
    .sec3 li .icon{
    	width: 1.5em;
    	margin-bottom: 1em;
    }
    .sec3 li h5{
    	font-size: 1em;
    	max-width: 5em;
    	line-height: 1.2;
    }
}