.kv{
	position:relative;
}
.kv .line{
	position:absolute;
	right:0;
	top:100%;
	width:100%;
	z-index:1;
	margin-top:-10.2%;
}
.kv .clippath{
	display:block;
}
.kv .swiper{
	clip-path:url(#clipkvweb);
}
.kv .inner{
	width: 102.5em;
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	text-align:center;
	color:#fff;
}
.kv .inner.left{
	align-items: flex-start;
	text-align: left;
}
.kv h3{
	font-size:3em;
	line-height:1.58;
}
.kv .inner.left h3{
	margin-top: -10%;
}
.kv h3 b{
	font-size:1.333em;
	color:var(--theme-cyan);
}
.kv h3 b.dark{
	color: var(--theme-blue);
}
.kv h4{
	font-size:2.75em;
	line-height:1.14;
	color: #333;
	margin: 0.68em 0 0.5em;
}
.kv ul{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:row;
	margin:2.5em 0 4em;
}
.kv li{
	margin-right:4em;
}
.kv li:last-child{
	margin-right:0;
}
.kv h5{
	font-size:1.25em;
	color: #333;
	margin-bottom: 1em;
	line-height:1.35;
	font-weight:normal;
}
.kv h5:last-child{
	margin-bottom: 0;
}
.kv h5 b{
	margin-right:0.5em;
	font-weight:bold;
}
.kv p{
	font-size:1.5em;
	line-height:1.333;
	margin:1.75em 0 2.75em;
	letter-spacing: 0.1em;
}
.kv p b{
	font-size:1.333em;
	color:var(--theme-cyan);
}
.kv .theme-btn{
	font-size:1.125em;
}
.kv .swiper-prev,.kv .swiper-next{
	position:absolute;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background-color:rgba(255,255,255,0.8);
	color:var(--theme-blue);
    width:4em;
    height:4em;
    border-radius:50%;
    cursor:pointer;
    font-family: 'FontAwesome';
    top:50%;
    margin-top:-6em;
    z-index:1;
}
.kv .swiper-prev{
	left:2%;
}
.kv .swiper-next{
	right:2%;
}
.kv .swiper-prev::before,.kv .swiper-next::before{
	font-size:1.5em;
}
.kv .swiper-prev::before{
	content:"\f060";
}
.kv .swiper-next::before{
	content:"\f061";
}


.sec1{
	background-repeat:no-repeat;
	background-image:url(../images/index_sec1_bg.jpg);
	background-size:cover;
	background-position:center bottom;
	margin-top:-7.6%;
	padding:19.2% 0 5.2%;
}
.sec1 .inner{
	width:95.9375em;
}
.sec1 .title{
	text-align:center;
	margin-bottom:4em;
}
.sec1 .title h3{
	font-size:3em;
	color:var(--theme-blue);
	line-height:1.33;
	margin-bottom:0.6em;
}
.sec1 .title p{
	font-size:1.125em;
	line-height:2;
	color:#666;	
}
.sec1 ul{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
}
.sec1 li h4{
	font-size:1.25em;
	color:var(--theme-blue);
	border-bottom:2px solid #ccc;
	padding-bottom:1.25em;
	margin-bottom:1.5em;
}
.sec1 li h5{
	color:var(--theme-blue);
	font-weight:normal;
	margin-bottom:0.75em;
}
.sec1 li h5 b{
	font-size:3.25em;
	font-weight:normal;
	vertical-align:middle;
}
.sec1 li h5 > b,.sec1 li h5 > span{
	vertical-align:middle !important;
}
.sec1 li h5 > span{
	margin-left:0.5em;
}
.sec1 li p{
	font-size:1.125em;
	color:#666;
	line-height:1.78;
}





.sec2{
	text-align:center;
	padding:5.2% 0 3.65%;
}
.sec2 .inner{
	width:106.25em;
}
.sec2 .title{
	margin-bottom:3em;
}
.sec2 .title h3{
	font-size:3em;
	color:var(--theme-blue);
	line-height:1.33;
	margin-bottom:0.5em;
}
.sec2 .title p{
	font-size:1.125em;
	line-height:1.5;
	color:#666;	
}
.sec2 ul{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
}
.sec2 li{
	width:31.47%;
	position:relative;
	overflow:hidden;
	border-radius:0.625em;
	margin-bottom:3em;
	color:#fff;
}
.sec2 li.big{
	width:48.53%;
}
.sec2 .text-box{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	padding:0 5%;
}
.sec2 .text-box h5{
	font-size:1.875em;
	font-weight:bold;
	line-height:1.333;
	margin-bottom:0.6em;
}
.sec2 .text-box p{
	font-size:1.125em;
	line-height:1.44;
	margin-bottom:2.67em;
	min-height:2.88em;
}


.sec3{
	overflow:hidden;
}
.sec3 .bgcolor{
	background: linear-gradient(90deg, #EDF3FB 0%, #FDFEFF 100%);
	margin-top:-1.25em;
}
.sec3 .inner{
	width:100em;
}
.sec3 .title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
	margin-bottom:4em;
}
.sec3 .title h3{
	font-size:3em;
	color:var(--theme-blue);
	line-height:1.33;
}
.sec3 .title .theme-btn{
	font-size:1.125em;
}
.sec3 .flex-box{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:row;
}
.sec3 .tab-control{
	width:24.625%;
	position:relative;
	z-index:3;
	margin-right:3%;
}
.sec3 .tab-control a{
	font-size:1.5em;
	line-height:1.33;
	margin-bottom:0.833em;
	display:block;
	padding-left:2.32em;
}
.sec3 .tab-control a:last-child{
	margin-bottom:0;
}
.sec3 .tab-control a.active{
	color:var(--theme-blue);
	font-weight:500;
}
.sec3 .tab-control a svg{
	margin-right:0.9em;
	vertical-align:middle;
	width:1.42em;
	margin-left:-2.32em;
}
.sec3 .tab-control a span{
	vertical-align:middle;
}
.sec3 .tab-content{
	width:69.375%;
	position:relative;
}
.sec3 .tab-content::before{
	display:block;
	content:"";
	position:absolute;
	right:100%;
	top:-1px;
	bottom:0;
	width:100%;
	background: linear-gradient(-90deg, #f2f7fd 0%, #EDF3FB 100%);
	z-index:2;
}
.sec3 .swiper{
	overflow:visible;
}
.sec3 .tab-content .btn-box{
	position:absolute;
	right:0;
	top:0;
	margin-top:52.43%;
	z-index:1;
}
.sec3 .tab-content .btn-box li{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background-color:#fff;
	color:var(--theme-blue);
    width:3em;
    height:3em;
    border-radius:50%;
    margin-right:0.875em;
    cursor:pointer;
}
.sec3 .tab-content .btn-box li:last-child{
	margin-right:0;
}
.sec3 .tab-content .btn-box li::before{
    font-family: 'FontAwesome';
}
.sec3 .tab-content .btn-box li.swiper-prev::before{
	content:"\f060";
}
.sec3 .tab-content .btn-box li.swiper-next::before{
	content:"\f061";
}
.sec3 .swiper-slide .img-box{
	overflow:hidden;
	border-radius:0.9375em;
	margin-bottom:2.5em;
	opacity:0.3;
	transition:opacity 0.5s;
}
.sec3 .swiper-slide.swiper-slide-active .img-box{
	opacity:1;
}
.sec3 .swiper-slide .text-box{
	width:79.55%;
	opacity:0;
	display:block;
	pointer-events:none;
}
.sec3 .swiper-slide.swiper-slide-active .text-box{
	transition:opacity 0.3s;
	opacity:1;
	pointer-events:auto;
}
.sec3 .swiper-slide .text-box h5{
	font-size:1.75em;
	color:var(--theme-blue);
	line-height:1.32;
	margin-bottom:1.18em;
}
.sec3 .swiper-slide .text-box h5 span{
	display:inline-block;
	vertical-align:baseline;	
	margin-left:0.5em;
	width:0.786em;
	height:0.786em;
	overflow:hidden;
	position:relative;
}
.sec3 .swiper-slide .text-box h5 span::before,.sec3 .swiper-slide .text-box h5 span::after{
	width:100%;
	height:100%;
	content:"";
	display:block;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.716 0v2.813h16.01L0 19.541l2 1.981L18.715 4.826v15.986h2.813V0H.716z' fill='%230B4CA1'/%3E%3C/svg%3E");
}
.sec3 .swiper-slide .text-box h5 span::before{
	position:absolute;
	right:100%;
	top:100%;
}
.sec3 .swiper-slide .text-box p{
	font-size:1.125em;
	line-height:2;
	color:#666;
}

.sec4{
	overflow:hidden;
	text-align:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/index_sec4_bg.jpg);
	background-position:center center;
	color:#fff;
	margin-top:-4.6875%;
	padding:9.8% 0 5.2%;
}
.sec4 .title{
	margin-bottom:5.3125em;
}
.sec4 .title h3{
	font-size:3em;
	line-height:1.5;
	margin-bottom:0.125em;
}
.sec4 .title p{
	font-size:1.125em;
	line-height:2;
}
.sec4 ul{
	margin-bottom:1.5em;
	height:9.0625em;
}
.sec4 li{
	width:auto;
	height:9.0625em;
	margin-right:1.5em;
	float:left;
	border-radius:0.625em;
	overflow:hidden;
	border:1px solid rgba(203,218,234,0.5);
}
.sec4 li img{
	width:auto;
	height:100%;
	vertical-align:top;
}


@media only screen and (min-width:1025px){
	.kv .swiper-prev:hover,.kv .swiper-next:hover{
		background-color:rgba(11,76,161,0.8);
		color:#fff;
	}
	.sec3 .tab-control a:hover{
		color:var(--theme-blue);
		font-weight:500;
	}
	.sec3 .tab-content .btn-box li:hover{
		color:#fff;
		background-color:var(--theme-blue);
	}
	.sec3 .swiper-slide .text-box:hover h5 span::before,.sec3 .swiper-slide .text-box:hover h5 span::after{
		transition:transform 0.5s;
		transform:translate(100%,-100%);
	}
}
@media only screen and (max-width:1024px){
	.kv .swiper{
		clip-path:url(#clipkvmobile);
	}
	.kv .swiper-slide .bg{
		width:250%;
		margin-left:-75%;
	}
	.kv h3{
		font-size:2.5em;
	}
	.kv h4{
		font-size:2.25em;
	}
	.kv ul{
		display:block;
		margin:1.25em 0 2em;
	}
	.kv li{
		margin-right:0;
	}
	.kv h5{
		margin-bottom: 0;
	}



	.sec1{
		margin-top:-7%;
		padding:25% 0 5%;
	}
	.sec1 .title h3{
		font-size:2.5em;
		margin-bottom:1em;
	}
	.sec1 li{
		width:46%;
		margin-bottom:10%;
	}
	.sec1 li h4{
		margin-bottom:1.25em;
	}




	.sec2{
		padding:15% 0 5%;
	}
	.sec2 .title{
		margin-bottom:3em;
	}
	.sec2 .title h3{
		font-size:2.5em;
	}
	.sec2 ul{
		display:block;
	}
	.sec2 li{
		width:100%;
		margin-bottom:10%;
	}
	.sec2 li.big{
		width:100%;
	}
	.sec2 .text-box{
		padding:0 5%;
	}
	.sec2 li.big .text-box p{
		margin-bottom:1.5em;
	}


	.sec3 .bgcolor{
		margin-top:0;
	}
	.sec3 .title{
		margin-bottom:10%;
	}
	.sec3 .title h3{
		font-size:2.5em;
		width:7em;
	}
	.sec3 .flex-box{
		display:block;
	}
	.sec3 .tab-control{
		width:100vw;
		margin-left:-5%;
		margin-bottom:10%;
		display:flex;
		align-items:center;
		justify-content:flex-start;
		flex-direction:row;
		overflow:auto;
		padding:0 5%;
		margin-right:0;
	}
	.sec3 .tab-control a{
		margin-bottom:0;
		margin-right:2em;
		flex-shrink:0;
	}
	.sec3 .tab-control a:last-child{
		margin-right:0;
	}
	.sec3 .tab-content{
		width:100%;
	}
	.sec3 .tab-content::before{
		display:none;
	}
	.sec3 .tab-content .btn-box{
		margin-top:56%;
	}
	.sec3 .swiper-slide .text-box{
		width:100%;
	}

	.sec4{
		padding:15% 0 10%;
	}
	.sec4 .title{
		margin-bottom:10%;
	}
	.sec4 .title h3{
		font-size:2.5em;
	}
}