#header{
    background-color:#fff;
}
.section h2{
	font-size:3em;
	color:#333;
	text-align:center;
}

.sec1{
	position:relative;
}
.sec1 .bg{
	pointer-events:none;
}
.sec1 .img{
	position:absolute;
	inset:0;
	background-repeat:no-repeat;
	background-size:cover;
}
.sec1 .inner{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:100%;
	padding-top:6.75em;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-direction:column;
	color:#fff;
}
.sec1 .inner h3{
	font-size:3.5em;
	font-weight:bold;
	line-height:1.57;
	margin-bottom:0.9em;
}
.sec1 .inner a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	font-size:1.25em;
	padding:0.5em 1.5em;
	position:relative;
	background-color:var(--theme-yellow);
	overflow:hidden;
}
.sec1 .inner a::before{
	content:"";
	display:block;
	border:1px solid rgba(255,255,255,0.6);
	position:absolute;
	inset:0;
}
.sec1 .inner a::after{
    font-family: 'FontAwesome400';
	content:"\f105";
	margin-left:0.5em;
}
.sec1 .inner a .bgcolor{
	background-color:var(--theme-purple);
	height:100%;
	position:absolute;
	right:0;
	top:0;
	z-index:-1;
	transition:width 0.5s;
	width:0;
}



.sec2{
	background-color:#f2f0f9;
	padding:8.8% 0;
}
.sec2 h2{
	margin-bottom:8.6%;
}
.sec2 .flex-box{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	flex-direction:row;
	flex-wrap:wrap;
}
.sec2 a{
	text-align:center;
	width:23.125%;
	margin-right:2.5%;
	margin-bottom:2.85%;
	background-color:#fff;
	padding:3.5em 0;
	display:block;
}
.sec2 .icon-box{
	width:9.75em;
	height:9.75em;
	border-radius:50%;
	margin:0 auto 2em;
	background-color:var(--theme-purple);
	transition:background-color 0.5s;
	display:flex;
	align-items:center;
	justify-content:center;
}
.sec2 .icon-box svg{
	width:60%;
	fill:#fff;
}
.sec2 a h5{
	font-size:2em;
	color:#333;
	margin-bottom:2.3125em;
	transition:color 0.5s;
}
.sec2 a .btn{
	color:var(--theme-purple);
	font-size:1.75em;
	transition:color 0.5s;
}
.sec2 a .btn i{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	vertical-align:middle;
	width:1em;
	height:1em;
	border-radius:50%;
	margin-right:0.7em;
	background-color:var(--theme-purple);
	color:#fff;
	font-style:normal;
	transition:background-color 0.5s,color 0.5s;
}
.sec2 a .btn i::before{
    font-family: 'FontAwesome400';
    content:'\f054';
    font-size:0.5em;
}
.sec2 a .btn span{
	vertical-align:middle;
}



