.section-page{
	display:flex;justify-content:center;
	height:100vh;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.idx-sct1{
	background-image:url(../imgs/01.jpg);
}
.idx-sct2{
	background-image:url(../imgs/02.jpg);
}
.idx-sct3{
	overflow:hidden;
}
.idx-sct4{
	flex-direction:column;
	background-image:url(../imgs/04.jpg);
}

.idx-container{
	position:relative;
	display:flex;flex-direction:column;
	width:144rem;align-items:flex-start;justify-content:center;
}
@media only screen and (max-width: 768px) {
	.section-page{
		padding:0 20px;
	}
	.idx-sct1{
		background-image:url(../imgs/01_m.jpg);
	}
	.idx-container{
		width:100%;
	}
}

/******************************************** index ******************************************************/
.idx-logo{
	position:absolute;top:6.5rem;left:-2.5rem;
}
.idx-logo img{
	height:7.5rem;
}
.idx-7th{
	position:absolute;top:5rem;left:26rem;
}
.idx-7th:before{
	content:'';position:absolute;top:0;bottom:0;left:-3rem;
	border-left:.2rem solid #868787;
}
.idx-7th img{
	height:10rem;
}
.idx-nav{
	position:absolute;top:6.2rem;right:0;
}
.idx-nav a{
	display:inline-block;margin-left:5rem;padding:0 1rem;
	height:5.8rem;line-height:5.8rem;
	font-size:1.8rem;color:#FFF;
}
.lang-en .idx-nav a{
	padding:0;
	font-size:1.6rem;
}
.s1-main h5{
	line-height:4rem;
	font-size:2.4rem;color:#FFF;letter-spacing:.1rem;
}
.s1-main h3{
	margin-top:2rem;line-height:7rem;
	font-size:4.8rem;letter-spacing:.2rem;
	background: linear-gradient(to bottom, rgba(196, 164, 136, .7), rgba(196, 164, 136, 1), rgba(196, 164, 136, .7));
	-webkit-background-clip: text;background-clip: text;
	-webkit-text-fill-color: transparent;text-fill-color: transparent;
	font-family: 'SourceHanSerifCN-Bold';
}
.s1-main h2{
	margin-top:1rem;line-height:11rem;
	font-size:8.4rem;letter-spacing:.2rem;
	background: linear-gradient(to bottom, rgba(222, 194, 163, .4), rgba(222, 194, 163, 1) 40%, rgba(222, 194, 163, .7));
	-webkit-background-clip: text;background-clip: text;
	-webkit-text-fill-color: transparent;text-fill-color: transparent;
	font-family: 'SourceHanSerifCN-Bold';
}
.lang-en .s1-main h3{
	font-size:4.4rem;
}
.lang-en .s1-main h2{
	font-size:6.4rem;
}
.s1-lnks{
	padding:15vh 0;
}
.s1-lnks .btn{
	position:relative;
	margin-right:3rem;
	display:inline-block;padding:0 8rem 0 4rem;
	background:#08112e;
	border:.2rem solid #ad9b94;border-radius:3rem;
	height:5.8rem;line-height:5.2rem;
	font-size:1.8rem;color:#d8b596;letter-spacing:.2rem;
}
.lang-en .s1-lnks .btn{
	font-size:1.6rem;letter-spacing:0;
}
.s1-lnks .btn.btn-primary{
	border:.2rem solid #a18057;
	background:#a18057;
	color:#FFF;
}
.s1-lnks .btn svg{
	position:absolute;right:3rem;top:1.4rem;
	width:2.4rem;height:2.4rem;
	fill:#a18057;
}
.s1-lnks .btn.btn-primary svg{
	fill:#FFF;
}
.s1-tip{
	position:absolute;bottom:8rem;right:-10rem;
	padding-left:10rem;line-height:2.4rem;
	font-size:1.6rem;color:#FFF;
}
.s1-tip img{
	position:absolute;left:0;top:50%;
	width:10rem;
	transform:translate(0, -50%);
}
@media only screen and (max-width: 768px) {
	.idx-logo, .idx-7th, .idx-nav{
		display:none;
	}
	/* .s1-main{
		width:100%;
		text-align:center;
	} */
	.s1-main h5{
		line-height:30px;
		font-size:16px;
	}
	.s1-main h3{
		margin-top:10px;line-height:50px;
		font-size:24px;
	}
	.s1-main h2{
		margin-top:0;line-height:60px;
		font-size:36px;
	}
	.lang-en .s1-main h3{
		font-size:24px;
	}
	.lang-en .s1-main h2{
		margin-top:10px;line-height:40px;
		font-size:28px;
	}
	/* .s1-lnks{
		width:100%;
	} */
	.s1-lnks .btn{
		display:block;
		margin-bottom:20px;padding:0 60px 0 30px;
		width:220px;height:48px;line-height:42px;
		border:1px solid #ad9b94;
		font-size:16px;
		text-align:center;
	}
	.lang-en .s1-lnks .btn{
		width:300px;
		font-size:14px;letter-spacing:0;
	}
	.s1-lnks .btn svg{
		right:24px;top:15px;
		width:18px;height:18px;
	}
	.s1-tip{
		display:none;
	}
}

.s2-line{
	position:relative;margin-top:2rem;
	width:20rem;height:.4rem;
	background:linear-gradient(to right, #240999 0, #240999 60%, #FFFFFF 100%);
}
.s2-line:before{
	content:'';position:absolute;top:50%;left:4rem;
	width:2.4rem;height:1.6rem;
	background:#FFF;
	transform:translate(0, -50%);
}
.s2-line:after{
	content:'';position:absolute;top:50%;left:4.4rem;
	margin-top:-.1rem;
	width:1rem;height:1rem;
	background:#FFF;
	border:.3rem solid #240999;
	transform:rotate(45deg) translate(0, -50%);
}
.s2-line2{
	margin-top:1rem;
	width:12rem;height:.3rem;
}

.s2-t{
	line-height:10rem;
	font-family: 'SourceHanSerifCN-Bold';
	font-size:8.4rem;color:#2801b5;letter-spacing:.2rem;
}
.lang-en .s2-t{
	font-size:6.4rem;letter-spacing:0;
}
.s2-txt{
	margin-top:2rem;
	width:80rem;
}
.s2-txt p{
	margin-top:1.8rem;
	line-height:3.6rem;
	font-size:2rem;color:#333;letter-spacing:.1rem;
}
.s2-txt p:first-child{
	margin:0;
}
.lang-en .s2-txt p{
	line-height:2.8rem;
	font-size:1.6rem;letter-spacing:0;
}

.s2-dps{
	margin-top:14vh;padding-left:9rem;
	width:100%;
}
.s2-dp-row{
	margin-top:2rem;
	display:flex;flex-direction:row;
}
.s2-dp-row:first-child{
	margin:0;
}
.s2-dp-l{
	padding-top:1rem;padding-right:6rem;
}
.s2-dp-h{
	line-height:4rem;
	font-size:2.4rem;color:#2801b5;letter-spacing:.2rem;
}
.s2-dp-r{
	flex:1;
	display:flex;flex-direction:row;
}
.s2-dp{
	flex:1;
	display:flex;flex-direction:column;
	align-items:center;
	padding:0 0 5rem 5rem;
	background-image:url(../imgs/02_itm_bg.jpg);
	background-repeat:no-repeat;background-size:auto 12rem;background-position:center top;
}
.s2-dp-logo img{
	display:block;margin:0 auto;
	height:6rem;
}
@media only screen and (max-width: 768px) {
	.s2-line{
		margin-top:10px;
		width:120px;height:2px;
	}
	.s2-line:before{
		left:20px;
		width:20px;
	}
	.s2-line:after{
		left:24px;
		margin-top:-1px;
		width:6px;height:6px;
		border:1px solid #240999;
	}
	.s2-line2{
		width:80px;height:2px;
	}
	
	.s2-t{
		line-height:60px;
		font-size:36px;
	}
	.lang-en .s2-t{
		font-size:28px;letter-spacing:0;
	}
	.s2-txt{
		margin-top:10px;
		width:100%;
	}
	.s2-txt p{
		margin-top:10px;
		line-height:24px;
		font-size:14px;letter-spacing:0;
	}
	.lang-en .s2-txt p{
		line-height:20px;
		font-size:12px;letter-spacing:0;
	}
	
	.s2-dps{
		margin-top:30px;padding-left:0;
	}
	.s2-dp-row{
		margin-top:30px;
		flex-direction:column;gap:30px;
	}
	.s2-dp-l{
		padding-top:0;
	}
	.s2-dp-h{
		line-height:24px;
		font-size:16px;
	}
	.s2-dp-r{
		display:grid;grid-template-columns:1fr 1fr;gap:20px 20px;
		align-items:center;
	}
	.s2-dp{
		padding:0;
		background-size:auto 60px;background-position:center top;
	}
	.s2-dp-logo img{
		height:auto;
		max-width:100%;max-height:40px;
	}
}


.s3-h{
	position:relative;
	width:100%;line-height:10rem;
	font-family: 'SourceHanSerifCN-Bold';
	font-size:8.4rem;color:#1f296e;letter-spacing:.2rem;
	text-align:center;
}
.lang-en .s3-h{
	font-size:6.4rem;letter-spacing:0;
}
.s3-h:after{
	content:'';position:absolute;top:100%;left:50%;
	width:8rem;height:.4rem;
	background:#1f296e;
	transform:translate(-50%, 0);
}
.s3-h-s{
	margin-top:2rem;
	width:100%;
	display:flex;flex-direction:row;gap:1rem;
	align-items:center;justify-content:center;
	font-size:1.6rem;color:#333;
}
.s3-h-s svg{
	width:2rem;height:2rem;
	fill:#1f296e;
}
.s3-total{
	margin-top:2rem;
	display:flex;flex-direction:row;
	width:100%;
}
.s3-total-itm{
	flex:1;padding-bottom:1rem;
	position:relative;
}
.s3-total-itm:before{
	content:'';position:absolute;top:1rem;bottom:0;left:0;
	width:.2rem;
	background:#ced3e4;
}
.s3-total-itm:first-child:before{
	display:none;
}
.s3-total-itm:after{
	content:'';position:absolute;top:100%;left:50%;
	width:6rem;height:.3rem;
	background:#1f296e;
	transform:translate(-50%, 0);
}
.s3-ti-n{
	line-height:6rem;
	font-size:4.8rem;color:#1f296e;
	text-align:center;
}
.s3-ti-p{
	margin-top:1rem;line-height:3rem;
	font-size:1.6rem;color:#1f296e;
	text-align:center;
}
@media only screen and (max-width: 768px) {
	.s3-h{
		line-height:60px;
		font-size:36px;
	}
	.lang-en .s3-h{
		font-size:28px;letter-spacing:0;
	}
	.s3-h:after{
		width:50px;height:2px;
	}
	.s3-h-s{
		margin-top:10px;
		gap:6px;
		font-size:12px;
	}
	.s3-h-s svg{
		width:16px;height:16px;
	}
	.s3-total{
		margin-top:10px;
		display:grid;grid-template-columns:1fr 1fr;gap:10px 10px;
		width:100%;
	}
	.s3-total-itm{
		padding-bottom:5px;
	}
	.s3-total-itm:before{
		width:1px;
	}
	.s3-total-itm:nth-child(2n+1):before{
		display:none;
	}
	.s3-total-itm:after{
		width:40px;height:1px;
	}
	.s3-ti-n{
		line-height:40px;
		font-size:28px;
	}
	.s3-ti-p{
		margin:0;line-height:30px;
		font-size:14px;
	}
}

.s3-timeline{
	position:relative;
	margin:10vh -24rem 0;
	width:192rem;height:48rem;
	background-image:url(../imgs/timeline.jpg);
	background-repeat:no-repeat;background-size:auto 100%;background-position:center center;
}
.s3-timeline:before{
	content:'';position:absolute;top:-10vh;right:0;bottom:0;z-index: 10;
	width:100%;
	background:#FFF;
}
.s3-timeline-years{
	position:relative;z-index: 1;
}
.s3-year{
	position:absolute;
	margin-left:-3rem;width:10rem;line-height:5rem;
	font-size:1.6rem;color:#1f296e;
	text-align:center;
	cursor: pointer;
}
.s3-year:before{
	content:'';position:absolute;left:50%;
	width:1rem;height:1rem;
	background:#FFF;
	border:.2rem solid #1f296e;border-radius:50%;
	transform:translate(-50%, 0);
}
.s3-year:after{
	content:'';position:absolute;left:50%;
	width:.2rem;height:10rem;
	background:#b2b8cd;
	transform:translate(-50%, 0);
}
.s3-year-1{ top:6rem;left:34rem; }
.s3-year-2{ top:0;left:43rem; }
.s3-year-3{ top:-3rem;left:52rem; }
.s3-year-4{ top:21rem;left:61rem; }
.s3-year-5{ top:20rem;left:70rem; }
.s3-year-6{ top:-4rem;left:79rem; }
.s3-year-7{ top:31rem;left:88rem; }
.s3-year-8{ top:8rem;left:97rem; }
.s3-year-9{ top:9rem;left:106rem; }
.s3-year-10{ top:36rem;left:115rem; }
.s3-year-11{ top:4rem;left:124rem; }
.s3-year-12{ top:-.5rem;left:133rem; }
.s3-year-13{ top:-2rem;left:142rem; }
.s3-year-14{ top:29rem;left:151rem; }

.s3-year-up:before{ top:100%; }
.s3-year-up:after{ top:100%;margin-top:1rem; }
.s3-year-down:before{ bottom:100%; }
.s3-year-down:after{ bottom:100%;margin-bottom:1rem; }

.s3-year-2:after{
	height:9rem;
}
.s3-year-3:after{
	height:8rem;
}
.s3-year-6:after{
	height:8rem;
}

.s3-timeline-evts{
	position:relative;z-index: 2;
}

.s3-evt{
	position:absolute;
	padding:4rem 4rem 4rem 2rem;
	width:68rem;
	background:#FFF;border-radius:2rem;
	box-shadow:0 0 .4rem .4rem rgba(53, 53, 140, .15);
}
.s3-evt-1{ bottom:-18.5rem;left:25.3rem; }
.s3-evt-2{ bottom:-12rem;left:31.6rem; }
.s3-evt-3{ bottom:-8.4rem;left:33.3rem; }
.s3-evt-4{ bottom:-6.3rem;left:39.3rem; }
.s3-evt-5{ bottom:-5.8rem;left:45.3rem; }
.s3-evt-6{ bottom:-6.3rem;left:51.3rem; }
.s3-evt-7{ bottom:-16.4rem;left:57.3rem; }
.s3-evt-8{ bottom:-21.8rem;left:63.3rem; }
.s3-evt-9{ bottom:-22.5rem;left:69.3rem; }
.s3-evt-10{ bottom:-22.2rem;left:75.5rem; }
.s3-evt-11{ bottom:-16.5rem;left:81.5rem; }
.s3-evt-12{ bottom:-12.2rem;left:87.5rem; }
.s3-evt-13{ bottom:-10.6rem;left:93.5rem; }
.s3-evt-14{ bottom:-13.5rem;left:99.5rem; }
.s3-evt-con{
	position:relative;
	display:flex;flex-direction:row;
}
.s3-evt-l{
	position:relative;
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	width:24rem;
}
.s3-evt-l:after{
	content:'';position:absolute;top:0;bottom:0;right:0;
	width:.2rem;
	background:#bbc3d6;
}
.s3-evt-y{
	line-height:8rem;
	font-size:6.4rem;color:#323fb5;
}
.s3-evt-n{
	position:relative;
	margin-top:0;line-height:5rem;
	font-size:1.4rem;color:#dea044;
}
.s3-evt-n:after{
	content:'';position:absolute;top:100%;left:50%;
	width:6rem;height:.2rem;
	background:#e2ac5c;
	transform:translate(-50%, 0);
}
.s3-evt-r{
	flex:1;padding-left:2rem;
	display:flex;flex-direction:column;gap:1.6rem;
}
.s3-evt-li{
	position:relative;padding-left:4rem;line-height:3rem;
	font-size:1.6rem;color:#333;
}
.s3-evt-li b, .s3-evt-li strong{
	font-weight:700;
}
.lang-en .s3-evt-li{
	line-height:2.4rem;
	font-size:1.4rem;
}
.s3-evt-li svg{
	position:absolute;top:.6rem;left:0;
	width:2rem;height:2rem;
	fill:#323fb5;
}
.s3-evt-con:before{
	content:'';position:absolute;bottom:-6rem;z-index:3;
	width:5rem;height:5rem;
	background:#FFF;
	transform:rotate(45deg);
}
.s3-evt-con:after{
	content:'';position:absolute;bottom:-6.5rem;z-index:2;
	width:5rem;height:5rem;
	background:#FFF;
	box-shadow:.4rem .4rem .4rem .4rem rgba(53, 53, 140, .15);
	transform:rotate(45deg);
}
.s3-evt-pos{
	position:absolute;bottom:-7.5rem;z-index:4;
	width:7.5rem;height:7.5rem;
}
.s3-evt-pos img{
	position:absolute;left:50%;top:50%;
	width:6rem;height:6rem;
	transform:translate(-50%, -50%);
}
.s3-evt-1 .s3-evt-con:before, .s3-evt-1 .s3-evt-con:after{ left:6rem; }
.s3-evt-2 .s3-evt-con:before, .s3-evt-2 .s3-evt-con:after{ left:9rem; }
.s3-evt-3 .s3-evt-con:before, .s3-evt-3 .s3-evt-con:after{ left:16rem; }
.s3-evt-4 .s3-evt-con:before, .s3-evt-4 .s3-evt-con:after{ left:19rem; }
.s3-evt-5 .s3-evt-con:before, .s3-evt-5 .s3-evt-con:after{ left:22rem; }
.s3-evt-6 .s3-evt-con:before, .s3-evt-6 .s3-evt-con:after{ left:25rem; }
.s3-evt-7 .s3-evt-con:before, .s3-evt-7 .s3-evt-con:after{ left:28rem; }
.s3-evt-8 .s3-evt-con:before, .s3-evt-8 .s3-evt-con:after{ left:31rem; }
.s3-evt-9 .s3-evt-con:before, .s3-evt-9 .s3-evt-con:after{ left:34rem; }
.s3-evt-10 .s3-evt-con:before, .s3-evt-10 .s3-evt-con:after{ left:37rem; }
.s3-evt-11 .s3-evt-con:before, .s3-evt-11 .s3-evt-con:after{ left:40rem; }
.s3-evt-12 .s3-evt-con:before, .s3-evt-12 .s3-evt-con:after{ left:43rem; }
.s3-evt-13 .s3-evt-con:before, .s3-evt-13 .s3-evt-con:after{ left:46rem; }
.s3-evt-14 .s3-evt-con:before, .s3-evt-14 .s3-evt-con:after{ left:49rem; }
.s3-evt-1 .s3-evt-pos{ left:6.8rem; }
.s3-evt-2 .s3-evt-pos{ left:9.8rem; }
.s3-evt-3 .s3-evt-pos{ left:16.8rem; }
.s3-evt-4 .s3-evt-pos{ left:19.8rem; }
.s3-evt-5 .s3-evt-pos{ left:22.8rem; }
.s3-evt-6 .s3-evt-pos{ left:25.8rem; }
.s3-evt-7 .s3-evt-pos{ left:28.8rem; }
.s3-evt-8 .s3-evt-pos{ left:31.8rem; }
.s3-evt-9 .s3-evt-pos{ left:34.8rem; }
.s3-evt-10 .s3-evt-pos{ left:37.8rem; }
.s3-evt-11 .s3-evt-pos{ left:40.8rem; }
.s3-evt-12 .s3-evt-pos{ left:43.8rem; }
.s3-evt-13 .s3-evt-pos{ left:46.8rem; }
.s3-evt-14 .s3-evt-pos{ left:49.8rem; }

.s3-timeline-m{
	display:none;
	position:relative;
	margin-top:30px;padding:0 20px;
	width:100%;height:320px;
	background-image:url(../imgs/timeline.jpg);
	background-repeat:no-repeat;background-size:auto 40%;background-position:center bottom -50px;
}
.s3-tm-arr{
	position:absolute;top:140px;z-index:5;
	width:40px;height:40px;
	background:rgba(21, 12, 104, .8);
}
.s3-tm-arr.arr-left{
	left:-20px;
}
.s3-tm-arr.arr-right{
	right:-20px;
}
.s3-tm-arr:after{
	content:'';position:absolute;top:50%;left:50%;
	margin-top:-7px;
	width:14px;height:14px;
	border-top:.1rem solid #FFF;
}
.s3-tm-arr.arr-left:after{
	margin-left:-4px;
	border-left:1px solid #FFF;
	transform:rotate(-45deg);
}
.s3-tm-arr.arr-right:after{
	margin-left:-11px;
	border-right:1px solid #FFF;
	transform:rotate(45deg);
}
.s3-tm-arr:hover{
	background: #0E4CA2;
}
.s3-tm-arr:hover:after{
	border-color:#FFF;
}
.s3-tm-group{
	position:relative;
}
.s3-tm-itm{
	position:absolute;top:0;left:0;z-index:1;
	padding:10px 20px;
	width:100%;height:270px;
	background:#FFF;
	border-radius:8px;
	box-shadow:0 0 .4rem .4rem rgba(53, 53, 140, .15);
	opacity:0;
	transition:ease all 0.5s;
}
.s3-tm-itm.active{
	z-index:3;
	opacity:1;
}
.s3-tm-itm:before{
	content:'';position:absolute;bottom:-10px;z-index:3;
	left:50%;
	width:30px;height:30px;
	background:#FFF;
	transform:translate(-50%, 0) rotate(45deg);
}
.s3-tm-itm:after{
	content:'';position:absolute;bottom:-14px;z-index:2;
	left:50%;
	width:30px;height:30px;
	background:#FFF;
	box-shadow:.4rem .4rem .4rem .4rem rgba(53, 53, 140, .15);
	transform:translate(-50%, 0) rotate(45deg);
}
.s3-tm-t{
	text-align:center;
}
.s3-tm-y{
	line-height:40px;
	font-size:36px;color:#323fb5;font-weight:700;
}
.s3-tm-n{
	line-height:30px;
	font-size:12px;color:#dea044;
}
.s3-tm-c{
	margin-top:4px;padding-top:4px;
	max-height:160px;
	border-top:1px solid #bbc3d6;
	overflow:auto;
}
.s3-tm-li{
	position:relative;
	margin-top:4px;padding-left:30px;
	line-height:24px;
	font-size:14px;color:#333;
}
.s3-tm-li svg{
	position:absolute;top:5px;left:0;
	width:14px;height:14px;
	fill:#323fb5;
}
.s3-tm-pos{
	position:absolute;left:50%;bottom:10px;z-index:4;
	width:30px;height:30px;
	transform:translate(-50%, 0);
}
.s3-tm-pos img{
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;
	transform:translate(-50%, -50%);
}

.s3-download{
	margin-top:-6rem;
	width:100%;
	text-align:right;
}
.s3-download a{
	position:relative;
	display:inline-block;padding:0 10rem 0 6rem;
	height:6rem;line-height:5.4rem;
	border:.2rem solid #35358c;border-radius:2.8rem;
	font-size:1.8rem;color:#35358c;letter-spacing:.2rem;
}
.lang-en .s3-download a{
	font-size:1.6rem;letter-spacing:0;
}
.s3-download svg{
	position:absolute;top:1.5rem;right:5rem;
	width:2.8rem;height:2.8rem;
	fill:#35358c;
}
@media only screen and (max-width: 768px) {
	.s3-timeline{
		display:none;
	}
	.s3-timeline-m{
		display:block;
	}
	.s3-download{
		margin-top:20px;padding-top:0;
	}
	.s3-download a{
		padding:0 60px 0 30px;
		height:36px;line-height:34px;
		border:1px solid #35358c;border-radius:36px;
		font-size:14px;letter-spacing:0;
	}
	.lang-en .s3-download a{
		font-size:14px;letter-spacing:0;
	}
	.s3-download svg{
		top:8px;right:30px;
		width:18px;height:18px;
	}
}



.s4-t{
	width:100%;line-height:10rem;
	font-family: 'SourceHanSerifCN-Bold';
	font-size:8.4rem;color:#0c3294;letter-spacing:.2rem;
	text-align:center;
}
.lang-en .s4-t{
	font-size:6.4rem;letter-spacing: 0;
}
.s4-n{
	margin-top:2rem;
	width:100%;
	text-align:center;
}
.s4-n span{
	position:relative;display:inline-block;
	line-height:3rem;
	font-size:2.4rem;color:#0c3294;letter-spacing:1.4rem;
}
.lang-en .s4-n span{
	font-size:1.8rem;letter-spacing:0;
}
.s4-n span:before, .s4-n span:after{
	content:'';
	position:absolute;top:1.4rem;
	width:8rem;height:.2rem;
}
.s4-n span:before{
	left:-10rem;
	background:linear-gradient(to left, rgba(194,145,45,.55), rgba(194,145,45,.1));
}
.s4-n span::after{
	right:-10rem;
	background:linear-gradient(to right, rgba(194,145,45,.55), rgba(194,145,45,.1));
}
#word_cloud{
	margin-top:6rem;
	width:100%;height:50vh;
	overflow:hidden;
}
.word-cloud{
	z-index: 1;
	text-align:center;
	cursor:pointer;
	transition:ease all .3s;
	font-family: 'SourceHanSerifCN-Medium';
	text-shadow:0 0 10px #fff, 
		0 0 20px #fff,
		0 0 30px #fff,
		0 0 40px #FFF,
		0 0 70px #FFF,
		0 0 80px #FFF,
		0 0 100px #FFF,
		0 0 150px #FFF;
}
.word-cloud.cet{
	font-family: 'SourceHanSerifCN-Heavy';
}
.word-cloud:hover{
	transform:scale(1.05);
	z-index:9;
}
@media only screen and (max-width: 768px) {
	.s4-t{
		line-height:44px;
		font-size:36px;
	}
	.lang-en .s4-t{
		font-size:28px;letter-spacing: 0;
	}
	.s4-n{
		margin-top:1rem;
	}
	.s4-n span{
		line-height:30px;
		font-size:16px;letter-spacing:0;
	}
	.lang-en .s4-n span{
		line-height:24px;
		font-size:14px;letter-spacing:0;
	}
	.s4-n span:before, .s4-n span:after{
		display:none;
	}
	#word_cloud{
		margin-top:30px;
		height:60vh;
		overflow:auto;
	}
	.city-grid{
		display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px 10px;
		align-items:center;
	}
	.word-li{
		position:relative;padding:6px 10px;line-height:24px;
		background:#FFF;
		border:1px solid rgba(76,137,224,.22);
		text-align:center;
		box-shadow:0 4px 13px rgba(35,92,175,.10);
		font-size:16px;
		transition:ease all .3s;
	}
	.word-li b{
		position:absolute;top:3px;bottom:3px;left:0;
		width:2px;
	}
	.word-li i{
		position:absolute;bottom:0;right:0;
		width:0;height:0;
		border-style:solid;
		border-left-color:transparent;
		border-left-width:4px;
		border-bottom-width:4px;
	}
}

