/********************************************  首页  ********************************************/
.idx-sct-a{
	position:relative;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.idx-sct-a-bg{
	content:'';
	position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;
	background:linear-gradient(to right, rgba(0, 0, 0, .6) 30%, rgba(0, 0, 0, .2) 60%, transparent 90%);
}
.idx-sct-a .container{
	z-index:3;
	height:70rem;
}
.isa-con{
	position:absolute;top:50%;left:0;
	transform:translate(0, -50%);
}
.isa-con h4{
	line-height:4rem;
	font-size:3rem;color:#FFF;
}
.isa-con h2{
	position:relative;margin-bottom:4.5rem;line-height:9rem;
	font-size:7.2rem;color:#FFF;
}
.isa-con h2:after{
	content:'';
	position:absolute;bottom:-2rem;left:0;
	width:38rem;
	border-top:.1rem solid #FFF;
}
.isa-con p{
	line-height:5rem;
	font-size:3.6rem;color:#FFF;
}
.isa-more{
	margin-top:4rem;
}
.isa-more span{
	display:inline-block;
	width:20rem;height:5rem;line-height:4.8rem;
	border:.1rem solid #FFF;border-radius:5rem;
	font-size:2rem;color:#FFF;
	text-align:center;
	cursor: pointer;
}
.isa-more span i{
	margin-left:.6rem;
	font-size:1.8rem;
}
@media only screen and (max-width: 768px) {
	.idx-sct-a .container{
		height:30rem;
	}
	.isa-con{
		left:3rem;right:3rem;
	}
	.isa-con h4{
		line-height:2rem;
		font-size:1.4rem;
	}
	.isa-con h2{
		margin-bottom:2rem;line-height:3rem;
		font-size:2.4rem;
	}
	.isa-con h2:after{
		bottom:-1rem;
		width:100%;
	}
	.isa-con p{
		line-height:2.5rem;
		font-size:1.6rem;
	}
	.isa-more{
		margin-top:2rem;
	}
	.isa-more span{
		width:12rem;height:2.5rem;line-height:2.4rem;
		border-radius:2.5rem;
		font-size:1.2rem;
	}
	.isa-more span i{
		margin-left:.3rem;
		font-size:1.2rem;
	}
}

.idx-sct-b{
	position:relative;padding:11rem 0 15rem;
}
.idx-sct-b:before{
	content:'';
	position:absolute;top:3rem;left:50%;z-index:1;
	margin-left:-25rem;
	width:50rem;height:50rem;
	background:#eef8ff;border-radius:50%;
}
.idx-sct-b .container{
	z-index:3;
}
.isb-sub-title{
	line-height:3.5rem;
	font-size:3rem;color:var(--sec-font-color);
	text-align:center;
}
.isb-title{
	line-height:7rem;
	font-size:6rem;color:#333;
	text-align:center;
}
@media only screen and (max-width: 768px) {
	.idx-sct-b{
		padding:5rem 3rem 4rem;
	}
	.idx-sct-b:before{
		top:1rem;
		margin-left:-12.5rem;
		width:25rem;height:25rem;
	}
	.isb-sub-title{
		line-height:2rem;
		font-size:1.8rem;
	}
	.isb-title{
		line-height:3.6rem;
		font-size:2.4rem;
	}
}

.isb-con{
	margin-top:6.5rem;
}
.isb-itm{
	display:flex;
	margin-bottom:8rem;
	background:#FFF;border-radius:2rem;
	box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.1);
	overflow:hidden;
}
.isb-itm:nth-child(2n){
	flex-direction: row-reverse;
}
.isb-itm:last-child{
	margin:0;
}
.isb-itm-img, .isb-itm-con{
	flex:1;
}
.isb-itm-img{
	position:relative;
	height:45rem;
	overflow:hidden;
}
.isb-itm-img-con{
	height:45rem;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
	transition:all .5s;
}
.isb-itm-img img{
	position:absolute;top:50%;left:50%;
	width:11rem;
	transform:translate(-50%, -50%);
}
.isb-itm-con{
	display:flex;align-items:center;
}
.isb-itm-inf{
	padding:0 7rem;
}
.isb-itm-title{
	height:6rem;line-height:6rem;
	font-size:4rem;color:#333;font-weight:700;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;
	hyphens: auto;
}
.isb-itm-intro{
	margin-top:3rem;height:16rem;line-height:4rem;
	font-size:2.4rem;color:#333;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;
	hyphens: auto;
}
.isb-itm-more{
	position:relative;
	margin-top:4rem;padding-left:3.5rem;
	height:3rem;line-height:3rem;
	font-size:1.6rem;color:#333;
}
.isb-itm-more i{
	position:absolute;top:50%;left:0;
	margin-top:-1.5rem;line-height:3rem;
	font-size:2.4rem;color:var(--sec-font-color);
}
.isb-itm:hover .isb-itm-img-con{
	transform:scale(1.05);
}
@media only screen and (max-width: 768px) {
	.isb-con{
		margin-top:3rem;
	}
	.isb-itm{
		display:block;
		margin-bottom:4rem;
		border-radius:1rem;
	}
	.isb-itm-img{
		height:18.5rem;
	}
	.isb-itm-img-con{
		height:18.5rem;
	}
	.isb-itm-img img{
		width:5rem;
	}
	.isb-itm-inf{
		padding:2rem 3rem;
	}
	.isb-itm-title{
		height:7.2rem;line-height:2.4rem;
		font-size:1.8rem;
		-webkit-line-clamp:3;
	}
	.isb-itm-intro{
		margin-top:2rem;height:10rem;line-height:2.5rem;
		font-size:1.6rem;
	}
	.isb-itm-more{
		margin-top:2rem;padding-left:2rem;
		height:3rem;line-height:3rem;
		font-size:1.4rem;
	}
	.isb-itm-more i{
		margin-top:-1rem;line-height:2rem;
		font-size:1.4rem;
	}
}