.sec3{
	padding:9.6% 0 4.85%;
}
.sec3 h2{
	margin-bottom:7.34%;
}
.sec3 ul{
	display:grid;
	grid-column-gap:2.125em;
	grid-row-gap:2.4375em;
	grid-template:'. . big' '. . big';
}
.sec3 li{
	position:relative;
	overflow:hidden;
}
.sec3 li.big{
	grid-area:big;
}
.sec3 a{
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	width:82.94%;
	padding:1.7em 6em 1.7em 2em;
	font-size:1.25em;
	color:#fff;
	overflow:hidden;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
}
.sec3 a span{
	line-height:1.6;
	height:3.2em;
	display:block;
	text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.sec3 a i{
	font-style:normal;
	border-radius:50%;
	border: 0.1em solid #fff;
	width:1.6em;
	height:1.6em;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	margin-right:-1.6em;
	flex-shrink:0;
}
.sec3 a i::before{
    font-family: 'FontAwesome400';
    content:'\f054';
    font-size:0.75em;
}
.sec3 a::before{
	content:"";
	background-color:var(--theme-purple);
	border-radius:50%;
	display:block;
	padding-top:100%;
	position:absolute;
	right:0;
	top:-25%;
	width:125%;
	z-index:-1;
}
.sec3 a::after{
	content:"";
	background-color:var(--theme-purple);
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:100%;
	z-index:-1;
}

.sec4{
	padding-top:4.85%;
}
.sec4 h2{
	margin-bottom:5%;
}
.sec4 .video-box{
	position:relative;
}
.sec4 a{
	color:#fff;
	font-size:1.75em;
	transition:color 0.5s;
	display:inline-block;
	position:absolute;
	left:50%;
	bottom:12.56%;
	margin-left:-3.4em;
}
.sec4 a i{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	vertical-align:middle;
	width:1.1em;
	height:1.1em;
	border-radius:50%;
	margin-right:1em;
	font-style:normal;
	transition:border-color 0.5s,color 0.5s;
	border:2px solid #fff;
}
.sec4 a i::before{
    font-family: 'FontAwesome400';
    content:'\f054';
    font-size:0.5em;
}
.sec4 a span{
	vertical-align:middle;
}



.sec5{
	text-align:center;
	padding:9% 0 7.4%;
}
.sec5 h2{
	margin-bottom:7.2%;
}
.sec5 .flex-box{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
	margin-bottom:7%;
}
.sec5 .flex-box img{
	width:37.2%;
}
.sec5 .list{
	width:55.88%;
}
.sec5 .list a{
	border-bottom:1px solid rgba(0,0,0,0.1);
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
	padding:2.5em 1em;
	color:#333;
}
.sec5 .list span{
	font-size:2.125em;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.sec5 .list i{
	font-style:normal;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:1.875em;
	height:1.875em;
	border-radius:50%;
	border:2px solid #333;
}
.sec5 .list i::before{
    font-family: 'FontAwesome400';
    content:'\f054';
}
.sec5 .btn{
	color:#333;
	display:inline-block;
}
.sec5 .btn span{
	font-size:1.75em;
	margin-left:1em;
	vertical-align:middle;
}
.sec5 .btn i{
	vertical-align:middle;
	font-style:normal;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:1.875em;
	height:1.875em;
	border-radius:50%;
	border:2px solid #333;
}
.sec5 .btn i::before{
    font-family: 'FontAwesome400';
    content:'\f054';
}



.sec6{
	background-repeat:no-repeat;
	background-image:url(../images/index_sec6_bg.jpg);
	background-size:cover;
	color:#fff;
	padding:8% 0 6.35%;
	text-align:center;
}
.sec6 h2{
	margin-bottom:4.3%;
	color:inherit;
}
.sec6 .swiper{
	margin-bottom:4.1%;
}
.sec6 .swiper-slide{
	color:#333;
	background-color:#fff;
}
.sec6 .date-box{
	position:absolute;
	left:8.6%;
	bottom:100%;
	margin-bottom:-2em;
	text-align:center;
}
.sec6 h3{
	color:#fff;
	font-size:2.5em;
	background-color:var(--theme-purple);
	height:2em;
	line-height:2;
}
.sec6 h4{
	background-color:#f3f3f3;
	height:2em;
	line-height:2;
	width:6.125em;
}
.sec6 .text-box{
	position:relative;
	padding:11.38% 8.6% 8.6%;
	text-align:left;
}
.sec6 h5{
	font-size:1.625em;
	line-height:1.5;
	margin-bottom:3.3%;
	text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.sec6 p{
	font-size:1.25em;
	line-height:1.6;
	padding-right:2em;
	position:relative;
	text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.sec6 p::after{
    font-family: 'FontAwesome400';
    content:'\f054';
    border:2px solid #333;
    border-radius:50%;
    width:1.5em;
    height:1.5em;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:0;
    top:50%;
    margin-top:-0.75em;
}
.sec6 .btn{
	color:#fff;
	display:inline-block;
}
.sec6 .btn span{
	font-size:1.75em;
	margin-left:1em;
	vertical-align:middle;
}
.sec6 .btn i{
	vertical-align:middle;
	font-style:normal;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:1.875em;
	height:1.875em;
	border-radius:50%;
	border:2px solid #fff;
}
.sec6 .btn i::before{
    font-family: 'FontAwesome400';
    content:'\f054';
}
.sec6 .img-box{
    position:relative;
    overflow:hidden;
}
.sec6 .img-box::before{
    content:"";
    display:block;
    padding-top:50%;
}
.sec6 .img-box img{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}



@media only screen and (min-width:1025px){
	.sec1 .inner a:hover .bgcolor{
		width:100%;
		left:0;
		right:auto;
	}
	.sec2 a:nth-child(4n){
		margin-right:0;
	}
	.sec2 a:nth-child(4n){
		transition-delay:0.6s,0.6s;
	}
	.sec2 a:nth-child(4n-1){
		transition-delay:0.4s,0.4s;
	}
	.sec2 a:nth-child(4n-2){
		transition-delay:0.2s,0.2s;
	}
	.sec2 a:hover{
		background-repeat:no-repeat;
		background-image:url(../images/index_sec2_libg.jpg);
		background-size:cover;
	}
	.sec2 a:hover .icon-box{
		background-color:#fff;
	}
	.sec2 a:hover .icon-box svg{
		fill:var(--theme-purple);
	}
	.sec2 a:hover h5{
		color:#fff;
	}
	.sec2 a:hover .btn{
		color:#fff;
	}
	.sec2 a:hover .btn i{
		background-color:#fff;
		color:var(--theme-purple);
	}
	.sec3 a:hover span{
		animation:textscale linear 1s;
	}
	@keyframes textscale {
		50%{
			transform:translateY(-10%);
		}
	}


	.sec4 a:hover{
		color:var(--theme-purple);
	}
	.sec4 a:hover i{
		border-color:var(--theme-purple);
	}
	.sec5 .list a:hover{
		color:var(--theme-purple);
		border-color:var(--theme-purple);
	}
	.sec5 .list a:hover i{
		border-color:var(--theme-purple);
		color:var(--theme-purple);
	}
	.sec5 .btn:hover{
		color:var(--theme-purple);
	}
	.sec5 .btn:hover i{
		border-color:var(--theme-purple);
	}
	.sec6 .swiper-slide:hover p::after{
	    color: var(--theme-purple);
	    border-color: var(--theme-purple);
	}
	.sec6 .btn:hover{
		color:var(--theme-yellow);
	}
	.sec6 .btn:hover i{
		border-color:var(--theme-yellow);
	}
}
@media only screen and (max-width:1024px){
	.section{
		font-size:1.25em;
	}

	.sec1 .inner{
		padding-top:6.8em;
	}
	.sec1 .inner h3{
		font-size:3em;
	}



	.sec2{
		padding:15% 0;
	}
	.sec2 h2{
		margin-bottom:10%;
	}
	.sec2 .flex-box{
	}
	.sec2 a{
		width:48%;
		margin-right:4%;
		margin-bottom:5%;
	}
	.sec2 a:nth-child(even){
		margin-right:0;
		transition-delay:0.2s,0.2s;
	}
	.sec2 a h5{
		font-size:1.5em;
	}



	.sec3{
		padding:15% 0 10%;
	}
	.sec3 h2{
		margin-bottom:10%;
	}
	.sec3 ul{
		display:block;
	}
	.sec3 li{
		margin-bottom:5%;
	}
	.sec3 li:last-child{
		margin-bottom:0;
	}


	.sec4 h2{
		margin-bottom:10%;
	}
	.sec4 .video-box video{
		width:200%;
		margin-left:-50%;
	}



	.sec5{
		padding:15% 0;
	}
	.sec5 h2{
		margin-bottom:10%;
	}
	.sec5 .flex-box{
		display:block;
		margin-bottom:10%;
	}
	.sec5 .flex-box img{
		width:100%;
	}
	.sec5 .list{
		width:100%;
	}
	.sec5 .list i{
		border-width:1px;
	}
	.sec5 .btn i{
		border-width:1px;
	}



	.sec6{
		padding:15% 0;
	}
	.sec6 h2{
		margin-bottom:10%;
	}
	.sec6 .swiper{
		margin-bottom:10%;
	}
	.sec6 p::after{
		border-width:1px;
	}
	.sec6 .btn i{
		border-width:1px;
	}
}