.banner .inner{
	padding-left: 4%;
}
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.125em;
	color:#666;
	line-height:2;
	margin-top:1.22em;
}
.banner .swiper-prev,.banner .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:-2em;
    z-index:1;
}
.banner .swiper-prev{
	left:2%;
}
.banner .swiper-next{
	right:2%;
}
.banner .swiper-prev::before,.banner .swiper-next::before{
	font-size:1.5em;
}
.banner .swiper-prev::before{
	content:"\f060";
}
.banner .swiper-next::before{
	content:"\f061";
}
#popcover{
	position:fixed;
	inset:0;
	background-color:rgba(0, 0, 0, 0.5);
	z-index:99;
	display:flex;
	align-items:center;
	justify-content:center;
}
#popcover .close{
	color:#fff;
	font-size:2em;
	position:absolute;
	right:1em;
	top:1em;
	cursor:pointer;
}
#popcover .close::before{
    font-family: 'FontAwesome';
	content:"\f057";
}
#popcover img{
	max-width:90%;
	max-height:90%;
}



.sec1{
	padding:6.25% 0 5.73%;
}
.sec1 .inner{
	width:94.375em;
}
.sec1 .title{
	margin-bottom:4em;
}
.sec1 h4{
	font-size:2em;
	line-height:1.3125;
	text-align:center;
	margin:2.5em 0 1em;
}
.sec1 .title + h4{
	margin-top:0;
}
.sec1 .title + h4 span{
	font-size:0.75em;
	margin-top:1em;
	display:inline-block;
}
.sec1 .content{
	background-color:#F0F9FF;
	border-top:3px solid var(--theme-blue);
	border-bottom-left-radius:0.625em;
	border-bottom-right-radius:0.625em;
}
.sec1 .swiper1 .swiper-slide{
	height:auto;
}
.sec1 .swiper1 .content{
	height:100%;
}
.sec1 .content.type1{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:row;
	flex-wrap:wrap;
	padding:3.125em 0 1em;
}
.sec1 .content.type1 .text-part{
	width:71.46%;
	margin-left:3.25%;
	margin-right:5.1%;
}
.sec1 .content.type1 .text-part p{
	line-height:1.875;
}
.sec1 .content.type1 .text-part p.first{
	line-height:1.625;
}
.sec1 .content.type1 .text-part ul{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
	overflow:hidden;
	border-bottom:1px solid #c4c4c4;
	margin: 1.875em 0 0.875em;
}
.sec1 .content.type1 .text-part li{
	width:45%;
	padding:1.25em 0 1.875em;
}
.sec1 .content.type1 .text-part h5{
	position:relative;
	font-size:1.25em;
	padding-bottom:0.5em;
	margin-bottom:0.7em;
	line-height:1.5;
}
.sec1 .content.type1 .text-part h5 b{
	font-size:1.2em;
	margin-right:0.5em;
	font-weight:600;
}
.sec1 .content.type1 .text-part h5::before{
	content:"";
	display:block;
	width:100vw;
	height:1px;
	background-color:#c4c4c4;
	position:absolute;
	left:0;
	bottom:0;
}
.sec1 .content.type1 .tip{
	font-size:0.75em;
	line-height:1.33;
	color:#666;	
	padding:0 3.25%;
	margin-top:2%;
}
.sec1 .content.type1 .tip.notop{
	margin-top:0;
}
.sec1 .content.type1 .swiper{
	width:17.48%;
	margin:0;
	margin-top:9.27%;
}
.sec1 .content.type1 .swiper2{
	margin-top: 0;
}
.sec1 .swiper .swiper-pagination{
	position:static;
	margin-top:1.125em;
}
.sec1 .swiper .swiper-pagination .swiper-pagination-bullet{
	width:0.5em;
	height:0.5em;
	border-radius:0.25em;
	background-color:#d9d9d9;
	margin:0 0.25em;
	transition:background-color 0.5s,width 0.5s;
	opacity:1;
	vertical-align:top;
}
.sec1 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:var(--theme-blue);
	width:1.25em;
}
.sec1 .content.type2{
	padding: 2em 3.4375em 1.625em;
}
.sec1 .content.type2 ul{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
	overflow:hidden;
}
.sec1 .content.type2 li{
	width:48%;
	margin-bottom:3.86%;
}
.sec1 .content.type2 h5{
	position:relative;
	font-size:1.25em;
	margin-bottom:1em;
	line-height:2.7;
}
.sec1 .content.type2 h5.blue{
	color:var(--theme-blue);
}
.sec1 .content.type2 h5::before{
	content:"";
	display:block;
	width:100vw;
	height:1px;
	background-color:#c4c4c4;
	position:absolute;
	left:0;
	bottom:0;
}
.sec1 .content.type2 .flex-box{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 .content.type2 .flex-box.stretch{
	align-items:stretch;
}
.sec1 .content.type2 .flex-box > div{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
}
.sec1 .content.type2 p{
	line-height:1.625;
	margin-bottom:0.625em;
}
.sec1 .content.type2 p:last-child{
	margin-bottom:0;
}
.sec1 .content.type2 p:has(span){
	padding-left:1em;
}
.sec1 .content.type2 p span{
	display:inline-block;
	width:1em;
	margin-left:-1em;
}
.sec1 .content.type2 img{
	flex-shrink:0;
	margin-left:2.75em;
	width:8.625em;
}
.sec1 .content.type3{
	padding:4.64% 7.62% 2%;
}
.sec1 .content.type3 h5{
	font-size:1.375em;
	color:var(--theme-blue);
	line-height:1.32;
}
.sec1 .content.type3 .ul1{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
	margin-bottom:5.78125%;
}
.sec1 .content.type3 .ul1 li{
	width:22%;
}
.sec1 .content.type3 .ul1 p{
	font-size:1.125em;
	font-weight:600;
	margin:1.78em 0 1.67em;	
}
.sec1 .content.type3 .tab-control{
	margin-bottom:3em;
	background-color:#fff;
	padding:0.25em;
	height:4em;
	border-radius:2em;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
	margin-top:2.25em;
}
.sec1 .content.type3 .tab-control li{
	padding:0 1.78em;
	font-size:1.125em;
	color:#666;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:1.56em;
	cursor:pointer;
}
.sec1 .content.type3 .tab-control li.active{
	color:#fff;
	background-color:var(--theme-blue);
}
.sec1 .content.type3 .tab-content ul{
	display:none;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:row;
}
.sec1 .content.type3 .tab-content ul.wrap{
	justify-content:space-between;
}
.sec1 .content.type3 .tab-content ul.active{
	display:flex;
}
.sec1 .content.type3 .tab-content li{
	margin-right:7%;
}
.sec1 .content.type3 .tab-content li:last-child,.sec1 .content.type3 .tab-content ul.wrap li{
	margin-right:0;
}
.sec1 .content.type3 .tab-content li p{
	margin-bottom:2.125em;
	line-height:1.3125;
}
.sec1 .content.type3 .tab-content li p b{
	width:1em;
	display:inline-block;
	vertical-align:baseline;
}
.sec1 .content.type4{
	padding:2.625em 3.4375em 4.5%;
}
.sec1 .content.type4 .text-box{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
}
.sec1 .content.type4 .text-box li{
	width:46%;
}
.sec1 .content.type4 .text-box li.all{
	width:100%;
}
.sec1 .content.type4 .text-box h5{
	font-size:1.25em;
	line-height:1.5;
	border-bottom:1px solid #c4c4c4;
	padding-bottom:0.7em;
	margin-bottom:1.5em;
	color:var(--theme-blue);
	display:flex;
	justify-content:space-between;
}
.sec1 .content.type4 .text-box h5 a{
	font-size:0.8em;
}
.sec1 .content.type4 .text-box h5 a span{
	margin-right:0.5em;
	vertical-align:middle;
}
.sec1 .content.type4 .text-box h5 a::after{
	font-family: 'FontAwesome';
	content:"\f061";
	font-size:0.75em;
	vertical-align:middle;
}
.sec1 .content.type4 .text-box .flex-box{
	display:flex;
	margin-top:1em;
}
.sec1 .content.type4 .text-box p{
	line-height:1.625;
}
.sec1 .content.type4 .text-box p:has(span){
	padding-left:1em;
	margin-right:3em;
}
.sec1 .content.type4 .text-box p:has(span):last-child{
	margin-right:0;
}
.sec1 .content.type4 .text-box p span{
	font-size:0.5em;
	display:inline-block;
	vertical-align:middle;
	width:2em;
	margin-left:-2em;
}
.sec1 .content.type4 .text-box .ul3{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
	margin:2.25em 0 4.5em;
}
.sec1 .content.type4 .text-box .ul3 li{
	border-radius:0.625em;
	background-color:#fff;
	padding:1em 1.25em 1.25em;	
	width:19.07%;
}
.sec1 .content.type4 .text-box .ul3 .thead{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 .content.type4 .text-box .ul3 h4{
	font-size:1.5em;
	color:#d9d9d9;
	margin:0;
	line-height:1;
	text-align:left;
}
.sec1 .content.type4 .text-box .ul3 .line{
	width:100%;
	height:1px;
	background-color:#c4c4c4;
	margin:0.75em 0 1.25em;
}
.sec1 .content.type4 .text-box .ul3 .tbody{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 .content.type4 .text-box .ul3 p{
	line-height:1.875;
}

.sec1 .content.type5{
	padding:2.75em 0 4.375em;
}
.sec1 .content.type5 .text-part{
	margin-left:3.25%;
	margin-right:3.25%;
}
.sec1 .content.type5 .text-part ul{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
	overflow:hidden;
}
.sec1 .content.type5 .text-part h5{
	position:relative;
	font-size:1.25em;
	padding-bottom:0.6em;
	margin-bottom:1.3em;
	line-height:1.5;
	color:var(--theme-blue);
}
.sec1 .content.type5 .text-part h5 b{
	font-size:1.2em;
	margin-right:0.5em;
	font-weight:600;
}
.sec1 .content.type5 .text-part h5::before{
	content:"";
	display:block;
	width:100vw;
	height:1px;
	background-color:#c4c4c4;
	position:absolute;
	left:0;
	bottom:0;
}
.sec1 .content.type5 .text-part p{
	line-height:1.625;
	padding-left:1em;
	margin-bottom:1em;
}
.sec1 .content.type5 .text-part p:last-child{
	margin-bottom:0;
}
.sec1 .content.type5 .text-part p span{
	width:1em;
	margin-left:-1em;
	display:inline-block;
	vertical-align:baseline;
}
.sec1 .btn-box{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:3em;
}
.sec1 .swiper-prev,.sec1 .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;
}
.sec1 .swiper-prev::before,.sec1 .swiper-next::before{
	font-size:1.5em;
}
.sec1 .swiper-prev::before{
	content:"\f060";
}
.sec1 .swiper-next::before{
	content:"\f061";
}



.sec2{
	padding:5.2% 0 4.2%;
	background-color:var(--theme-mint);
}
.sec2 .inner{
	width:89.0625em;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
}
.sec2 .left-part{
	width:39%;
}
.sec2 .left-part h3{
	font-size:3em;
	color:var(--theme-blue);
	line-height:1.33;
	margin-bottom:1em;
}
.sec2 .left-part h4{
	font-size:1.125em;
	line-height:1.78;
	text-indent:2em;
	font-weight:normal;
}
.sec2 .left-part h4 b{
	font-weight:600;
	color:var(--theme-blue);
}
.sec2 .left-part ul{
	border-top:1px solid rgba(0, 0, 0, 0.15);
	border-bottom:1px solid rgba(0, 0, 0, 0.15);
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:row;
	padding:2.75em 0 4.5em;
	margin-top:8.125em;
}
.sec2 .left-part li{
	margin-right:5em;
}
.sec2 .left-part li:last-child{
	margin-right:0;
}
.sec2 .left-part h5{
	font-weight:normal;	
	margin-bottom:0.5em;
}
.sec2 .left-part h5 b{
	font-size:3.75em;
	font-family:inherit;
	color:var(--theme-blue);
	font-weight:600;
	line-height:1.27;
	vertical-align:baseline !important;
}
.sec2 .left-part h5 i{
	font-style:normal;
	margin-left:0.5em;
}
.sec2 .left-part p{
	font-size:0.9375em;
	color:#666;
	line-height:1.333;
}
.sec2 .right-part{
	width:48.77%;
}
.sec2 .right-part li{
	background-color:#fff;
	border-radius:0.625em;
	margin-bottom:1.875em;
	padding:3.125em 3.25em 3.125em 7em;
	cursor:pointer;
}
.sec2 .right-part li:last-child{
	margin-bottom:0;
}
.sec2 .right-part .svg-box{
	width:2.6875em;
	height:2.6875em;
	border-radius:50%;
	background-color:var(--theme-blue);
	position:absolute;
	left:-3.75em;
	top:50%;
	margin-top:-1.34375em;
	display:flex;
	align-items:center;
	justify-content:center;
}
.sec2 .right-part .svg-box svg{
	width:auto;	
	height:40%;
}
.sec2 .right-part .flex-box{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
	position:relative;
}
.sec2 .right-part .flex-box h5{
	font-size:1.25em;
	line-height:1.35;
}
.sec2 .right-part .cross{
	font-size:1.75em;
	color:var(--theme-blue);
	font-weight:600;
}
.sec2 .right-part .cross::before{
	content:"+";
}
.sec2 .right-part li.active .cross::before{
	content:"-";
}
.sec2 .right-part .slide-box{
	margin-top:1.5em;
	display:none;
}
.sec2 .right-part p{
	line-height:1.75;
}
.sec2 .right-part p:last-child{
	margin-bottom:0.5em;
}
.sec2 .right-part p b{
	color:var(--theme-blue);
	font-size:1.25em;
	font-weight:600;
	line-height:1;
}
.sec2 .right-part p.dot{
	padding-left:1em;
}
.sec2 .right-part p.dot i{
	font-style:normal;
	width:1em;
	margin-left:-1em;
	font-weight:bold;
	display:inline-block;
}
.sec2 .right-part p.svg{
	padding-left:1.75em;
}
.sec2 .right-part p.svg svg{
	width:1em;
	margin-left:-1.75em;
	margin-right:0.75em;
	vertical-align:middle;
}
.sec2 .right-part p.svg span{
	font-weight:600;
}





.sec3{
	padding:5.2% 0 5.73%;
	overflow:hidden;
}
.sec3 .inner{
	width:107.1875em;
}
.sec3 .title{
	text-align:left;
	margin-bottom:3.5em;
}
.sec3 .swiper{
	overflow:visible;
}
.sec3 .swiper-wrapper{
	margin-bottom:3em;
}
.sec3 .swiper-pagination{
	position:static
}
.sec3 .swiper-pagination-progressbar-fill{
	background-color: var(--theme-blue);
}
.sec3 .swiper-slide{
	color:#fff;
	border-radius:0.625em;
	overflow:hidden;
}
.sec3 .swiper-slide::before{
	background: linear-gradient(180deg, rgba(5, 11, 61, 0) 0%, rgba(2, 7, 45, 0.65) 100%);
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:opacity 0.5s;
}
.sec3 .swiper-slide .cover{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	padding:2em 2.5em;
	transition:background-color 0.5s;
	width:100%;
}
.sec3 .swiper-slide h5{
	line-height:2.125;
	margin-bottom:55%;
	transition:margin-bottom 0.5s,opacity 0.5s;
	padding:0 1em;
	height:2em;
	line-height:2;
	border-radius:0.25em;
	display:inline-block;
	vertical-align:top;
	background-color:var(--theme-blue);
	color:#fff;
}
.sec3 .swiper-slide h4{
	font-size:1.375em;
	line-height:1.55;
}
.sec3 .swiper-slide .scroll-box{
	margin-bottom:100%;
	margin-top:14%;
	height:18.5em;
	margin-right:-2em;
	padding-right:2em;
}
.sec3 .swiper-slide p{
	line-height:1.75;
}
.sec3 .swiper-slide p:has(span){
	padding-left:1em;
}
.sec3 .swiper-slide p span{
	display:inline-block;
	vertical-align:middle;
	font-size:0.5em;
	width:2em;
	margin-left:-2em;
}
.sec3 .btn-box{
	display:flex;
	align-items:center;
	justify-content:center;
}
.sec3 .swiper-prev,.sec3 .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;
}
.sec3 .swiper-prev::before,.sec3 .swiper-next::before{
	font-size:1.5em;
}
.sec3 .swiper-prev::before{
	content:"\f060";
}
.sec3 .swiper-next::before{
	content:"\f061";
}


@media only screen and (min-width:1025px){
	.banner .swiper-prev:hover,.banner .swiper-next:hover{
		color:rgba(255,255,255,0.8);
		background-color:var(--theme-blue);
	}
	.sec1 .content.type3 .tab-control li:hover{
		color:#fff;
		background-color:var(--theme-blue);
	}
	.sec1 .content.type4 .text-box .ul3 li:hover{
		background-color:var(--theme-blue);
		color:#fff;
		cursor:pointer;
	}
	.sec1 .swiper-prev:hover,.sec1 .swiper-next:hover{
		color:#fff;
		background-color:var(--theme-blue);
	}
	.sec3 .swiper-slide:hover::before{
		opacity:0;
	}
	.sec3 .swiper-slide:hover .cover{
		background-color:rgba(11, 76, 161, 0.8);
	}
	.sec3 .swiper-slide:hover h5{
		margin-bottom:1%;
		opacity:0;
	}
	.sec3 .swiper-slide:hover .scroll-box{
		margin-top:5%;
	}
	.sec3 .swiper-prev:hover,.sec3 .swiper-next:hover{
		color:#fff;
		background-color:var(--theme-blue);
	}
}
@media only screen and (max-width:1024px){
	.banner .swiper{
		height:100%;
	}
	.banner .inner{
		padding-left: 0;
	}
	section .title h3{
		font-size:2.5em;
	}



	.sec1{
		padding:15% 0;
	}
	.sec1 .title{
		margin-bottom:10%;
	}
	.sec1 h4{
		margin-top:10%;
	}
	.sec1 .content.type1{
		display:block;
		padding:10% 5%;
	}
	.sec1 .content.type1 .text-part{
		width:100%;
		margin-left:0;
		margin-right:0;
		margin-bottom:10%;
	}
	.sec1 .content.type1 .text-part ul{
		display:block;
	}
	.sec1 .content.type1 .text-part li{
		width:100%;
	}
	.sec1 .content.type1 .tip{
		font-size:1em;
		padding:0;
	}
	.sec1 .content.type1 .swiper{
		width:70%;
		margin-top:0;
		margin-left:15%;
	}
	.sec1 .content.type2{
		padding: 10% 5%;
	}
	.sec1 .content.type2 ul{
		display:block;
	}
	.sec1 .content.type2 li{
		width:100%;
		margin-bottom:5%;
	}
	.sec1 .content.type3{
		padding:10% 5%;
	}
	.sec1 .content.type3 .ul1{
		display:block;
		margin-bottom:5.78125%;
	}
	.sec1 .content.type3 .ul1 li{
		width:100%;
	}
	.sec1 .content.type3 .tab-control{
		overflow:auto;
	}
	.sec1 .content.type3 .tab-control li{
		flex-shrink:0;
	}
	.sec1 .content.type3 .tab-content ul.active{
		display:block;
	}
	.sec1 .content.type3 .tab-content li{
		margin-right:0;
	}
	.sec1 .content.type4{
		padding:10% 5%;
	}
	.sec1 .content.type4 .text-box{
		padding:0;
		margin-bottom:5%;
	}
	.sec1 .content.type4 .text-box li{
		width:100%;
		margin-bottom:3.125em;
	}
	.sec1 .content.type4 .text-box li:last-child{
		margin-bottom:0;
	}
	.sec1 .content.type4 .text-box .ul3{
		display:block;
		margin-bottom:0;
	}
	.sec1 .content.type4 .text-box .ul3 li{
		width:100%;
		margin-bottom:5%;
	}
	.sec1 .content.type4 .text-box .ul3 li:last-child{
		margin-bottom:0;
	}
	.sec1 .content.type5{
		padding:10% 5%;
	}
	.sec1 .content.type5 .text-part{
		margin-left:0;
		margin-right:0;
	}
	.sec1 .content.type5 .text-part ul{
		display:block;
	}
	.sec1 .content.type5 .text-part li{
		margin-bottom:3.125em;
	}
	.sec1 .content.type5 .text-part li:last-child{
		margin-bottom:0;
	}
	.sec1 .btn-box{
		margin-top:10%;
	}



	.sec2{
		padding:15% 0;
	}
	.sec2 .inner{
		display:block;
	}
	.sec2 .left-part{
		width:100%;
		margin-bottom:10%;
	}
	.sec2 .left-part h3{
		font-size:2.5em;
	}
	.sec2 .left-part ul{
		padding:5% 0;
		margin-top:10%;
	}
	.sec2 .left-part p{
		font-size:1em;
	}
	.sec2 .right-part{
		width:100%;
	}



	.sec3{
		padding:15% 0;
	}
	.sec3 .title{
		margin-bottom:10%;
	}
	.sec3 .swiper-wrapper{
		margin-bottom:10%;
	}
	.sec3 .swiper-slide .cover{
		padding:2em;
	}
	.sec3 .swiper-slide h5{
		margin-bottom:45%;
	}

}