.s5-t{
	position:relative;
	width:100%;line-height:10rem;
	text-align:center;
}
.s5-t:after{
	content:'';position:absolute;top:100%;left:50%;
	width:10rem;height:.4rem;
	background:#434ef1;border-radius:.4rem;
	transform:translate(-50%, 0);
}
.s5-t span{
	font-family: 'SourceHanSerifCN-Bold';
	font-size:8.4rem;color:#16135d;letter-spacing:.2rem;
}
.lang-en .s5-t span{
	font-size:6.4rem;letter-spacing:0;
}
.s5-t a{
	position:absolute;top:50%;right:0;
	padding-right:4rem;
	height:3rem;line-height:3rem;
	font-size:1.6rem;color:#150c68;
	transform:translate(0, -50%);
}
.s5-t a svg{
	position:absolute;top:.5rem;right:1rem;
	width:2rem;height:2rem;
	fill:#150c68;
}
@media only screen and (max-width: 768px) {
	.s5-t{
		padding-bottom:30px;
		line-height:60px;
	}
	.s5-t:after{
		top:60px;
		width:60px;height:2px;
	}
	.s5-t span{
		font-size:36px;
	}
	.lang-en .s5-t span{
		font-size:28px;letter-spacing:0;
	}
	.s5-t a{
		top:auto;bottom:0;
		padding-right:20px;
		font-size:14px;
		transform:translate(0, 0);
	}
	.s5-t a svg{
		top:8px;right:0;
		width:16px;height:16px;
	}
}

