body{
	font-family: Microsoft Yahei, "PingFang SC", Noto Sans, Arial, "Helvetica Neue", Helvetica, sans-serif, SimHei, SimSun;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#Container{
	position:relative;z-index:1;
	display:block;margin:0;padding:0;
}
.container{
	position:relative;display:block;margin:0 auto;width:144rem;
}
.sec-container{
	position:relative;display:block;margin:0 auto;width:120rem;
}
@media only screen and (max-width: 768px) {
	.container, .sec-container{
		width:100%;
	}
}

/******************************************** 顶部 ******************************************************/
.head{
	background:#FFF;
}
.top{
	display:flex;flex-direction:row;
	gap:3.2rem;
	height:6.4rem;
}
.logo img{
	width:4.6rem;
}

.nav{
	flex:1;
	display:flex;flex-direction:row;justify-content:space-between;
	height:6.4rem;
}
.nav-itm{
	position:relative;padding:1.5rem 0;
}
.nav-itm span, .nav-itm > a{
	display:block;
	padding-left:1rem;padding-right:3.4rem;
	height:3.4rem;line-height:3.4rem;
	font-size:1.6rem;color:#333;font-weight:400;
	transition:ease font-weight 0.5s;
}
.nav-itm:first-child > a{
	padding:0 1.6rem;
}
.nav-itm.has-sub span, .nav-itm.has-sub > a{
	position:relative;
}
.nav-itm.has-sub span:after, .nav-itm.has-sub > a:after{
	content:'';position:absolute;top:50%;right:1.5rem;
	margin-top:-.5rem;
	width:.8rem;height:.8rem;
	border-bottom:.12rem solid #333;border-right:.12rem solid #333;
	transform:rotate(45deg);
	transition:ease all 0.5s;
}
.nav-itm.on span, .nav-itm.on > a, .nav-itm:hover span, .nav-itm:hover > a{
	font-weight:600;color:#0E4CA2;
}
.nav-itm.on span:after, .nav-itm.on > a:after, .nav-itm:hover span:after, .nav-itm:hover > a:after{
	margin-top:-.1rem;
	transform:rotate(-135deg);
}

.nav-itm ul{
	position:absolute;top:100%;left:0;z-index:9;	
	display:grid;grid-template-rows:0fr;
	min-width:100%;
	background:#FFF;border-radius:0 0 .4rem .4rem;
	box-shadow:0 .4 3.2rem rgba(188, 193, 205, 0.3);
	overflow:hidden;
	transition: ease all .3s;
}
.nav-itm li{
	height:0;
	text-align:center;
	white-space:nowrap;
	transition: ease all .3s;
}
.nav-itm li a{
	position:relative;
	display:inline-block;height:3.6rem;line-height:3.6rem;
	font-size:1.4rem;color:#2A2F3C;font-weight:400;
}
.nav-itm li a:after{
	display:none;
	content:'';
	position:absolute;bottom:0;left:0;right:0;
	border-top:.2rem solid #0E4CA2;
}
.nav-itm li a:hover{
	color:#0E4CA2;
}
.nav-itm li a:hover:after{
	display:block;
}
.nav-itm:hover ul{
	padding:.8rem 1.6rem;
	grid-template-rows: 1fr;
}
.nav-itm:hover li{
	height:3.6rem;
}

.top-search{
	width:15.7rem;
	display:flex;align-items:center;
}
.top-search-con{
	position:relative;
	padding-left:3.2rem;
	height:4rem;
	border:.1rem solid rgba(188, 193, 205, .5);border-radius:.4rem;
}
.top-search svg{
	position:absolute;top:50%;left:.8rem;
	margin-top:-.8rem;
	width:1.6rem;height:1.6rem;
	stroke:#BCC1CD;
}
.top-search input{
	width:100%;
	height:3.8rem;line-height:3.8rem;
	background:none;
	border:none;outline:0;
	border-radius:.4rem;
	font-size:1.4rem;color:#333;font-weight:400;
}

.top-lang{
	display:flex;align-items:center;
}
.top-lang-con{
	width:6.5rem;
	display:flex;flex-direction:row;
	border-radius:1.2rem;
	background:rgba(188, 193, 205, .2);
}
.top-lang a{
	width:3.1rem;
	height:2.4rem;line-height:2.4rem;
	font-size:1.2rem;color:#BCC1CD;
	text-align:center;
}
.top-lang a.on{
	width:3.4rem;
	border-radius:1.2rem;
	background:#0E4CA2;
	color:#FFF;
}