.pop-topic-content{
	position:fixed;top:0;left:0;bottom:0;right:0;z-index:201;
}
.pop-topic-bg{
	position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;
	background:#09170f;opacity:.9;
}
.pop-topic-main{
	position:absolute;top:23rem;left:50%;z-index:2;
	width:116rem;
	transform:translate(-50%, 0);
}
.pop-t-cls{
	position:absolute;top:0;right:0;z-index:2;
	width:3rem;height:3rem;
	cursor:pointer;
}
.pop-t-cls:before, .pop-t-cls:after{
	content:'';position:absolute;top:50%;left:0;
	width:4rem;height:.2rem;
	background:#FFF;
}
.pop-t-cls:before{
	transform:rotate(45deg);
}
.pop-t-cls:after{
	transform:rotate(-45deg);
}
.pop-t-title{
	position:relative;
	margin-top:4rem;line-height:7rem;
	font-size:4.8rem;color:#FFF;
	text-align:center;
}
.pop-t-title:after{
	content:'';
	position:absolute;bottom:-2.5rem;left:50%;
	width:38rem;
	border-top:1px solid #FFF;
	transform:translate(-50%, 0);
}
.pop-t-con{
	margin-top:6rem;padding-right:2rem;
	max-height:calc(100vh - 50rem);
	line-height:4rem;
	font-size:2.4rem;color:#FFF;
	hyphens: auto;text-align:justify;
	overflow:auto;
}
.pop-t-con p{
	margin-bottom:4rem;
}
@media only screen and (max-width: 768px) {
	.pop-topic-main{
		top:4rem;
		width:30rem;
	}
	.pop-t-cls:before, .pop-t-cls:after{
		width:3rem;
	}
	.pop-t-title{
		margin-top:5rem;line-height:3rem;
		font-size:2.4rem;
	}
	.pop-t-title:after{
		width:20rem;
	}
	.pop-t-con{
		margin-top:5rem;padding-right:1rem;
		max-height:calc(100vh - 30rem);
		line-height:2.6rem;
		font-size:1.6rem;
	}
	.pop-t-con p{
		margin-bottom:2.6rem;
	}
}