.s5-con{
	margin-top:4rem;
	display:flex;flex-direction:row;gap:6rem;
	width:100%;
}
.s5-l{
	flex:1;
	position:relative;
	display:flex;flex-direction:column;justify-content:center;gap:4rem;
	padding-left:4rem;
	overflow:hidden;
}
.s5-l:before{
	content:'';position:absolute;top:0;bottom:0;left:0;
	width:.6rem;
	background:linear-gradient(to bottom, #434ef1, #FFF);
	border-radius:.6rem;
}
.s5-l-itm{
	margin-top:2rem;
}
.s5-l-itm:first-child{
	margin:0;
}
.s5-l-cat{
	line-height:3rem;
	font-size:1.6rem;color:#413cf9;
}
.s5-l-title{
	margin-top:1rem;
	line-height:3.6rem;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.s5-l-title a{
	font-size:2.4rem;color:#2a2374;
}
.s5-l-title a:hover{
	color:#413cf9;
}
.s5-l-inf{
	margin:1rem 0;
	display:flex;flex-direction:row;gap:4rem;
}
.s5-l-inf span{
	position:relative;display:inline-block;
	height:3rem;line-height:3rem;
	font-size:1.6rem;color:#383d4f;
}
.s5-l-inf span:after{
	content:'';position:absolute;top:.8rem;bottom:.5rem;right:-2rem;
	border-right:.2rem solid #CCC;
}
.s5-l-inf span:last-child:after{
	display:none;
}
.s5-l-brief{
	height:9rem;line-height:3rem;
	font-size:1.6rem;color:#333;
	overflow:auto;
}
.s5-l-more{
	margin-top:1rem;
}
.s5-l-more a{
	display:inline-block;position:relative;
	padding-right:4rem;
	height:3rem;line-height:3rem;
	font-size:1.6rem;color:#150c68;
}
.s5-l-more a svg{
	position:absolute;top:.5rem;right:.4rem;
	width:2rem;height:2rem;
	fill:#150c68;
}
@media only screen and (max-width: 768px) {
	.s5-con{
		margin-top:20px;
		flex-direction:column;gap:20px;
	}
	.s5-l{
		gap:0;
		padding-left:20px;
	}
	.s5-l:before{
		width:3px;
	}
	.s5-l-itm{
		margin-top:10px;
	}
	.s5-l-cat{
		line-height:24px;
		font-size:14px;
	}
	.s5-l-title{
		margin-top:6px;
		line-height:24px;
		white-space:normal;
		overflow:hidden;text-overflow:ellipsis;
		display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
	}
	.s5-l-title a{
		font-size:18px;
	}
	.s5-l-inf{
		margin:0;
		gap:20px;
	}
	.s5-l-inf span{
		font-size:14px;
	}
	.lang-en .s5-l-inf span{
		height:auto;
		font-size:12px;
	}
	.s5-l-inf span:after{
		right:-10px;
		border-right:1px solid #CCC;
	}
	.s5-l-brief{
		height:auto;max-height:96px;
		line-height:24px;
		font-size:14px;
	}
	.s5-l-more{
		display:none;
		margin-top:6px;
	}
	.s5-l-more a{
		padding-right:20px;
		height:24px;line-height:22px;
		font-size:14px;
	}
	.s5-l-more a svg{
		right:0;
		width:16px;height:16px;
	}
}

.s5-r{
	flex:1;
	display:flex;flex-direction:column;gap:6rem;
}
.s5-r-itm{
	position:relative;
}
.s5-r-itm:after{
	content:'';position:absolute;bottom:-3rem;left:0;right:0;
	border-top:.2rem solid #e5e7ee;
}
.s5-r-itm:last-child:after{
	display:none;
}
.s5-r-cat{
	line-height:3rem;
	font-size:1.6rem;color:#413cf9;
}
.s5-r-title{
	margin:1rem 0;
	line-height:3rem;
}
.s5-r-title a{
	font-size:1.8rem;color:#131313;
}
.s5-r-title a:hover{
	color:#413df9;
}
.s5-r-inf{
	display:flex;flex-direction:row;gap:4rem;
}
.s5-r-inf span{
	position:relative;display:inline-block;
	height:3rem;line-height:3rem;
	font-size:16px;color:#383d4f;
}
.s5-r-inf span:after{
	content:'';position:absolute;top:.8rem;bottom:.5rem;right:-2rem;
	border-right:.2rem solid #CCC;
}
.s5-r-inf span:last-child:after{
	display:none;
}
@media only screen and (max-width: 768px) {
	.s5-r{
		gap:20px;
	}
	.s5-r-itm:after{
		bottom:-10px;
		border-top:1px solid #e5e7ee;
	}
	.s5-r-cat{
		line-height:24px;
		font-size:14px;
	}
	.s5-r-title{
		margin:0;
		line-height:24px;
		overflow:hidden;text-overflow:ellipsis;
		display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
	}
	.s5-r-title a{
		font-size:18px;
	}
	.s5-r-inf{
		gap:20px;
	}
	.s5-r-inf span{
		height:24px;line-height:24px;
		font-size:14px;
	}
	.s5-r-inf span:after{
		right:-10px;
		border-right:1px solid #CCC;
	}
}

.m-tips{
	position:fixed;top:0;left:0;z-index:9;
	width:100%;height:100%;
	background:rgba(0, 0, 0, .65);
}
.m-tips-con{
	position:absolute;top:50%;left:50%;z-index:9;
	padding:24px 0;width:84%;
	background:#eff1f8;border-radius:10px;
	transform:translate(-50%, -50%);
}
.m-tips-con img{
	display:block;margin:0 auto;
	width:66px;
}
.m-tips-con p{
	margin:16px 0;line-height:30px;
	font-size:16px;color:#333;
	text-align:center;
}
.m-tips-btn{
	display:block;margin:0 auto;
	width:64%;height:44px;line-height:44px;
	background:#636b8d;border-radius:44px;
	font-size:14px;color:#FFF;letter-spacing:2px;
	text-align:center;
}

/*************************************** animation ***************************************/
@media only screen and (min-width: 769px) {
	.idx-nav a{
		position:relative;
	}
	.idx-nav a:after{
		content:'';position:absolute;top:100%;left:50%;
		width:0;height:0;
		border-top:1px solid #FFF;
		transform:translate(-50%, 0);
		transition:ease all .6s;
	}
	.idx-nav a:hover:after{
		width:100%;
	}
	.s1-main h3{
		transform:translate(0, 6rem);
		opacity:.1;
		transition:ease all .3s;
	}
	.section-page.active .s1-main h3{
		transform:translate(0, 0);
		opacity:1;
		transition-delay:.6s;
	}
	.s1-main h2{
		transform:translate(0, 8rem);
		opacity:.1;
		transition:ease all .6s;
	}
	.section-page.active .s1-main h2{
		transform:translate(0, 0);
		opacity:1;
		transition-delay:.6s;
	}
	.s1-lnks{
		transform:translate(0, 8rem);
		opacity:.1;
		transition:ease all .6s;
	}
	.section-page.active .s1-lnks{
		transform:translate(0, 0);
		opacity:1;
		transition-delay:.9s;
	}
	.s1-lnks .btn{
		transition:ease all .6s;
	}
	.s1-lnks .btn:hover{
		background:rgba(0, 0, 0, .8);
	}
	.s1-lnks .btn.btn-primary:hover{
		background:rgba(161, 128, 87, .8);
	}
	.s1-lnks .btn svg{
		transition:ease all .3s;
	}
	.s1-lnks .btn:hover svg{
		transform:translate(1rem, 0);
	}
	@keyframes upDown1 {
		0% { transform:translate(0, -.5rem); }
		50% { transform:translate(0, .5rem); }
		100% { transform:translate(0, -.5rem); }
	}
	.s1-tip{
		animation: upDown1 3s ease-out;
		animation-iteration-count: infinite;
	}


	.s2-t, .s2-line, .s2-txt{
		transform:translate(0, -6rem);
		opacity:.1;
		transition:ease all .6s;
	}
	.section-page.active .s2-t, .section-page.active .s2-line{
		transform:translate(0, 0);
		opacity:1;
		transition-delay:.6s;
	}
	.section-page.active .s2-txt{
		transform:translate(0, 0);
		opacity:1;
		transition-delay:.9s;
	}
	.s2-dp-row{
		transform:translate(0, 6rem);
		opacity:.1;
		transition:ease all .6s;
	}
	.section-page.active .s2-dp-row{
		transform:translate(0, 0);
		opacity:1;
		transition-delay:.9s;
	}
	.section-page.active .s2-dp-row:nth-child(2){
		transition-delay:1.2s;
	}


	.s3-h, .s3-h-s, .s3-total{
		transform:translate(0, -6rem);
		opacity:.1;
		transition:ease all .6s;
	}
	.section-page.active .s3-h, .section-page.active .s3-h-s, .section-page.active .s3-total{
		transform:translate(0, 0);
		opacity:1;
		transition-delay:.6s;
	}
	.s3-year{
		transition:ease all .3s;
	}
	.s3-year:hover{
		font-size:2rem;
	}
	.s3-year:before{
		transition:ease all .3s;
	}
	.s3-year.s3-year-up:hover:before{
		width:1.4rem;height:1.4rem;
		transform:translate(-50%, -.2rem);
	}
	.s3-year.s3-year-down:hover:before{
		width:1.4rem;height:1.4rem;
		transform:translate(-50%, .2rem);
	}
	.s3-download a{
		transition:ease all .3s;
	}
	.s3-download a:hover{
		background:rgba(53, 53, 140, 1);
		color:#FFF;
	}
	.s3-download svg{
		transition:ease all .3s;
	}
	@keyframes upDown {
		0% { transform:translate(0, -.5rem); }
		50% { transform:translate(0, .5rem); }
		100% { transform:translate(0, -.5rem); }
	}
	.s3-download a:hover svg{
		fill:#FFF;
		animation: upDown 1s ease-out;
		animation-iteration-count: infinite;
	}
	.s3-timeline:before{
		transition:ease all 1.8s;
		transition-delay:.9s;
	}
	.section-page.active .s3-timeline:before{
		width:0;
	}


	.s4-t, .s4-n{
		transform:translate(0, -6rem);
		opacity:.1;
		transition:ease all .6s;
	}
	.section-page.active .s4-t, .section-page.active .s4-n{
		transform:translate(0, 0);
		opacity:1;
		transition-delay:.6s;
	}
	.s4-canvas{
		transform:translate(0, 6rem);
		opacity:.1;
		transition:ease all .6s;
	}
	.section-page.active .s4-canvas{
		transform:translate(0, 0);
		opacity:1;
		transition-delay:.6s;
	}


	.s5-t{
		transform:translate(0, -6rem);
		opacity:.1;
		transition:ease all .6s;
	}
	.section-page.active .s5-t{
		transform:translate(0, 0);
		opacity:1;
		transition-delay:.6s;
	}

	.s5-l{
		transform:translate(-6rem, 0);
		opacity:.1;
		transition:ease all .6s;
	}
	.section-page.active .s5-l{
		transform:translate(0, 0);
		opacity:1;
		transition-delay:.6s;
	}
	.s5-r{
		transform:translate(6rem, 0);
		opacity:.1;
		transition:ease all .6s;
	}
	.section-page.active .s5-r{
		transform:translate(0, 0);
		opacity:1;
		transition-delay:.6s;
	}
	
	.s5-l-more a:hover, .s5-t a:hover{
		color:#413cf9;
	}
	.s5-l-more a svg, .s5-t a svg{
		transition:ease all .3s;
	}
	.s5-l-more a:hover svg, .s5-t a:hover svg{
		fill:#413cf9;
		transform:translate(.5rem, 0);
	}
}