.index .head{
	position:fixed;z-index:100;
	width:100%;
}
.idx-ann .head{
	background:none;
}
.idx-ann .head .nav-itm span, .idx-ann .head .nav-itm > a{
	color:#FFF;
}
.idx-ann .head .nav-itm.has-sub span:after, .idx-ann .head .nav-itm.has-sub > a:after{
	border-color:#FFF;
}
.idx-ann .head .nav-itm.on span, .idx-ann .head .nav-itm.on > a{
	font-weight:600;
}
.idx-ann .head .top-search svg{
	stroke:#FFF;
}
.idx-ann .head .top-search input{
	color:#FFF;
}
@media only screen and (max-width: 768px) {
	.head{
		display:none;
	}
}

.head-m{
	display:none;
}
@media only screen and (max-width: 768px) {
	.head-m{
		display:block;height:6rem;
	}
	.logo-m{
		position:absolute;top:.4rem;left:2rem;
		height:5.2rem;
	}
	.top-m-menu-btn{
        position:absolute;top:1.2rem;right:1rem;
		width:4.4rem;height:4.4rem;
	}
	.top-m-menu-btn em, .top-m-menu-btn:before, .top-m-menu-btn:after{
		content:'';position:absolute;left:1rem;
		width:2.3rem;height:.2rem;
		background:#0E4CA2;border-radius:.1rem;
	}
	.top-m-menu-btn em{
		top:2rem;
	}
	.top-m-menu-btn:before{
		top:1.2rem;
	}
	.top-m-menu-btn:after{
		top:2.8rem;
	}
}

/******************************************** 底部 ******************************************************/
#Footer{
	padding:5.6rem 0;
	background:#202227;
}
.foot-top{
    display:flex;width:100%;
}
.foot-cell.c1{
    width:27.5rem;
}
.foot-cell.c2{
	display:flex;flex-direction:column;justify-content:center;
}
.foot-cell.c3{
    flex:1;
	padding-right:8.4rem;
	display:flex;flex-direction:row;justify-content:end;
}
.en .foot-cell.c3{
	padding-right:0;
}

.foot-cell-c3-con{
	display:flex;flex-direction:row;
	gap:3.2rem;
}
.en .foot-cell-c3-con{
	gap:2rem;
}
.foot-cell-c3-itm img{
	display:block;margin:0 auto;
	padding:.8rem;
	width:9.6rem;height:9.6rem;
	border:.1rem solid rgba(188, 193, 205, .3);
	border-radius:.4rem;
}
.foot-cell-c3-itm p{
	margin-top:.8rem;line-height:1.6rem;
	font-size:1.2rem;color:#FFF;
	text-align:center;
}

.foot-logo{
	display:block;margin-left:4.4rem;height:8rem;
}
.foot-cell.c1 p{
	margin-top:1.5rem;
	line-height:2rem;
	font-size:1.4rem;color:#FFF;
}

.foot-blks{
	display:flex;flex-direction:row;
	gap:6.4rem;
}
.foot-blk{
	position:relative;
}
.foot-blk:before{
	content:'';
	position:absolute;top:0;bottom:0;left:-3.2rem;
	border-left:.1rem solid #C9CED6;
	opacity:.5;
}
.foot-blk:first-child:before{
	display:none;
}
.foot-blk p{
	line-height:2.2rem;
}
.foot-blk p a{
	font-size:1.6rem;color:#FFF;
}
.foot-blk ul{
	margin-top:1.2rem;
}
.foot-blk li{
	position:relative;padding-left:1.5rem;
	line-height:2.6rem;
}
.foot-blk li:before{
	content:'';position:absolute;top:1.1rem;left:0;
	width:0;height:0;
	border-left:.5rem solid #FFF;border-top:.3rem solid transparent;border-bottom:.3rem solid transparent;
}
.foot-blk li a{
	font-size:1.4rem;color:#FFF;
}

