* {
	margin: 0;
	padding: 0
}

a,
a:hover,
a:visited,
a:active {
	text-decoration: none
}

img {
	border: none
}

ul {
	list-style: none
}

/* font eng*/
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 100;
	src: local("NotoSans-Thin"),
		url('font/NotoSans-Thin.woff2') format('woff2'),
		url('font/NotoSans-Thin.woff') format('woff'),
		url('font/NotoSans-Thin.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 300;
	src: url('font/NotoSans-Light.woff2') format('woff2'),
		url('font/NotoSans-Light.woff') format('woff'),
		url('font/NotoSans-Light.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 400;
	src: url('font/NotoSans-Regular.woff2') format('woff2'),
		url('font/NotoSans-Regular.woff') format('woff'),
		url('font/NotoSans-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 500;
	src: url('font/NotoSans-Medium.woff2') format('woff2'),
		url('font/NotoSans-Medium.woff') format('woff'),
		url('font/NotoSans-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 700;
	src: url('font/NotoSans-Bold.woff2') format('woff2'),
		url('font/NotoSans-Bold.woff') format('woff'),
		url('font/NotoSans-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 900;
	src: url('font/NotoSans-Black.woff2') format('woff2'),
		url('font/NotoSans-Black.woff') format('woff'),
		url('font/NotoSans-Black.otf') format('opentype');
}

/* font jpn*/
@font-face {
	font-family: 'Noto Sans JP';
	font-weight: 100;
	src: url('font2/NotoSansJP-Thin.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-weight: 300;
	src: url('font2/NotoSansJP-Light.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-weight: 400;
	src: url('font2/NotoSansJP-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-weight: 500;
	src: url('font2/NotoSansJP-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-weight: 700;
	src: url('font2/NotoSansJP-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-weight: 900;
	src: url('font2/NotoSansJP-Black.otf') format('opentype');
}

/* font chn*/
@font-face {
	font-family: 'Noto Sans SC';
	font-weight: 100;
	src: url('font2/NotoSansSC-Thin.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans SC';
	font-weight: 300;
	src: url('font2/NotoSansSC-Light.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans SC';
	font-weight: 400;
	src: url('font2/NotoSansSC-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans SC';
	font-weight: 500;
	src: url('font2/NotoSansSC-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans SC';
	font-weight: 700;
	src: url('font2/NotoSansSC-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans SC';
	font-weight: 900;
	src: url('font2/NotoSansSC-Black.otf') format('opentype');
}

html,
body {
	font-family: 'NotoSans', sans-serif;
	width: 100%;
	height: 100%;
}

#intro {
	display: flex;
	height: 100%;
	background: url('../images/bg_intro.jpg') no-repeat center center;
	background-size: cover;
	padding-bottom: 50px;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

#intro .wait_logo {
	/* position:absolute; */
	/* top:30%; */
	/* left:32%; */	
	/* left:20%; */	
	display:flex;
	justify-content:center;	
	animation: ani_slideup 4.0s 0.1s;
	animation-fill-mode: both;
}

#intro .content .bg {
	width: 1280px;
	height: 830px;
	background: black url('../images/bg_cover.jpg') no-repeat center center;
	animation: ani_content 1.0s 4.0s;
	animation-fill-mode: both;	
	animation-timing-function: ease-out;
}

#intro .logo_cover {
	display: block;
	margin: 0 auto;
	padding-top: 50px;
	opacity:0;
	animation: ani_show 2.0s 5.5s;
	animation-fill-mode: both;	
}

#intro .txt_cover	{
	display: flex;
	justify-content: center;
	margin-top: 15px;
	font-size: 27px;
	font-weight:800;
}

#intro .txt_cover span {
	background: linear-gradient(to right, #0080cc, #0062b1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#intro #list_lang {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin-top: 400px;
}

#intro #list_lang li:nth-child(1) {	
	animation: ani_btn 1.0s 6.0s;
	animation-fill-mode: both;	
}
#intro #list_lang li:nth-child(2) {
	animation: ani_btn 1.0s 6.5s;
	animation-fill-mode: both;
}
#intro #list_lang li:nth-child(2) a {
	font-family: 'Noto Sans JP', sans-serif;
}
#intro #list_lang li:nth-child(3) {
	animation: ani_btn 1.0s 7.0s;
	animation-fill-mode: both;
}
#intro #list_lang li:nth-child(3) a {
	font-family: 'Noto Sans SC', sans-serif;
}
#intro #list_lang li:nth-child(4) {
	animation: ani_btn 1.0s 7.5s;
	animation-fill-mode: both;
	border:1px solid red;
}

#intro .btn_lang {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 15px;
	padding: 13px 13px 13px 30px;
	width: 160px;
	height: 50px;
	border-radius: 38px;
	background-color: #0062b1;
	color: #fff;
	text-align: justify;
	font-weight: 700;
	font-size: 24px;
	position: relative;
	overflow: hidden !important;
	transition: all .3s ease-in-out;
	z-index: 10;
}

#intro .btn_lang:hover {
	color: #fff !important;
}

#intro .btn_lang::before {
	content: '';
	width: 0%;
	height: 100%;
	display: block;
	background: #f7b100;
	position: absolute;
	transform: skewX(-20deg);
	left: -10%;
	opacity: 1;
	top: 0;
	z-index: -12;
	transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	box-shadow: 2px 0px 14px rgba(0, 0, 0, .6);
}

#intro .btn_lang:hover::before,
#intro .btn1O:hover::before {
	opacity: 1;
	width: 115%;
}

.lang_cn {
	font-family: 'NotoSans SC', sans-serif;
}

#intro .copyright {
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto;
	padding: 20px 0;
	width: 1280px;
	opacity: 0;
	animation: ani_show 3.0s 5.5s;
	animation-fill-mode: both;	
}

#intro .address {
	margin-left: 120px;
}

#intro .address li {
	color: #fff;
	font-weight: 300;
	font-size: 12px;
	line-height: 18px;
}

#intro .address li.txt_copy {
	font-weight:100;
}

#intro .address span {
	padding-left: 10px
}

#intro .address span:first-child {
	padding-left: 0
}

#intro .address span::before {
	padding-right: 10px;
	content: "/"
}

#intro .address span:first-child::before {
	padding-right: 0;
	content: ""
}

#intro .content {
	margin-top: -30px;
}