/********************************************  二级页面  ********************************************/
/***********  team  ***********/
.team-sct{
	padding:10rem 0;
}
.team-itm{
    position:relative;
	float:left;margin-right:16rem;margin-bottom:5rem;
	width:28rem;
	cursor:pointer;
}
.team-itm:nth-child(4n){
    margin-right:0;
}
.team-itm-img{
	height:28rem;
	border-radius:50%;
	overflow:hidden;
}
.team-itm-img-con{
	height:28rem;
    background-repeat:no-repeat;background-size:cover;background-position:center center;
	transition:ease all 0.8s;
}
.team-itm-en{
	margin-top:3rem;height:4rem;line-height:4rem;
	font-size:3rem;color:#333;
	text-align:center;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.team-itm-zh{
	height:4rem;line-height:4rem;
	font-size:2.4rem;color:#333;
	text-align:center;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.team-itm-title{
	height:4rem;line-height:4rem;
	font-size:2.4rem;color:#999;
	text-align:center;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.team-itm-intro{
	display:none;
}
.team-itm:hover .team-itm-img-con{
	transform:scale(1.05);
}
.team-text{
	font-size:2.4rem;line-height: 4rem;
}
@media only screen and (max-width: 768px) {
	.team-sct{
		padding:4rem 3rem;
	}
	.team-itm{
		margin-right:3rem;margin-bottom:2rem;
		width:15rem;
	}
	.team-itm:nth-child(2n){
	    margin-right:0;
	}
	.team-itm-img{
		height:15rem;
	}
	.team-itm-img-con{
		height:15rem;
	}
	.team-itm-en{
		margin-top:1rem;height:3rem;line-height:3rem;
		font-size:1.6rem;
	}
	.team-itm-zh{
		height:2.6rem;line-height:2.6rem;
		font-size:1.4rem;
	}
	.team-itm-title{
		height:2.6rem;line-height:2.6rem;
		font-size:1.4rem;
	}
}

/***********  researches  ***********/
.researches-sct{
	padding:7rem 0 4rem;
}
.researches-sct-even{
	background:#f2f5f8;
}
.rs-sct-sub-title{
	line-height:4rem;
	font-size:3rem;color:var(--sec-font-color);
	text-align:center;
}
.rs-sct-title{
	line-height:8rem;
	font-size:4rem;color:#333;
	text-align:center;
}
.rs-sct-summary{
	margin-top:2rem;
}
.rs-sct-summary p{
	line-height:3.5rem;
	font-size:2rem;color:#333;
	text-align:center;
}
.rs-sct-con{
	margin-top:3.5rem;
}
.rs-itm{
	float:left;margin-right:5rem;margin-bottom:6rem;
	width:50rem;
	border-radius:2rem;
	box-shadow:0 .5rem 2rem rgba(0, 0, 0, .1);
	overflow:hidden;
}
.rs-itm:nth-child(3n){
	margin-right:0;
}
.rs-itm-img{
	height:26rem;
	overflow:hidden;
}
.rs-itm-img-con{
	height:26rem;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
	transition:ease all 0.8s;
}
.rs-itm-title{
	padding:3rem 4rem 3rem 5rem;
}
.rs-itm-title-con{
	line-height:4rem;
	font-size:2.4rem;color:#333;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
	hyphens: auto;
}
.rs-itm:hover .rs-itm-img-con{
	transform:scale(1.05);
}
@media only screen and (max-width: 768px) {
	.researches-sct{
		padding:3rem 3rem;
	}
	.rs-sct-sub-title{
		line-height:2rem;
		font-size:1.6rem;
	}
	.rs-sct-title{
		line-height:4rem;
		font-size:2.4rem;
	}
	.rs-sct-summary{
		margin-top:1rem;
	}
	.rs-sct-summary p{
		line-height:2.4rem;
		font-size:1.4rem;
	}
	.rs-sct-con{
		margin-top:2rem;
	}
	.rs-itm{
		display:block;
		float:none;margin-right:0;margin-bottom:3rem;
		width:100%;
		border-radius:1rem;
	}
	.rs-itm-img{
		height:17rem;
	}
	.rs-itm-img-con{
		height:17rem;
	}
	.rs-itm-title{
		padding:2rem 3rem;
	}
	.rs-itm-title-con{
		line-height:2.4rem;
		font-size:1.6rem;
		-webkit-line-clamp:3;
	}
}

/***********  publications  ***********/
.publications-sct{
	padding:5rem 0 6rem;
}

.pbs-filter{
	display:flex;flex-direction:row;
	gap:3rem;
}
.pbs-select{
	position:relative;
	width:40rem;
	border:1px solid #AAA;
}
.pbs-select-con{
	position:relative;
	display:flex;justify-content:space-between;
	padding-left:2rem;padding-right:4.5rem;
	height:5rem;line-height:5rem;
	cursor:pointer;
}
.pbs-select-con:after{
	content:'';
	position:absolute;top:50%;right:2.2rem;
	margin-top:-.5rem;
	width:1.2rem;height:1.2rem;
	border-right:.2rem solid #AAA;border-bottom:.2rem solid #AAA;
	transform:rotate(45deg) translate(0, -50%);
}
.pbs-sel-t{
	font-size:2rem;color:#333;
}
.pbs-sel-v{
	font-size:2rem;color:#333;
}
.pbs-select ul{
	display:none;
	position:absolute;top:100%;left:-1px;right:-1px;z-index:9;
	margin-top:1px;
	background:#FFF;
	border:1px solid #AAA;
}
.pbs-select li{
	padding:0 2rem;
	height:5rem;line-height:5rem;
	font-size:2rem;color:#333;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	cursor:pointer;
}

.pbs-input{
	flex:1;
	position:relative;
	padding:0 6rem 0 2.2rem;
	border:1px solid #AAA;
}
.pbs-input input{
	width:100%;height:5rem;line-height:5rem;
	font-size:2rem;color:#333;
	border:none;outline:0;
}
.pbs-input svg{
	position:absolute;top:50%;right:2rem;
	width:2.2rem;height:2.2rem;
	transform:translate(0, -50%);
}

.pbs-list{
	margin-top:3rem;
}
.pbs-year{
	line-height:10rem;
	font-size:4.5rem;color:#333;
}
.pbs-itm{
    padding:5rem 0 4rem;
	border-top:1px solid #666;
}
.pbs-itm-main{
    position:relative;padding-right:10rem;
}
.pbs-itm-title{
	line-height:3.6rem;
	font-size:2.4rem;color:#333;
	hyphens: auto;text-align:justify;
}
.pbs-itm-title b,.pbs-itm-title strong{
	font-weight:700;
}
.pbs-itm-inf{
	margin-top:1rem;
	display:flex;justify-content:space-between;
	line-height:3.5rem;
}
.pbs-itm-inf i{
	font-size:2rem;color:#000;
}
.pbs-itm-inf a{
	font-size:2rem;color:#999;
}
.pbs-itm-desc{
    padding-right:10rem;line-height:3rem;
    font-size:2rem;color:#999;
}
.pbs-itm-more{
    content:'';position:absolute;top:50%;right:0;
    margin-top:-2rem;
    width:4rem;height:4rem;
    cursor:pointer;
}
.pbs-itm-more:before, .pbs-itm-more:after{
	content:'';position:absolute;top:50%;right:.5rem;
	width:3rem;
	border-top:2px solid #5196ec;
    transition:ease all .4s;
}
.pbs-itm-more:after{
	transform:rotate(90deg);
}
.pbs-itm-more.open:before{
    transform:rotate(45deg);
}
.pbs-itm-more.open:after{
    transform:rotate(135deg);
}
@media only screen and (max-width: 768px) {
	.publications-sct{
		padding:3rem 3rem;
	}

	.pbs-filter{
		flex-direction:column;
		gap:1rem;
	}
	.pbs-select{
		width:100%;
	}
	.pbs-select-con{
		padding-left:1.5rem;padding-right:4.5rem;
		height:4rem;line-height:4rem;
	}
	.pbs-select-con:after{
		right:2rem;
		margin-top:-.3rem;
		width:.8rem;height:.8rem;
		border-right:.1rem solid #AAA;border-bottom:.1rem solid #AAA;
	}
	.pbs-sel-t{
		font-size:1.6rem;
	}
	.pbs-sel-v{
		font-size:1.6rem;
	}
	.pbs-select li{
		padding:0 1.6rem;
		height:4rem;line-height:4rem;
		font-size:1.6rem;
	}

	.pbs-input{
		padding:0 4rem 0 1.3rem;
	}
	.pbs-input input{
		height:4rem;line-height:4rem;
		font-size:1.6rem;
	}
	.pbs-input svg{
		right:1.8rem;
		width:1.8rem;height:1.8rem;
	}

	.pbs-list{
		margin-top:3rem;
	}
	.pbs-year{
		line-height:6rem;
		font-size:3.2rem;
	}
	.pbs-itm{
		padding:3rem 0 2rem;
	}
    .pbs-itm-main{
        padding-right:3rem;
    }
	.pbs-itm-title{
		line-height:2.4rem;
		font-size:1.6rem;
	}
	.pbs-itm-inf{
		line-height:2rem;
	}
	.pbs-itm-inf i{
		font-size:1.4rem;
	}
	.pbs-itm-inf a{
		font-size:1.4rem;
	}
    .pbs-itm-desc{
        padding-right:3rem;line-height:2rem;
        font-size:1.4rem;
    }
    .pbs-itm-more{
        margin-top:-1.5rem;
        width:2.5rem;height:3rem;
    }
    .pbs-itm-more:before, .pbs-itm-more:after{
        right:0;
        width:1.5rem;
        border-top:1px solid #5196ec;
    }
}


.ps-title{
	line-height:5rem;
	font-size:4.5rem;color:#333;
}
.ps-list{
	margin-top:2rem;padding:6rem 0 3rem;
	border-top:.1rem solid #666;
}
.ps-itm{
	float:left;margin-right:11.3rem;margin-bottom:6rem;
	width:31.5rem;
}
.ps-itm:nth-child(4n){
	margin-right:0;
}
.ps-itm-img{
	height:40rem;
	box-shadow:#dfe1e5 1px -1px, #e7ecf0 2px -2px, #dfe1e5 3px -3px, #e7ecf0 4px -4px, #dfe1e5 5px -5px, #e7ecf0 6px -6px, #dfe1e5 7px -7px;
	overflow:hidden;
}
.ps-itm-img-con{
	height:40rem;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
	transition:ease all 0.8s;
}
.ps-itm-title{
	margin-top:3.5rem;height:21rem;line-height:3rem;
	font-size:2rem;color:#333;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;
	hyphens: auto;text-align:justify;
}
.ps-itm-title b{
	font-weight:700;
}
.ps-itm:hover .ps-itm-img-con{
	/* transform:scale(1.05); */
}
@media only screen and (max-width: 768px) {
	.ps-title{
		line-height:3rem;
		font-size:2.4rem;
	}
	.ps-list{
		margin-top:1rem;padding:3rem 0 1rem;
	}
	.ps-itm{
		float:left;margin-right:3rem;margin-bottom:3rem;
		width:15rem;
	}
	.ps-itm:nth-child(2n){
		margin-right:0;
	}
	.ps-itm-img{
		height:19rem;
	}
	.ps-itm-img-con{
		height:19rem;
	}
	.ps-itm-title{
		margin-top:2rem;height:15.4rem;line-height:2.2rem;
		font-size:1.4rem;
		-webkit-line-clamp:7;
	}
	.ps-itm-title b{
		font-weight:700;
	}
}

/***********  news  ***********/
.news-sct{
	padding:7rem 0 13rem;
}
.news-top{
	position:relative;padding-left:14rem;
}
.news-top img{
	position:absolute;top:50%;left:0;
	margin-top:-5.3rem;
	width:10.6rem;height:10.6rem;
}
.news-top p{
	line-height:4rem;
	font-size:2.4rem;color:#333;
}

.news-list{
	margin-top:8rem;
	border-top:.1rem solid #CCC;
}
.news-itm{
	display:flex;flex-direction:row;
	position:relative;padding:8rem 0;
}
.news-itm:before{
	content:'';position:absolute;top:0;left:0;right:0;
	height:.2rem;
	background-image: linear-gradient(to right, #CCC 20%, transparent 20%);
	background-size:.8rem .2rem;
	background-repeat: repeat-x;
}
.news-itm:first-child:before{
	display:none;
}
.news-itm-img{
	width:60rem;height:40rem;
	border-radius:2rem;
	overflow:hidden;
}
.news-itm-img-con{
	height:40rem;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.news-itm-inf{
	flex:1;
	padding-left:8rem;
	display:flex;flex-direction:column;
}
.news-itm-date{
	line-height:4rem;
	font-size:2.4rem;color:var(--sec-font-color);
}
.news-itm-title{
	line-height:5.5rem;
	font-size:3.2rem;color:#333;font-weight:700;
}
.news-itm-intro{
	flex:1;
	margin-top:2rem;line-height:4rem;
	font-size:2rem;color:#666;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;
}
.news-itm-more{
	position:relative;padding-left:3.5rem;
}
.news-itm-more i{
	position:absolute;top:50%;left:0;
	margin-top:-1.25rem;
	line-height:2.5rem;
	font-size:2.4rem;color:var(--sec-font-color);
}
.news-itm-more a{
	display:inline-block;line-height:2.5rem;
	font-size:2rem;color:#333;
}
.news-title{
	line-height:5.5rem;
	font-size:4.4rem;color:#333;font-weight:500;text-align: center;
}
.news-description{
	margin-top:8rem;
	font-size:1.8rem;
	line-height:150%;
}
.news-description p{margin-bottom:1.5rem;}
@media only screen and (max-width: 768px) {
	.news-sct{
		padding:3rem 3rem;
	}
	.news-top{
		padding-left:0;
	}
	.news-top img{
		position:initial;
		display:block;margin:0 auto 2rem;
		width:10.6rem;height:10.6rem;
	}
	.news-top p{
		line-height:2.4rem;
		font-size:1.6rem;
	}

	.news-list{
		margin-top:3rem;
	}
	.news-itm{
		display:block;
		padding:3rem 0;
	}
	.news-itm:before{
		height:.1rem;
	}
	.news-itm-img{
		width:100%;height:22rem;
		border-radius:1rem;
	}
	.news-itm-img-con{
		height:22rem;
	}
	.news-itm-inf{
		margin-top:2rem;padding-left:0;
	}
	.news-itm-date{
		line-height:3rem;
		font-size:1.6rem;
	}
	.news-itm-title{
		line-height:2.8rem;
		font-size:2rem;font-weight:700;
	}
	.news-itm-intro{
		margin-top:1.5rem;line-height:2.4rem;
		font-size:1.4rem;color:#666;
		-webkit-line-clamp:6;
	}
	.news-itm-more{
		margin-top:2rem;padding-left:2.5rem;
	}
	.news-itm-more i{
		margin-top:-1rem;
		line-height:2rem;
		font-size:1.6rem;
	}
	.news-itm-more a{
		line-height:2rem;
		font-size:1.4rem;
	}
}

/***********  database  ***********/
.db-title{
	line-height:8.5rem;
	border-bottom:.1rem solid #666;
	font-size:4.5rem;color:#333;
}

.database-sct{
	padding:6rem 0 22rem;
}
.db-map{
	float:left;width:80rem;
}
.db-map-con{
	padding-top:8rem;
}
.db-map-con img{
	width:100%;
}

.db-download{
	float:right;width:60rem;
}
.db-download-con{
	padding-top:4rem;
}
.db-download-itm{
	display:block;
	position:relative;padding:0 4rem 0 3rem;
	height:10rem;line-height:10rem;
	font-size:2.4rem;color:#333;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.db-download-itm:before{
	content:'';position:absolute;top:50%;left:1rem;
	margin-top:-.3rem;
	width:.7rem;height:.7rem;
	background:#aaaaaa;border-radius:50%;
}
.db-download-itm:after{
	content:'';position:absolute;top:100%;left:0;right:0;
	margin-top:-.2rem;height:.2rem;
	background-image: linear-gradient(to right, #CCC 20%, transparent 20%);
	background-size:.8rem .2rem;
	background-repeat: repeat-x;
}
.db-download-itm i{
	position:absolute;top:50%;right:0;
	margin-top:-1.5rem;
	width:3rem;height:3rem;line-height:3rem;
	font-size:2.8rem;color:var(--sec-font-color);
}
.page-description p{
	line-height: 4rem;
    font-size: 2.4rem;
    color: #333;
}
@media only screen and (max-width: 768px) {
	.db-title{
		line-height:5rem;
		font-size:2.4rem;
	}

	.database-sct{
		padding:3rem 3rem;
	}
	.db-map{
		float:none;width:100%;
	}
	.db-map-con{
		padding-top:3rem;
	}

	.db-download{
		margin-top:3rem;
		float:none;width:100%;
	}
	.db-download-con{
		padding-top:2rem;
	}
	.db-download-itm{
		padding:0 4rem 0 1rem;
		height:5rem;line-height:5rem;
		font-size:1.4rem;
	}
	.db-download-itm:before{
		left:0;
		margin-top:-.2rem;
		width:.4rem;height:.4rem;
	}
	.db-download-itm:after{
		margin-top:-.1rem;height:.1rem;
	}
	.db-download-itm i{
		margin-top:-1rem;
		width:2rem;height:2rem;line-height:2rem;
		font-size:1.8rem;
	}
}

.contact-sct{
	padding:5.5rem 0 10rem;
	background:#EEE;
}
.contact-form{
	margin-top:6rem;
}
.cfm-top{
	display:flex;flex-direction:row;justify-content:space-between;gap:1.5rem;
}
.cfm-itm, .cfm-textarea{
	background:#FFF;border-radius:.5rem;
	box-shadow:inset 0 .5rem .5rem -.5rem rgba(221, 221, 221, .25), inset .5rem 0 .5rem -.5rem rgba(221, 221, 221, .25);
}
.cfm-itm{
	flex:1;
	min-width:0;
}
.cfm-itm input{
	padding:0 3rem;
	width:100%;height:6rem;line-height:6rem;
	font-size:2rem;color:#333;
}
.cfm-select{
	position:relative;padding:0 6rem 0 3rem;
}
.cfm-select:after{
	content:'';position:absolute;top:50%;right:2rem;
	margin-top:-.6rem;
	width:1.2rem;height:1.2rem;
	border-bottom:.3rem solid #333;border-left:.3rem solid #333;
	transform:rotate(-45deg);
}
.cfm-select-con{
	display:block;
	width:100%;line-height:6rem;
	font-size:2rem;color:#333;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	cursor:pointer;
}
.cfm-select ul{
	display:none;
	position:absolute;top:100%;left:0;right:0;
	margin-top:.1rem;
	background:#FFF;border-radius:.5rem;
	box-shadow:0 0.5rem 0.5rem rgba(221, 221, 221, .25);
}
.cfm-select li{
	padding:0 3rem;line-height:6rem;
	font-size:1.8rem;color:var(--main-font-color);
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	cursor:pointer;
}
.cfm-textarea{
	margin-top:5rem;
}
.cfm-textarea textarea{
	padding:3rem 3rem;
	width:100%;height:30rem;
	line-height:3rem;
	font-size:2rem;color:#333;
}
.cfm-btn{
	margin-top:4rem;
	text-align:right;
}
.cfm-btn span{
	display:inline-block;width:15rem;height:5rem;line-height:4.8rem;
	background:var(--sec-font-color);border-radius:5rem;
	font-size:2rem;color:#FFF;
	text-align:center;
	cursor:pointer;
}
.contact-form input, .contact-form textarea{
	background:none;
	border:0;outline:0;
}
@media only screen and (max-width: 768px) {
	.contact-sct{
		padding:3rem 3rem;
	}
	.contact-form{
		margin-top:3rem;
	}
	.cfm-top{
		flex-direction:column;gap:2rem;
	}
	.cfm-itm input{
		padding:0 2rem;
		height:4rem;line-height:4rem;
		font-size:1.6rem;
	}
	.cfm-select{
		padding:0 4rem 0 2rem;
	}
	.cfm-select:after{
		margin-top:-.4rem;
		width:.8rem;height:.8rem;
		border-bottom:.2rem solid #333;border-left:.2rem solid #333;
	}
	.cfm-select-con{
		line-height:4rem;
		font-size:1.6rem;
	}
	.cfm-select li{
		padding:0 2rem;line-height:4rem;
		font-size:1.5rem;
	}
	.cfm-textarea{
		margin-top:3rem;
	}
	.cfm-textarea textarea{
		padding:1.5rem 2rem;
		height:28rem;
		line-height:2.5rem;
		font-size:1.6rem;
	}
	.cfm-btn{
		margin-top:2rem;
	}
	.cfm-btn span{
		width:12rem;height:4rem;line-height:3.8rem;
		border-radius:4rem;
		font-size:1.6rem;
	}
}


.album-sct{
	padding:3rem 0 12rem;
}
.album-sct-loc{
	line-height:8rem;
	border-bottom:1px solid #666;
	font-size:3rem;color:#333;
}
.album-sct-loc span{
	display:inline-block;
	font-style:italic;
	vertical-align:middle;
}
.album-sct-loc em{
	display:inline-block;margin:0 1rem;
	width:1.5rem;height:1.5rem;
	border-right:1px solid #000;border-top:1px solid #000;
	transform:rotate(45deg);
	vertical-align:middle;
}
.album-tags{
	margin-top:5rem;
}
.album-tags a{
	display:inline-block;margin-right:2rem;padding:0 2rem;margin-bottom:1rem;
	height:3.6rem;line-height:3.4rem;
	border:1px solid #8bc136;
	font-size:2rem;color:#8bc136;
	cursor:pointer;
}
.album-tags a.on{
	background:#8bc136;
	color:#FFF;
}
.album-con{
	margin-top:5rem;
	column-width: 50rem;
	column-gap: 5rem;
}
.album-itm{
	position:relative;
	margin-bottom:5rem;
}
.album-itm img{
	display:block;width:100%;
}
.album-itm-inf{
	position:absolute;left:0;right:0;bottom:0;
	padding:6rem 4.5rem 2.5rem 4.5rem;
	background:linear-gradient(to bottom, transparent, rgba(0, 0, 0, .6));
	opacity:0;
	transition:all .5s;
}
.album-itm-title{
	line-height:3.6rem;
	font-size:2.4rem;color:#FFF;
	hyphens: auto;text-align:justify;
}
.album-itm-date{
	margin-top:1rem;line-height:3.5rem;
	font-size:2rem;color:#FFF;
}
.album-itm-tag{
	margin-top:.5rem;line-height:3.5rem;
}
.album-itm-tag a{
	margin-right:1rem;
	font-size:2rem;color:#8bc136;
}
.album-itm:hover .album-itm-inf{
	opacity:1;
}
@media only screen and (max-width: 768px) {
	.album-sct{
		padding:3rem 3rem;
	}
	.album-sct-loc{
		line-height:4rem;
		font-size:1.6rem;
	}
	.album-sct-loc em{
		margin:0 .5rem;
		width:1rem;height:1rem;
	}
	.album-tags{
		margin-top:3rem;
	}
	.album-tags span{
		margin-right:1.5rem;padding:0 1.5rem;
		height:2.6rem;line-height:2.4rem;
		font-size:1.6rem;
	}
	.album-con{
		margin-top:3rem;
		column-width: 100%;
		column-gap: 0;
	}
	.album-itm{
		margin-bottom:3rem;
	}
	.album-itm-inf{
		padding:2rem 1.5rem 1.5rem 1.5rem;
		opacity:1;
	}
	.album-itm-title{
		line-height:2.6rem;
		font-size:1.6rem;
	}
	.album-itm-date{
		margin-top:.5rem;line-height:2.5rem;
		font-size:1.4rem;
	}
	.album-itm-tag{
		margin-top:0;line-height:2.5rem;
	}
	.album-itm-tag span{
		font-size:1.4rem;
	}
}

.album-pop{
	position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;
	display:flex;align-items:center;justify-content:center;
	background:rgba(0,0,0,.6);
	transition:transform 300ms linear;
}
.album-pop-con{
	max-width:80%;
}
.album-pop-img{
	display:block;
	width:100%;max-height:80vh;
	object-fit: cover;
}
.album-pop-inf{
	position:relative;
}
.album-pop-title{
	position:absolute;top:0;left:0;right:0;
	padding:2rem 8rem 2rem 2rem;
	line-height:2.4rem;min-height:2.4rem;
	background:#FFF;
	font-size:1.6rem;color:#2c3e50;
}
.album-pop-cls{
	position:absolute;top:2rem;right:1rem;
	margin-top:-2rem;
	width:4rem;height:4rem;
	cursor:pointer;
}
.album-pop-cls:before, .album-pop-cls:after{
	content:'';
	position:absolute;top:50%;left:.5rem;
	width:3rem;height:.3rem;
	background:#666;border-radius:.3rem;
}
.album-pop-cls:before{
	transform:rotate(45deg);
}
.album-pop-cls:after{
	transform:rotate(-45deg);
}
@media only screen and (max-width: 768px) {
	.album-pop-inf{
		padding:1rem 6rem 1rem 2rem;
	}
	.album-pop-title{
		min-height:2.4rem;line-height:2.4rem;
		font-size:1.4rem;
	}
	.album-pop-cls{
		position:absolute;top:50%;right:1rem;
		margin-top:-2rem;
		width:4rem;height:4rem;
		cursor:pointer;
	}
	.album-pop-cls:before, .album-pop-cls:after{
		left:1rem;
		width:2rem;height:.2rem;
		border-radius:.2rem;
	}
}

#to_top{
	display: none;
	position: fixed;bottom:8rem;right:8rem;z-index:9999;
	cursor: pointer;
}
@media only screen and (max-width: 768px) {
	#to_top{
		opacity:0;
	}
}