.foot-cr{
	position:relative;
	margin-top:4rem;padding-top:4rem;
	display:flex;flex-direction:row;justify-content:space-between;
	line-height:2.6rem;
	font-size:1.4rem;color:#FFF;
}
.foot-cr:before{
	content:'';
	position:absolute;top:0;left:0;right:0;
	border-top:.1rem solid #FFF;
	opacity:.2;
}
.foot-cr-itm{
	display:inline-block;
}
.foot-cr-lft .foot-cr-itm{
	position:relative;
	margin-right:4rem;padding-left:2.4rem;
}
.foot-cr-lft .foot-cr-itm svg{
	position:absolute;top:50%;left:0;
	margin-top:-1rem;
	width:2rem;height:2rem;
}
.foot-cr-rgt .foot-cr-itm{
	margin-left:4rem;
}
.foot-cr a{
	color:#FFF;
}
@media only screen and (max-width: 768px) {
	#Footer{
		padding:3rem 3rem;
	}
	.foot-cell.c1{
	    width:100%;
	}
	.foot-cell.c2{
		display:none;
	}
	.foot-cell.c3{
	    display:none;
	}
	
	.foot-logo{
		margin:0 auto;
		height:6rem;
	}
	.foot-cell.c1 p{
		text-align:center;
	}
	
	.foot-cr{
		margin-top:2rem;padding-top:2rem;
		flex-direction:column;
		gap:2rem;
		font-size:1.2rem;
	}
	.foot-cr-lft .foot-cr-itm{
		display:block;
		margin-right:0;padding-left:2.4rem;
	}
	.foot-cr-lft .foot-cr-itm svg{
		margin-top:-.8rem;
		width:1.6rem;height:1.6rem;
	}
	.foot-cr-rgt .foot-cr-itm{
		margin-left:0;
	}
}


/******************************************** 移动侧栏 ******************************************************/
#m_sidebar{
	display:none;position:fixed;top:0;right:0;bottom:0;z-index:90;width:0;text-align:left;overflow:hidden;
}
.side-bg{
	position:absolute;top:0;left:0;right:0;bottom:0;z-index:91;background:rgba(14, 76, 162, .95);
}
.side-cls-btn, .side-con{
	position:absolute;z-index:92;
}
.side-cls-btn{
	top:1rem;left:1rem;width:6rem;height:6rem;
}
.side-cls-btn:before, .side-cls-btn:after{
	content:'';position:absolute;top:50%;left:2rem;width:2rem;height:.2rem;background:#FFF;border-radius:.1rem;
}
.side-cls-btn:before{
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}
.side-cls-btn:after{
	-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
}
.side-con{
	top:8rem;left:0;padding:1rem 1rem;width:100%;
}
.side-nav-itm > a, .side-nav-itm h2{
	display:block;padding:0 4rem 0 3rem;line-height:5rem;
	font-size:1.6rem;color:#FFF;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.side-nav-itm h2{
    position:relative;
}
.side-nav-itm h2:after{
	content:'';position:absolute;top:50%;right:20px;width:1rem;height:1rem;
	margin-top:-.5rem;border-top:.2rem solid #FFF;border-right:.2rem solid #FFF;
	transition:transform .2s ease-in-out;
	transform-origin:50%;
	transform:rotate(45deg);
}
.side-nav-itm h2.on:after{
	transform:rotate(135deg);
}
.side-nav-itm h2 a{
    color:#FFF;
}
.side-nav-itm ul{
    display:none;
}
.side-nav-itm li{
    padding-left:5rem;
}
.side-nav-itm li a{
    display:block;line-height:5rem;
    font-size:1.4rem;color:#FFF;
    overflow:hidden;white-space:nowrap;
}
.side-search{
	position:relative;
	display:block;margin:3rem auto 0;
	width:85%;height:3.5rem;line-height:3.5rem;
	border:.1rem solid #FFF;border-radius:3.5rem;
}
.side-search input{
	position:absolute;top:0;bottom:0;left:1rem;right:3.5rem;
	height:3.5rem;line-height:3.5rem;
	background:none;border:none;outline:0;
	font-size:1.4rem;color:#FFF;
}
.side-search img{
	position:absolute;top:.6rem;right:.9rem;
	width:2rem;
}
.side-lang{
	margin-top:3rem;text-align:center;
}
.side-lang a{
	font-size:1.4rem;color:#FFF;
}
.side-lang b{
	margin:0 2rem;
	font-size:1.4rem;color:#FFF;
}
@media only screen and (max-width: 768px) {
	#m_sidebar{
		display:block;
	}
}

/******************************************** location ******************************************************/
.location{
	line-height:4rem;
	font-size:1.4rem;color:#2A2F3C;font-weight:400;
}
.location a, .location em, .location span{
	display:inline-block;
	vertical-align:middle;
}
.location a{
	color:#858B9B;
}
.location em{
	position:relative;
	margin:0 .8rem;width:1.2rem;height:1.2rem;
}
.location em:after{
	content:'';
	position:absolute;top:.3rem;left:.2rem;
	width:.6rem;height:.6rem;
	border-top:.1rem solid #858B9B;border-right:.1rem solid #858B9B;
	transform:rotate(45deg);
}
@media only screen and (max-width: 768px) {
	.location{
		padding:0 3rem;
	}
}

