section .title{
	text-align:center;
}
section .title h3{
	font-size:3em;
	color:var(--theme-blue);
	line-height:1.33;
}
section .title p{
	font-size:1.5em;
	color:#666;
	line-height:1.42;
	margin-top:1em;
}



.sec1{
	background-color:var(--theme-mint);
	padding:6% 0;
}
.sec1 .inner{
	width:94.375em;
}
.sec1 .title{
	margin-bottom:3em;
}
.sec1 .content{
	display:none;
}
.sec1 .content.active{
	display:block;
}
.sec1 .level1 > .tab-control{
	border-radius:2.5em;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
	padding:0.3125em 0.375em;
	background-color:rgba(255, 255, 255, 0.7);
	margin-bottom:2.8125em;
}
.sec1 .level1 > .tab-control a{
	width:20%;
	height:4.375em;
	border-radius:2.1875em;
	color:#666;
	stroke:#666;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	fill:none;
	padding:0 1em;
}
.sec1 .level1 > .tab-control a.active{
	color:#fff;
	stroke:#fff;
	background-color:var(--theme-blue);
}
.sec1 .level1 > .tab-control a span{
	font-size:1.125em;
	margin-left:1em;
}
.sec1 .level1 > .tab-control a.active span{
	font-weight:500;
}
.sec1 .level1 > .tab-control a svg{
	fill:inherit;
	stroke:inherit;
	width:auto;
	height:1.5em;
	flex-shrink:0;
}
.sec1 .level1 > .tab-control a svg *.inherit{
	fill:#666;
}
.sec1 .level1 > .tab-control a.active svg *.inherit{
	fill:#fff;
}
.sec1 .level2{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
}
.sec1 .level2.reverse{
	flex-direction:row-reverse;
}
.sec1 .level2 .tab-control{
	width:51.1%;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
}
.sec1 .level2.col1 .tab-control{
	width:22.914%;
}
.sec1 .level2 .tab-control a{
	padding:0 1.5em;
	font-size:1.25em;
	width:48.8%;
	height:4em;
	line-height:1.5;
	background-color:#fff;
	border-radius:0.5em;
	margin-bottom:2.3em;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 .level1 .tab-content .content:nth-child(1) .tab-control p{
	margin-bottom:1em;
}
.sec1 .level2 .tab-control a.all{
	width:100%;
}
.sec1 .level2 .tab-control a.active{
	color:#fff;
	background-color:var(--theme-blue);
}
.sec1 .level2 .tab-control a .more{
	flex-shrink:0;
	font-style:normal;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:var(--theme-blue);
	color:#fff;
	border-radius:50%;
	width:1.5em;
	height:1.5em;
	transition:color 0.5s,background-color 0.5s;
}
.sec1 .level2 .tab-control a.active .more{
	color:var(--theme-blue);
	background-color:#fff;
}
.sec1 .level2 .tab-control a .more::before{
    font-family: 'FontAwesome';
    font-weight: normal;
    content:"\f054";
    font-size:0.75em;
    margin-left:0.125em;
}
.sec1 .level2 .img-content{
	width:47.75%;
	border-radius:0.625em;
	overflow:hidden;
	position:relative;
	margin-bottom:3em;
}
.sec1 .level2.col1 .img-content{
	width:74.8344%;
}
.sec1 .level2 .img-content .img-box{
	position:absolute;
	top:0;
	opacity:0;
}
.sec1 .level2 .img-content .img-box.active{
	position:static;
	opacity:1;
}
.sec1 .level2 .tab-content{
	width:100%;
}
.sec1 .level2 .ul1{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 .level2 .ul1 li{
	background-color:#fff;
	border-radius:0.625em;
	width:31.125%;
	overflow:hidden;
	color:#fff;
}
.sec1 .level2 .ul1 .thead{
	background-color:var(--theme-blue);
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
	padding:1.5em 3em;
}
.sec1 .level2 .ul1 h5{
	font-size:1.25em;
	line-height:1.1;
}
.sec1 .level2 .ul1 a{
	flex-shrink:0;
}
.sec1 .level2 .ul1 a span{
	margin-right:0.5em;
	vertical-align:middle;
}
.sec1 .level2 .ul1 a::after{
	font-family: 'FontAwesome';
	content:"\f061";
	font-size:0.75em;
	vertical-align:middle;
}
.sec1 .level2 .ul1 .tbody{;
	padding:1.875em 2.5em 2.75em;
}
.sec1 .level2 .ul1 p{
	color:var(--theme-blue);
	line-height:1.375;
}
.sec1 .level2 .content > ol{
	margin-bottom:2em;
}
.sec1 .level2 .content > ol.half{
	width:47.285%;
}
.sec1 .level2 .content > ol.half:nth-child(odd){
	float:left;
	clear:left;
}
.sec1 .level2 .content > ol.half:nth-child(even){
	float:right;
	clear:right;
}
.sec1 .level2 .content > ol li{
	font-size:1.125em;
	line-height:1.56;
	padding-left:1.67em;
}
.sec1 .level2 .content > ol.small li{
	font-size:1em;
}
.sec1 .level2 .content > ol li span{
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='%230B4CA1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 18H2.25A2.25 2.25 0 0 1 0 15.75V2.25A2.25 2.25 0 0 1 2.25 0h13.5A2.25 2.25 0 0 1 18 2.25v13.5A2.25 2.25 0 0 1 15.75 18zM4.87 8.089L3.375 9.693l3.869 3.79L14.625 6.1l-1.513-1.59-5.885 5.887L4.864 8.09l.006-.001z'/%3E%3C/svg%3E");
	width:1em;
	height:1em;
	margin-left:-1.67em;
	margin-right:0.67em;
	display:inline-block;
	vertical-align:baseline;
}
.sec1 .level2 .content > ol li.half{
	font-size:1em;
	line-height:1.875;
	padding-left:1.875em;
	width:47.95%;
}
.sec1 .level2 .content > ol li.half span{
	width:1.125em;
	height:1.125em;
	margin-left:-1.875em;
	margin-right:0.75em;
	display:inline-block;
	vertical-align:middle;
}
.sec1 .level2 .ul2{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 .level2 .ul2 > li{
	border-radius:0.625em;
	background-color:#fff;
	overflow:hidden;
	padding-top:2em;
	padding-bottom:1.75em;
}
.sec1 .level2 .ul2 > li.col2{
	width:48.6%;
	padding-left:2.5em;
	padding-right:2.5em;
}
.sec1 .level2 .ul2 > li.col3{
	width:32.32%;
	padding-left:2em;
	padding-right:2em;
}
.sec1 .level2 .ul2 h5{
	font-size:1.25em;
	line-height:1.1;
	color:var(--theme-blue);
}
.sec1 .level2 .ul2 .line{
	width:100%;
	height:1px;
	background-color:#c4c4c4;
	margin:1.375em 0 1.25em;
}
.sec1 .level2 .ul2 p{
	line-height:1.875;
}
.sec1 .level2 .ul2 p:has(span){
	padding-left:1em;
}
.sec1 .level2 .ul2 p span{
	display:inline-block;
	width:1em;
	vertical-align:baseline;
	margin-left:-1em;
}
.sec1 .level2 .ul2 p b{
	font-weight:500;
}
.sec1 .level2 .ul2 p b.bold{
	font-weight:bold;
}
.sec1 .level2 .ul2 ol{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
}
.sec1 .level2 .box3{
	background-color:#fff;
	border-radius:0.625em;
	padding:2em;
}
.sec1 .level2 .box3 h5{
	text-align:center;
	font-size:1.25em;
	line-height:1.1;
	margin-bottom:1.4em;
	color:var(--theme-blue);
}
.sec1 .level2 .box3 ul{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
	overflow:hidden;
}
.sec1 .level2 .box3 ul.col3 li{
	width:31.12%;
}
.sec1 .level2 .box3 ul.col3 li:last-child{
	width:32.16%;
}
.sec1 .level2 .box3 ul.col5 li{
	width:18.4%;
}
.sec1 .level2 .box3 h4{
	font-size:1.5em;
	line-height:1.25;
	color:#979797;
}
.sec1 .level2 .box3 .line{
	margin:0.625em 0 0.875em;
	background-color:#d9d9d9;
	width:200%;
	height:1px;
}
.sec1 .level2 .box3 p{
	line-height:1.875;
}
.sec1 .level2 .box3 p.dot{
	padding-left:1em;
}
.sec1 .level2 .box3 p span{
	display:inline-block;
	vertical-align:baseline;
	width:1em;
	margin-left:-1em;
}
.sec1 .level2 .ul3{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 .level2 .ul3 li{
	border-radius:0.625em;
	background-color:#fff;
	padding:2em 1.625em 2.25em;	
	width:19.114%;
}
.sec1 .level2 .ul3 .thead{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 .level2 .ul3 h5{
	font-size:1.25em;
	color:var(--theme-blue);	
	line-height:1.1;
}
.sec1 .level2 .ul3 h4{
	font-size:2.5em;
	color:#d9d9d9;
	line-height:1;
}
.sec1 .level2 .ul3 .line{
	width:100%;
	height:1px;
	background-color:#c4c4c4;
	margin:0.875em 0 1.25em;
}
.sec1 .level2 .ul3 p{
	line-height:1.875;
	padding-left:1em;
}
.sec1 .level2 .ul3 p span{
	display:inline-block;
	vertical-align:baseline;
	width:1em;
	margin-left:-1em;
}
.sec1 .level2 .box4{
	background-color:#fff;
	border-radius:0.625em;
	padding:3em;
}
.sec1 .level2 .box4 .ul2{
	margin-bottom:2.5em;
	overflow:hidden;
}
.sec1 .level2 .box4 .ul2:last-child{
	margin-bottom:0;
}
.sec1 .level2 .box4 .ul2 li{
	padding:0;
	width:33.333%;
	overflow:unset;
}
.sec1 .level2 .box4 .ul2 .line{
	width:100vw;
	position:relative;
}



.sec2{
	background-repeat:no-repeat;	
	background-image:url(../images/service_certificate_sec2_bg.jpg);
	background-size:cover;
	padding:5.2% 0;
	overflow:hidden;
}
.sec2 .inner{
	width:96.25em;
}
.sec2 .title{
	margin-bottom:5em;
}
.sec2 .relative-box{
	position:relative;
}
.sec2 .swiper{
	overflow:visible;
}
.sec2 .swiper-slide{
	overflow:visible;
}
.sec2 .img-box{
	border: 1px solid #E2E2E2;
	border-radius: 0.625em;
	overflow:hidden;
	margin-bottom:1.75em;
	position:relative;
	opacity:0;
}
.sec2 .swiper-slide.swiper-slide-prev .img-box,.sec2 .swiper-slide.swiper-slide-next .img-box,.sec2 .swiper-slide.swiper-slide-active .img-box{
	opacity:1;
}
.sec2 .swiper-slide.swiper-slide-active .img-box{
	box-shadow: 0px 0.25em 1.5625em rgba(0, 0, 0, 0.2);
}
.sec2 .swiper-slide.swiper-slide-prev .img-box img{
	mask-image: linear-gradient(90deg, rgba(227, 236, 242, 0) 0%, rgba(227, 236, 242, 1) 50%);
}
.sec2 .swiper-slide.swiper-slide-next .img-box img{
	mask-image: linear-gradient(270deg, rgba(227, 236, 242, 0) 0%, rgba(227, 236, 242, 1) 50%);
}
.sec2 .swiper-slide p{
	text-align:center;
	font-size:1.5em;
	line-height:1.43;
	opacity:0;
	transition:opacity 0.3s;
}
.sec2 .swiper-slide.swiper-slide-active p{
	opacity:1;
}
.sec2 .swiper-prev,.sec2 .swiper-next{
	position:absolute;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background-color:#fff;
	color:var(--theme-blue);
    width:4em;
    height:4em;
    border-radius:50%;
    cursor:pointer;
    font-family: 'FontAwesome';
    top:50%;
    margin-top:-2em;
    z-index:1;
}
.sec2 .swiper-prev{
	right:100%;
	margin-right:3.125em;
}
.sec2 .swiper-next{
	left:100%;
	margin-left:3.125em;
}
.sec2 .swiper-prev::before,.sec2 .swiper-next::before{
	font-size:1.5em;
}
.sec2 .swiper-prev::before{
	content:"\f060";
}
.sec2 .swiper-next::before{
	content:"\f061";
}


.sec3{
	background-color:var(--theme-mint);
	padding:5.2% 0 7%;
}
.sec3 .inner{
	width:90em;
}
.sec3 .title{
	margin-bottom:5.25em;	
}
.sec3 ul{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
}
.sec3 li{
	width:25%;
	position:relative;
	color:#fff;
	cursor:pointer;
}
.sec3 li .img-box{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	inset:0;
	transition:transform 0.5s;
}
.sec3 li .img-box::before{
	content:"";
	width:100%;
	height:100%;
	background-color:var(--theme-blue);
	z-index:1;
	position:absolute;
	inset:0;
	opacity:0;
	display:block;
	transition:opacity 0.5s;
	border-radius:0.625em;
}
.sec3 li img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	inset:0;
	transition:border-radius 0.5s;
}
.sec3 li:first-child img{
	border-top-left-radius:0.625em;
	border-bottom-left-radius:0.625em;
}
.sec3 li:last-child img{
	border-top-right-radius:0.625em;
	border-bottom-right-radius:0.625em;
}
.sec3 li .text-box{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:column;
	position:relative;
	z-index:2;
	padding:15.03% 7.5% 9.83%;
	height:100%;
	transition:padding 0.5s;
}
.sec3 li h5{
	font-size:1.625em;
	line-height:1.5;
	position:relative;
	padding-bottom:1.2em;
	margin-bottom:16%;
}
.sec3 li h5::before{
	content:"";
	display:block;
	width:2.77em;
	height:1px;
	background-color:#fff;
	position:absolute;
	left:0;
	bottom:0;
}
.sec3 li p{
	line-height:1.75;
	padding-left:1em;
}
.sec3 li p span{
	display:inline-block;
	vertical-align:middle;
	font-size:0.5em;
	width:2em;
	margin-left:-2em;
}
.sec3 li p b{
	color:var(--theme-cyan);
}
.sec3 li .text-box div{
	min-height:8.75em;
}




.sec4{
	padding:5.2% 0 5.73%;
}
.sec4 .inner{
	width:107.1875em;
}
.sec4 .swiper{
	margin:3.125em 0;
}
.sec4 .swiper-slide{
	border-radius:0.625em;
	background-color:#ECF5FB;
	padding: 3.4375em 2.75em 2.75em;
	height:auto;
	pointer-events:none;
}
.sec4 .swiper-slide h5{
	font-size:1.25em;
	line-height:1.5;
	color:#333;
	letter-spacing: -0.11em;
	height:4.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.sec4 .swiper-slide .line{
	width:100%;
	height:1px;
	background-color:rgba(0, 0, 0, 0.1);
	margin:1.5em 0;
}
.sec4 .swiper-slide p{
	color:#999;
	line-height:1.75;
}
.sec4 .swiper-slide > p{
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.sec4 .swiper-slide .flex-box{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
	margin-top:4.375em;
}
.sec4 .swiper-slide .flex-box p{
	color:#666;
}
.sec4 .swiper-slide .flex-box .more{
	pointer-events:auto;
}
.sec4 .swiper-slide .flex-box .more span{
	vertical-align:middle;
	margin-right:0.5em;
}
.sec4 .swiper-slide .flex-box .more::after{
    font-family: 'FontAwesome';
	content:"\f061";
	display:inline-block;
	vertical-align:middle;
}
.sec4 .btn-box{
	display:flex;
	align-items:center;
	justify-content:center;
}
.sec4 .swiper-prev,.sec4 .swiper-next{
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:var(--theme-mint);
	color:var(--theme-blue);
    width:4em;
    height:4em;
    border-radius:50%;
    cursor:pointer;
    font-family: 'FontAwesome';
    margin:0 0.625em;
}
.sec4 .swiper-prev::before,.sec4 .swiper-next::before{
	font-size:1.5em;
}
.sec4 .swiper-prev::before{
	content:"\f060";
}
.sec4 .swiper-next::before{
	content:"\f061";
}



@media only screen and (min-width:1025px){	
	.sec1 .level2 .tab-control a:hover .more{
		color:var(--theme-blue);
		background-color:#fff;
	}
	.sec2 .swiper-prev:hover,.sec2 .swiper-next:hover{
		color:#fff;
		background-color:var(--theme-blue);
	}
	.sec3 li:hover{
		z-index:1;
	}
	.sec3 li:hover .img-box{
		transform:scale(1.156,1.101);
	}
	.sec3 li:hover .img-box::before{
		opacity:1;
	}
	.sec3 li:hover img{
		border-radius:0.625em;
	}
	.sec3 li:hover .text-box{
		padding:12.14% 7.5% 9.83%;
	}
	.sec4 .swiper-slide:hover h5{
		color:var(--theme-blue);
	}
	.sec4 .swiper-slide .flex-box .more:hover{
		color:var(--theme-blue);
	}
	.sec4 .swiper-prev:hover,.sec4 .swiper-next:hover{
		color:#fff;
		background-color:var(--theme-blue);
	}
}
@media only screen and (max-width:1024px){
	section .title h3{
		font-size:2.5em;
	}


	.sec1{
		padding:15% 0;
	}
	.sec1 .title{
		margin-bottom:10%;
	}
	.sec1 .level1 > .tab-control{
		margin-bottom:10%;
		overflow:auto;
		margin-left:-5vw;
		margin-right:-5vw;
		border-radius:0;
		background-color:transparent;
		padding:0 5%;
	}
	.sec1 .level1 > .tab-control a{
		width:auto;
		flex-shrink:0;
		padding:0 2em;
		background-color:#fff;
		margin-right:1em;
	}
	.sec1 .level1 > .tab-control a:last-child{
		margin-right:0;
	}
	.sec1 .level2{
		display:block;
	}
	.sec1 .level2 .tab-control{
		width:auto;
		justify-content:flex-start;
		flex-wrap:nowrap;
		overflow:auto;
		margin-left:-5vw;
		margin-right:-5vw;
		padding:0 5%;
		margin-bottom:5%;
	}
	.sec1 .level2.col1 .tab-control{
		width:auto;
	}
	.sec1 .level2 .tab-control a{
		width:auto;
		margin-bottom:0;
		flex-shrink:0;
		margin-right:1em;
	}
	.sec1 .level1 .tab-content .content:nth-child(1) .tab-control p{
		margin-bottom:0;
	}
	.sec1 .level2 .tab-control a:last-child{
		margin-right:0;
	}
	.sec1 .level2 .tab-control a.all{
		width:auto;
	}
	.sec1 .level2 .img-content{
		width:100%;
		margin-bottom:5%;
	}
	.sec1 .level2.col1 .img-content{
		width:100%;
	}
	.sec1 .level2 .ul1{
		display:block;
	}
	.sec1 .level2 .ul1 li{
		width:100%;
		margin-bottom:5%;
	}
	.sec1 .level2 .content > ol.half{
		width:100%;
		margin-bottom:0;
	}
	.sec1 .level2 .content > ol.half:nth-child(odd){
		float:none;
	}
	.sec1 .level2 .content > ol.half:nth-child(even){
		float:none;
	}
	.sec1 .level2 .content > ol li.half{
		width:100%;
	}
	.sec1 .level2 .ul2{
		display:block;
	}
	.sec1 .level2 .ul2 > li{
		margin-bottom:5%;
	}
	.sec1 .level2 .ul2 > li:last-child{
		margin-bottom:0;
	}
	.sec1 .level2 .ul2 > li.col2{
		width:100%;
		padding-left:2em;
		padding-right:2em;
	}
	.sec1 .level2 .ul2 > li.col3{
		width:100%;
	}
	.sec1 .level2 .box3 ul{
		display:block;
	}
	.sec1 .level2 .box3 ul.col3 li{
		width:100%;
	}
	.sec1 .level2 .box3 ul.col3 li:last-child{
		width:100%;
	}
	.sec1 .level2 .box3 ul.col5 li{
		width:100%;
	}
	.sec1 .level2 .box3 ul li{
		margin-bottom:5%;
	}
	.sec1 .level2 .box3 ul li:last-child{
		margin-bottom:0;
	}
	.sec1 .level2 .ul3{
		display:block;
	}
	.sec1 .level2 .ul3 li{
		width:100%;
		margin-bottom:5%;
	}
	.sec1 .level2 .ul3 li:last-child{
		margin-bottom:0;
	}
	.sec1 .level2 .box4 .ul2 li{
		width:100%;
	}



	.sec2{
		padding:15% 0;
	}
	.sec2 .title{
		margin-bottom:10%;
	}
	.sec2 .swiper-prev{
		margin-right:-3em;
	}
	.sec2 .swiper-next{
		margin-left:-3em;
	}


	.sec3{
		padding:15% 0;
	}
	.sec3 .title{
		margin-bottom:10%;	
	}
	.sec3 ul{
		flex-wrap:wrap;
		border-radius:0.625em;
		overflow:hidden;
	}
	.sec3 li{
		width:50%;
	}
	.sec3 li .img-box::before{
		display:none;
	}
	.sec3 li:first-child img{
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}
	.sec3 li:last-child img{
		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}
	.sec3 li .text-box{
		padding:15% 10%;
	}
	.sec3 li .text-box div{
		min-height:10.5em;
	}




	.sec4{
		padding:15% 0;
		overflow:hidden;
	}
	.sec4 .swiper{
		margin:10% 0;
		overflow:visible;
	}
	.sec4 .swiper-slide{
		pointer-events:auto;
	}
}