.kv{
	position:sticky;
	top:0;
	color:#fff;
	height:calc(100vh + 2.8125em);
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(../images/index_banner_img1.jpg);
	background-size:cover;
	background-position:center center;
}
.kv .bg{
	height:100%;
	object-fit:cover;
}
.kv .inner{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-direction:column;
}
.kv h1{
	font-weight: 500;
	font-size: 4.5em;
	line-height: 1.28;
	letter-spacing: -0.02em;
	margin-bottom:1em;
	color:#fff;
	font-weight: bold;
}


.covercontent{
	border-top-left-radius:2.8125em;
	border-top-right-radius:2.8125em;
	overflow:hidden;
	margin-top:-2.8125em;
	position:relative;
	background-color:#fff;
}

section .title h3{
	font-size:3em;
	line-height:1.3;
}


.sec1{
	padding:11.3% 0 6.1%;
}
.sec1 .title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
	margin-bottom:6.2%;
}
.sec1 .title h3{
	flex-shrink:0;
	margin-right:5em;
}
.sec1 .title p{
	font-size: 2em;
	line-height: 1.3125;
	letter-spacing: -0.02em;
}
.sec1 .title p span{
	color:#999;
}
.sec1 .table .web ul{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 .table .web > ul{
	justify-content:flex-start;
}
.sec1 .table .web ul.column{
	flex-direction:column;
}
.sec1 .table .web li ul{
	height:100%;
}
.sec1 .table .web li.grow{
	flex-grow:1;
}
.sec1 .table a{
	border-radius:0.625em;
	overflow:hidden;
	display:block;
}
.sec1 .table .web .num1{
	width:19.375em;
	height:28.4375em;
}
.sec1 .table .web .num2{
	width:53.75em;
	height:50em;
	margin-right:0.9375em;
}
.sec1 .table .web .num3{
	width:22.5em;
	height:20.625em;
}
.sec1 .table .web .num4{
	width:30em;
	height:20.625em;
}
.sec1 .table .web .num5{
	width:33.125em;
	height:13.75em;
}
.sec1 .table .web .num6{
	width:33.125em;
	height:13.75em;
}
.sec1 .table .text{
	background-color:#EBF5FF;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.sec1 .table .text h4{
	font-size:1.5em;
	color:#000;
	line-height:1;
	margin-bottom:0.75em;
}
.sec1 .table .text h5{
	font-size:1.25em;
	font-weight:normal;
	text-align:center;
}
.sec1 .table .text p{
	color:#666;
	opacity:0;
	margin-top:2.5em;
	margin-bottom:-3.5em;
	transition:opacity 0.3s,margin-bottom 0.3s,color 0.3s;
}
.sec1 .table .img{
	position:relative;
}
.sec1 .table .img img{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
}
.sec1 .table .img::before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background: linear-gradient(180deg, rgba(66, 168, 254, 0) 55.77%, #42A8FE 100%);
}
.sec1 .table .img p{
	font-size: 1.125em;
	line-height: 1.56;
	text-align: center;
	color: #fff;
	position:absolute;
	left:0;
	bottom:6.67%;
	width:100%;
	z-index:1;
	padding:0 0.5em;
}



.sec2{
	padding:6.1% 0 3.125%;
	text-align:center;
}
.sec2 .title{
	margin-bottom:5.73%;
}
.sec2 .swiper-wrapper{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: row;
}
.sec2 .swiper-slide{
	background: linear-gradient(360deg, #E9F4FF 0%, #FFFFFF 50%, #E9F4FF 77.21%);
	border-radius: 0.625em;
	height:auto;
	padding:3em 0 4em;
	pointer-events:none;
    margin-right: 3.2%;
    width: 31.2%;
}
.sec2 .swiper-slide:last-child{
    margin-right: 0;
}
.sec2 .swiper-slide .relative{
	position:relative;
}
.sec2 .swiper-slide h3{
	font-weight: 500;
	font-size: 9.375em;
	line-height: 1.33;
}
.sec2 .swiper-slide h3:nth-child(1){
	position:absolute;
	left:0;
	top:0;
	width:100%;
	color:rgba(66,168,254,0.75);
	text-shadow: 0px 0.013em 0.067em rgba(0, 0, 0, 0.15);
}
.sec2 .swiper-slide h3:nth-child(2){
	position:relative;
	background: linear-gradient(180deg, rgba(66, 168, 254, 0.75) 0%, rgba(233, 244, 255, 0.75) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.sec2 .swiper-slide h3 span{
	font-size:0.24em;
}
.sec2 .swiper-slide h3 sup{
	position:absolute;
	top:0.15em;
	font-weight:700;
	font-size:0.5em;
	line-height:1;
}
.sec2 .swiper-slide img{
	width:auto;
	height:8.75em;
	margin: -7.4% 0 16.3%;
}
.sec2 .swiper-slide h4{
	font-size:2em;
}
.sec2 .swiper-slide h4 span{
	color:var(--theme-blue);
}
.sec2 .swiper-slide h5{
	font-size:1.125em;
	line-height:1.67;
	font-weight:normal;
	padding:4.1% 9.3% 5.9%;
}
.sec2 .swiper-slide p{
	line-height:1.25;
	color:#666;
	pointer-events:auto;
	transition:color 0.3s;
}



.sec3{
	padding:3.125% 0 10.9375%;
}
.sec3 .inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    background: linear-gradient(261.69deg, #C8E3FF 0.33%, #FFFFFF 53.42%, #B8D6F4 99.81%);
    border-radius: 0.625em;
    padding: 5.42% 8.33%;
}
.sec3 .inner h3{
    font-size: 3em;
    line-height: 1.3;
    font-weight: 500;
}
.sec3 .inner p{
    font-size: 1.25em;
    line-height: 2;
}
.sec3 .inner .left-part p{
    line-height: 1.3;
    margin: 0.2em 0 2.4em;
}
.sec3 .inner .right-part p{
    font-size: 1.5em;
}
.sec3 .pop-box{
    width: 80em;
    margin: 0 auto;
    text-align: center;
    background: linear-gradient(261.69deg, #EAF5FF 0.33%, #FFFFFF 53.42%, #D3E3F3 99.81%);
    border-radius: 0.625em;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 100;
    padding: 4.17% 0;
    display: none;
    box-shadow: 0 0 1em rgba(0,0,0,0.2);
}
.sec3 .pop-box.active{
    display: block;
}
.sec3 .pop-box .close{
    width: 1.875em;
    cursor: pointer;
    position: absolute;
    right: 1.5em;
    top: 1.125em;
    fill: #333;
}
.sec3 .pop-box .title{
	margin-bottom:5.15%;
}
.sec3 .pop-box .title h3{
	color:var(--theme-blue);
	margin-bottom:0.42em;
}
.sec3 .pop-box .title p{
	font-size:1.125em;
	color:#666;
	line-height:1.6;
}
.sec3 .pop-box table{
	display:inline-table;
	font-size:1.125em;
}
.sec3 .pop-box table th{
	text-align:right;
	font-weight:normal;
	padding-right:1.33em;
}
.sec3 .pop-box table td{
	text-align:left;
	padding:0.75em 0;
}
.sec3 .pop-box table input[type='text']{
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0.3125em;
	width:33.66em;
	height:3.33em;
	padding:0 1.5em;
	color:inherit;
	font-size:inherit;
}
.sec3 .pop-box .submit{
	display:block;
	margin:1.875em auto 0;
	background-color:var(--theme-blue);
	color:#fff;
	width:12em;
	height:3.25em;
	line-height:calc(3.25em - 2px);
	cursor:pointer;
	border-radius:1.625em;
	border:1px solid var(--theme-blue);
	transition:color 0.3s,background-color 0.3s;
	font-size: inherit;
}

@media only screen and (min-width:1025px){
	.sec1 .table .text:hover p{
		opacity:1;
		margin-bottom:0;
	}
	.sec1 .table .text p:hover{
		color:var(--theme-blue);
	}
	.sec2 .swiper-slide p:hover{
		color:var(--theme-blue);
	}
	.sec3 .pop-box .submit:hover{
		background-color:#fff;
		color:var(--theme-blue);
	}
}
@media only screen and (max-width:1024px){
	section .title h3{
		font-size:3em;
	}


	.sec1{
		padding:20% 0 7.5%;
	}
	.sec1 .title{
		display:block;
		margin-bottom:10%;
	}
	.sec1 .title h3{
		margin-right:0;
	}
	.sec1 .title p{
		font-size: 1.75em;
		margin-top: 1em;
	}
	.sec1 .table a{
		border-radius:0.625em;
		overflow:hidden;
		display:block;
		margin-bottom: 5%;
	}
	.sec1 .table a:last-child{
		margin-bottom: 0;
	}
	.sec1 .table .text{
		padding: 3em 0;
	}
	.sec1 .table .text p{
		opacity:1;
		margin-bottom:0;
	}
	.sec1 .table .img{
		height: 50vw;
	}



	.sec2{
		padding:7.5% 0;
	}
	.sec2 .title{
		margin-bottom:10%;
	}
    .sec2 .swiper-wrapper{
        display: block;
    }
    .sec2 .swiper-slide{
        margin-right: 0;
        width: 100%;
		pointer-events:auto;
		margin-bottom: 10%;
    }
    .sec2 .swiper-slide:last-child{
        margin-bottom: 0;
    }



	.sec3{
		padding:7.5% 0 30%;
	}
    .sec3 .inner{
        display: block;
        padding: 7.5%;
    }
    .sec3 .inner .left-part{
        margin-bottom: 10%;
    }
    .sec3 .inner .right-part p{
        padding-left: 1em;
    }
    .sec3 .inner .right-part p span{
        width:1em;
        margin-left: -1em;
    }
    .sec3 .pop-box{
        width: 90%;
        padding: 10% 5%;
    }
	.sec3 .pop-box .title{
		margin-bottom:10%;
	}
	.sec3 .pop-box .title h3{
	    font-size: 2em;
	}
	.sec3 .pop-box table,.sec3 .pop-box tbody,.sec3 .pop-box tr,.sec3 .pop-box td,.sec3 .pop-box th{
		display:block;
		width: 100%;
	}
	.sec3 .pop-box tr{
		padding-bottom: 1em;
	}
	.sec3 .pop-box table th{
		text-align:left;
		padding-right:0;
	}
	.sec3 .pop-box table input[type='text']{
		width:100%;
	}
}