/******************************************** cats ******************************************************/
.page-cats{
	padding-bottom:1rem;
	white-space:nowrap;overflow:auto;
	scrollbar-width: none;
}
.page-cats a{
	display:inline-block;
	margin-right:1.6rem;padding:0 1.6rem;
	height:4rem;line-height:4rem;
	background:#FFF;border-radius:.4rem;
	font-size:1.4rem;color:#8896AB;font-weight:400;
	box-shadow: 0 .3rem 1.6rem rgba(188, 193, 205, 0.3);
}
.page-cats a:last-child{
	margin-right:0;
}
.page-cats a.on{
	background:#0E4CA2;
	color:#FFF;
}
.page-cats::-webkit-scrollbar {
	height:0;
}
@media only screen and (max-width: 768px) {
	.page-cats{
		padding-bottom:1.5rem;
	}
}

/******************************************** pagination ******************************************************/
.pagination{
	margin-top:2.5rem;
	height:5.6rem;line-height:5.6rem;
	text-align:center;
    user-select:none;
}
.pagination-arr-left, .pagination-arr-right{
	position:relative;display:inline-block;
	width:2.4rem;height:2.4rem;
	vertical-align:middle;
	background:rgba(188, 193, 205, 0.15);
	border-radius:.4rem;
	cursor:pointer;
}
.pagination-arr-left:before, .pagination-arr-right:before{
	content:'';position:absolute;top:50%;
	margin-top:-.1rem;
	width:.6rem;height:.6rem;
	border-top:.1rem solid #495363;
}
.pagination-arr-left:before{
    left:1.3rem;
	border-left:.1rem solid #495363;
	transform:rotate(-45deg) translate(0, -50%)
}
.pagination-arr-right:before{
    right:1.3rem;
	border-right:.1rem solid #495363;
    transform:rotate(45deg) translate(0, -50%);
}
.pagination-arr-left.disabled:before, .pagination-arr-right.disabled:before{
	border-color:#BCC1CD;
}
.pagination-pages{
	display:inline-block;padding:0 .8rem;
}
.pagination-pages a, .pagination-pages em{
	display:inline-block;padding:0 .9rem;
	font-size:1.4rem;color:#2A2F3C;text-decoration:none;
	vertical-align:middle;
}
.pagination-pages em{
	color:#BCC1CD;
}
.pagination-pages a.on{
	color:#2B65F4;
}
.pagination-m{
	display:none;
}
@media only screen and (max-width: 768px) {
	.pagination{
		display:none;
	}
	.pagination-m{
		display:block;padding-top:30px;
		text-align:center;
	}
	.pagination-m a{
		display:inline-block;width:100px;height:40px;line-height:40px;
		background:#FFF;border:1px solid #CCC;border-radius:4px;
		font-size:14px;color:#333;text-align:center;
	}
	.pagination-m a.disabled{
		color:#999;
	}
	.pagination-m span{
		margin:0 10px;font-size:14px;color:#333;
	}
}

/******************************************** banner ******************************************************/
.banner{
	position:relative;
	height:32rem;
    background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.banner-m{
	display:none;
}

.news-banner-top{
	position:absolute;top:50%;left:50%;
	transform:translate(-50%, -50%);
}
.news-banner-top h1{
	line-height:7rem;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.news-banner-top h1 span{
	position:relative;
	font-size:5rem;color:#FFF;font-weight:600;
}
.news-banner-top h1 span:before{
	content:'';
	position:absolute;bottom:1rem;left:0;right:0;z-index:1;
	height:1rem;
	background:#34B5E0;
}
.news-banner-top h1 span b{
	position:relative;z-index:2;
}
.news-banner-top p{
	margin-top:.5rem;line-height:4rem;
	font-size:2.8rem;color:#FFF;font-weight:400;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}

.banner-con{
	position:absolute;top:50%;left:0;right:0;
	transform:translate(0, -50%);
}
.banner-con h3{
	position:relative;
	line-height:7rem;
}
.banner-con h3:before{
	content:'';position:absolute;bottom:2rem;left:0;
	width:19rem;height:1rem;
	background:#56D5FB;
	opacity:.8;
}
.banner-con h3 span{
	position:relative;z-index:2;
	font-size:5rem;color:#FFF;font-weight:400;
}
.banner-con h2{
	margin-top:1rem;
	height:8rem;line-height:8rem;
	font-size:5.8rem;color:#FFF;font-weight:400;
}
.banner-con h5 span{
	display:inline-block;padding:0 1.6rem;
	height:2.8rem;line-height:2.8rem;
	background:#FFF;border-radius:2.8rem;
	font-size:1.2rem;color:#2A2F3C;font-weight:500;
	box-shadow:0 .1rem .2rem rgba(105, 81, 255, 0.05);
}
.banner-con h5 span.b{
	background:#0E4CA2;
	color:#FFF;
}
.banner-con h1{
	margin-top:1.6rem;
	height:8rem;line-height:8rem;
	font-size:5.6rem;color:#FFF;font-weight:600;letter-spacing:.5rem;
}
.banner-con p{
	margin-top:1.6rem;
	height:2.2rem;line-height:2.2rem;
}
.banner-con p span{
	margin-right:2.4rem;
	font-size:1.6rem;color:#FFF;font-weight:400;
}
.banner-con h4{
	margin-top:1.6rem;
	height:3.4rem;line-height:3.4rem;
	font-size:2.4rem;color:#FFF;font-weight:400;
}
@media only screen and (max-width: 768px) {
    .banner{
		display:none;    	
    }
	.banner-m{
		display:block;
		position:relative;
		height:18rem;
		background-repeat:no-repeat;background-size:cover;background-position:center center;
	}
    
	.news-banner-top{
		max-width: 100%;padding: 0 3rem;
		text-align:center;
	}
    .news-banner-top h1{
    	line-height:3.5rem;
    }
    .news-banner-top h1 span{
    	font-size:2.4rem;letter-spacing:.2rem;
    }
    .news-banner-top h1 span:before{
    	bottom:.3rem;
    	height:.5rem;
    }
    .news-banner-top p{
    	margin-top:0;line-height:2.4rem;
    	font-size:1.6rem;
    }
    
	.banner-con{
		padding:0 3rem;
	}
    .banner-con h3{
    	line-height:3.5rem;
    }
    .banner-con h3:before{
    	bottom:1rem;
    	width:9rem;height:.5rem;
    }
    .banner-con h3 span{
    	font-size:2.4rem;
    }
    .banner-con h2{
    	margin-top:.5rem;
    	height:3rem;line-height:3rem;
    	font-size:2.4rem;
    }
    .banner-con h5 span{
    	padding:0 1.6rem;
    	height:2.8rem;line-height:2.8rem;
    	border-radius:2.8rem;
    	font-size:1.2rem;
    }
    .banner-con h1{
    	margin-top:.6rem;
    	height:3.2rem;line-height:3.2rem;
    	font-size:2.4rem;letter-spacing:.1rem;
		white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
    }
    .banner-con p{
    	margin-top:.6rem;
    	height:auto;line-height:2.2rem;
    }
    .banner-con p span{
		display:block;
    	margin-right:0;
    	font-size:1.2rem;
    }
    .banner-con h4{
    	margin-top:.6rem;
    	height:auto;line-height:2.4rem;
    	font-size:1.4rem;
    }
}

/******************************************** page-con ******************************************************/
.cm-title{
	height:4rem;line-height:4rem;
	font-size:2.8rem;color:#333;font-weight:600;
}
.cm-sub-title{
	height:2rem;line-height:2rem;
	font-size:1.2rem;color: rgba(14, 76, 162, 0.6);font-weight:600;letter-spacing:.1rem;
	text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
	.cm-title{
		height:3rem;line-height:3rem;
		font-size:2rem;
	}
	.cm-sub-title{
		font-size:1.2rem;
	}
}

/******************************************** page-con ******************************************************/
.slider{
	position:relative;
}
.slider-arr{
	position:absolute;z-index:5;
	width:4rem;height:4rem;
	background:rgba(221, 245, 254, .6);
	cursor:pointer;
}
.slider-arr.arr-left{
	left:-6.4rem;
}
.slider-arr.arr-right{
	right:-6.4rem;
}
.slider-arr:after{
	content:'';position:absolute;top:50%;left:50%;
	margin-top:-.7rem;
	width:1.4rem;height:1.4rem;
	border-top:.1rem solid #333;
}
.slider-arr.arr-left:after{
	margin-left:-.4rem;
	border-left:.1rem solid #333;
	transform:rotate(-45deg);
}
.slider-arr.arr-right:after{
	margin-left:-1.1rem;
	border-right:.1rem solid #333;
	transform:rotate(45deg);
}
.slider-arr:hover{
	background: #0E4CA2;
}
.slider-arr:hover:after{
	border-color:#FFF;
}

.slider-group{
	position:relative;
	overflow:hidden;
}
.slider-group-con{
	position:absolute;top:0;left:0;
	width:9999rem;
}
.slider-item{
	float:left;
}
@media only screen and (max-width: 768px) {
	.slider-arr{
		width:3rem;height:3rem;
	}
	.slider-arr.arr-left{
		left:-3rem;
	}
	.slider-arr.arr-right{
		right:-3rem;
	}
	.slider-arr:after{
		margin-top:-.5rem;
		width:1rem;height:1rem;
	}
	.slider-arr.arr-left:after{
		margin-left:-.3rem;
	}
	.slider-arr.arr-right:after{
		margin-left:-.8rem;
	}
}

/******************************************** evt ******************************************************/
.evt{
	margin-right:2.4rem;
	width:34.2rem;
	box-shadow: 0 .3rem 1.6rem rgba(188, 193, 205, 0.3);
}
.evt-img{
	height:22.7rem;
	overflow:hidden;
}
.evt-img-con{
	height:22.7rem;
	background-repeat:no-repeat;background-size:cover;background-position:center;
	transition:ease all .5s;
}
.evt-inf{
	padding:1.2rem 1.6rem;
}
.evt-title{
	height:4rem;line-height:2rem;
	font-size:1.6rem;color:#333;font-weight:600;letter-spacing:.1rem;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.evt-date{
	margin-top:.8rem;line-height:1.7rem;
	font-size:1.2rem;color:#8A97A2;letter-spacing:.1rem;
}
.evt:hover .evt-img-con{
	transform:scale(1.05);
}
@media only screen and (max-width: 768px) {
	.evt{
		margin-right:2.4rem;
		width:33rem;
	}
	.evt-img{
		height:22rem;
	}
	.evt-img-con{
		height:22rem;
	}
}

/******************************************** activity ******************************************************/
.activity{
	position:relative;
	width:17.2rem;
	height:35rem;
	transition:ease all 0.5s;
}
.activity-img{
	position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;
	background-repeat:no-repeat;background-size:cover;background-position:center;
	overflow:hidden;
}
.activity-mask1, .activity-mask2{
	position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;
	opacity:1;
	transition:ease all 0.5s;
}
.activity-mask1{
	background: linear-gradient(360deg, rgba(8, 22, 24, 0.7) 31.11%, rgba(8, 25, 27, 0.14) 100%);
	opacity:0;
}
.activity:nth-child(1) .activity-mask2{
	background: rgba(92, 65, 12, 0.7);
}
.activity:nth-child(2) .activity-mask2{
	background: rgba(14, 76, 162, 0.7);
}
.activity:nth-child(3) .activity-mask2{
	background: rgba(111, 51, 28, 0.66);
}
.activity:nth-child(4) .activity-mask2{
	background: rgba(2, 79, 120, 0.6);
}
.activity:nth-child(5) .activity-mask2{
	background: rgba(46, 50, 114, 0.7);
}
.activity-title{
	position:absolute;bottom:9rem;left:3rem;right:3rem;z-index:5;
}
.activity-title:before{
	content:'';position:absolute;top:-1.3rem;left:0;
	width:3.6rem;height:.6rem;
}
.activity-title-con{
	height:6.6rem;line-height:2.2rem;
	font-size:1.6rem;color:#FFF;font-weight:600;letter-spacing:.1rem;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
	transition:ease all 0.5s;
}
.activity:nth-child(1) .activity-title:before{
	background:#B99339;
}
.activity:nth-child(2) .activity-title:before{
	background:#13CFDD;
}
.activity:nth-child(3) .activity-title:before{
	background:#F49B7F;
}
.activity:nth-child(4) .activity-title:before{
	background:#1D97E0;
}
.activity:nth-child(5) .activity-title:before{
	background:#9CA7F8;
}
.activity-brief{
	position:absolute;bottom:5rem;left:2.6rem;right:2.6rem;z-index:5;
	height:3rem;line-height:1.5rem;
	font-size:1.2rem;color:rgba(255, 255, 255, .8);font-weight:400;letter-spacing:.1rem;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
	opacity:0;
	transition:ease all 0.5s;
}
.activity-more{
	position:absolute;bottom:1.8rem;left:2.6rem;z-index:5;
	padding:0 3rem 0 1rem;height:2.5rem;line-height:2.3rem;
	border:.1rem solid #FFF;
	font-size:1.2rem;color:#FFF;
	opacity:0;
	transition:ease all 0.5s;
}
.activity-more:after{
	content:'';
	position:absolute;top:.9rem;right:1.6rem;
	width:.6rem;height:.6rem;
	border-right:.1rem solid #FFF;border-bottom:.1rem solid #FFF;
	transform:rotate(-45deg);
}
.activity-more2{
	position:absolute;bottom:2.3rem;left:50%;z-index:5;
	margin-left:-1.6rem;
	width:3.2rem;height:3.2rem;
	opacity:1;
	transition:ease all 0.5s;
}

.activity:first-child{
	width:68.8rem;
}

.activities:hover .activity{
	width:17.2rem;
}
.activities:hover .activity .activity-mask1, .activities:hover .activity .activity-more{
	opacity:0;
}
.activities:hover .activity .activity-mask2, .activities:hover .activity .activity-more2{
	opacity:1;
}
.activities:hover .activity .activity-title{
	left:3rem;right:3rem;
}
.activities:hover .activity .activity-title-con{
	height:6.6rem;line-height:2.2rem;
	font-size:1.6rem;
	-webkit-line-clamp:3;
}
.activities:hover .activity .activity-brief{
	opacity:0;
}

.activities .activity:hover{
	width:68.8rem;
}
.activity:first-child .activity-mask1, .activity:first-child .activity-more, .activities .activity:hover .activity-mask1, .activities .activity:hover .activity-more{
	opacity:1;
}
.activity:first-child .activity-mask2, .activity:first-child .activity-more2, .activities .activity:hover .activity-mask2, .activities .activity:hover .activity-more2{
	opacity:0;
}
.activity:first-child .activity-title, .activities .activity:hover .activity-title{
	left:2.6rem;right:2.6rem;
}
.activity:first-child .activity-title-con, .activities .activity:hover .activity-title-con{
	height:2.5rem;line-height:2.3rem;
	font-size:1.8rem;
	-webkit-line-clamp:1;
}
.activity:first-child .activity-brief, .activities .activity:hover .activity-brief{
	opacity:1;
}
@media only screen and (max-width: 768px) {
	.activity{
		width:33rem;
		height:12rem;
	}
	.activity-title{
		bottom:3rem;left:2rem;right:7rem;
	}
	.activity-title:before{
		width:2rem;height:.3rem;
	}
	.activity-title-con{
		height:4rem;line-height:2rem;
		font-size:1.4rem;
		-webkit-line-clamp:2;
	}
	.activity-brief{
		display:none;
	}
	.activity-more{
		display:none;
	}
	.activity-more2{
		bottom:50%;left:auto;right:2rem;
		margin-left:0;margin-bottom:-1rem;
		width:2rem;height:2rem;
	}
	
	.activity:first-child{
		width:33rem;
	}
	
	.activities:hover .activity{
		width:33rem;
	}
	.activities:hover .activity .activity-mask1, .activities:hover .activity .activity-more{
		opacity:0;
	}
	.activities:hover .activity .activity-mask2, .activities:hover .activity .activity-more2{
		opacity:1;
	}
	.activities:hover .activity .activity-title{
		left:2rem;right:2rem;
	}
	.activities:hover .activity .activity-title-con{
		height:4rem;line-height:2rem;
		font-size:1.4rem;
		-webkit-line-clamp:2;
	}
	
	.activities .activity:hover{
		width:33rem;
	}
	.activity:first-child .activity-mask1, .activity:first-child .activity-more, .activities .activity:hover .activity-mask1, .activities .activity:hover .activity-more{
		opacity:0;
	}
	.activity:first-child .activity-mask2, .activity:first-child .activity-more2, .activities .activity:hover .activity-mask2, .activities .activity:hover .activity-more2{
		opacity:1;
	}
	.activity:first-child .activity-title, .activities .activity:hover .activity-title{
		left:2rem;right:7rem;
	}
	.activity:first-child .activity-title-con, .activities .activity:hover .activity-title-con{
		height:4rem;line-height:2rem;
		font-size:1.4rem;
		-webkit-line-clamp:2;
	}
}

/******************************************** team ******************************************************/
.team-row{
	margin-top:3.2rem;
	display:flex;flex-direction:row;
	gap:2.4rem;
}
.member{
	flex:1;
	background:#FFF;border-radius:.4rem;
	overflow:hidden;
	box-shadow:0 .3rem 1.6rem rgba(188, 193, 205, 0.3);
}
.mem-img{
	height:26rem;
	background-repeat:no-repeat;background-size:cover;background-position:center top;
	overflow:hidden;
}
.mem-img-con{
	height:26rem;
	background-repeat:no-repeat;background-size:cover;background-position:center top;
}
.mem-inf{
	padding:.8rem;
}
.mem-name{
	line-height:2.2rem;
	font-size:1.6rem;color:#000;font-weight:600;
}
.mem-intro{
	margin-top:1.2rem;line-height:1.7rem;
	font-size:1.2rem;color:#858B9B;font-weight:400;
}
@media only screen and (max-width: 768px) {
	.team-row{
		margin-top:2rem;
		display:grid;grid-template-columns:1fr 1fr;
		gap:2.4rem 1.6rem;
	}
	.mem-img{
		height:16rem;
	}
	.mem-img-con{
		height:16rem;
	}
}

/******************************************** filter ******************************************************/
.f1{
	flex:1;
}
.w40{
	width:40rem;
}
.w20{
	width:20rem;
}

.filter{
	padding:4rem 0;
	user-select:none;
}
.filter-row{
	margin-top:1.6rem;
	display:flex;flex-direction:row;justify-content:space-between;
	gap:2.4rem;
}
.filter-row:first-child{
	margin:0;
}
.filter-itm{
	display:flex;flex-direction:row;
}
.filter-itm span, .fipt, .fdate, .fsel{
	line-height:3.2rem;
}
.filter-itm span{
	font-size:1.4rem;color:#2A2F3C;font-weight:400;
}
.fipt, .fdate, .fsel{
	flex:1;
	background:#FFF;
	border:.1rem solid rgba(188, 193, 205, 0.5);border-radius:.4rem;
}
.fipt{
	padding:0 .8rem;
}
.fipt input{
	width:100%;height:3.2rem;line-height:3rem;
	background:none;
	border:none;outline:0;
	font-size:1.4rem;color:#333;font-weight:400;
}
.fipt input::input-placeholder, .fipt input::-webkit-input-placeholder, .fipt input::-moz-placeholder {  
	color: #BCC1CD;  
} 
.fsel{
	position:relative;
	cursor:pointer;
}
.fsel-con{
	position:relative;padding:0 .8rem;
	font-size:1.4rem;color:#333;font-weight:400;
}
.fsel-con:after{
	content:'';position:absolute;top:1.4rem;right:1.2rem;
	border-top:.6rem solid #858B9B;
	border-left:.5rem solid transparent;border-right:.5rem solid transparent;
	transition:ease transform .5s;
}
.fsel-placeholder{
	color:#BCC1CD;
}
.fsel-open .fsel-con:after{
	transform:rotate(180deg);
}
.fsel ul{
	display:none;
	position:absolute;top:100%;left:0;right:0;z-index:9;
	margin-top:.5rem;
	padding:.8rem 0;
	background:#FFF;
	border:.1rem solid rgba(188, 193, 205, 0.5);border-radius:.4rem;
}
.fsel li{
	padding:0 .8rem;line-height:3.2rem;
	font-size:1.4rem;color:#333;font-weight:400;
	white-space:nowrap;
}
.fsel li:hover{
	background:#EAF0FE;
}
.fsel li.fsel-selected{
	background:#EAF0FE;
}

.fdate{
	display:flex;flex-direction:row;
	padding-right:20%;
	background:url(../imgs/svg/date.svg);
	background-repeat:no-repeat;background-size:1.6rem 1.6rem;background-position:right .8rem center;
	cursor:pointer;
}
.fdate input, .fdate em{
	font-size:1.4rem;color:#2A2F3C;font-weight:400;
	text-align:center;
}
.fdate input{
	width:40%;height:3.2rem;line-height:3rem;
	background:none;
	border:none;outline:0;
	cursor:pointer;
}
.fdate em{
	flex:1;
	color:#BCC1CD;
}

.filter-sbt{
	position:relative;padding:0 3.2rem 0 1.6rem;
	line-height:3.2rem;
	background:#0E4CA2;border-radius:.4rem;
	cursor:pointer;
}
.filter-sbt span{
	font-size:1.4rem;color:#FFF;font-weight:400;
}
.filter-sbt svg{
	position:absolute;top:50%;right:1.6rem;
	margin-top:-.7rem;
	width:1.3rem;height:1.3rem;
	stroke:#FFF;
}
@media only screen and (max-width: 768px) {
	.w40{
		width:auto;
	}
	.w20{
		width:auto;
	}
	
	.filter{
		padding:2rem 3rem;
	}
	.filter-row{
		margin-top:1rem;
		flex-direction:column;
		gap:1rem;
	}
	.filter-itm span{
		width:7.5rem;
	}
	
	.fdate{
		padding-right:10%;
	}
	.fdate input{
		width:48%;
	}
	
	.filter-sbt{
		display:inline-block;
	}
}