满洲里商务局培训报名入口 | 打造一流商务人才 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>满洲里商务局培训报名入口 | 打造一流商务人才</title>
	<meta name='description' content='满洲里商务局官方网站培训报名入口，提供商务人才培训课程报名，助力满洲里经济发展，打造一流商务人才队伍。'>
	<meta name='keywords' content='满洲里商务局,商务培训,人才培训,报名入口,满洲里经济,商务人才'>
	<style>
		body {
			background-color: #F0F8FF;
			font-family: Arial, sans-serif;
		}
		h1 {
			color: #000080;
			text-align: center;
			margin-top: 50px;
		}
		#login {
			margin: 50px auto;
			width: 400px;
			height: 300px;
			background-color: #FFFFFF;
			border: 2px solid #000080;
			border-radius: 10px;
			padding: 20px;
			box-shadow: 5px 5px 5px #888888;
		}
		#login h2 {
			color: #000080;
			text-align: center;
			margin-bottom: 20px;
		}
		#login label {
			display: block;
			margin-bottom: 10px;
		}
		#login input[type='text'], #login input[type='password'] {
			width: 100%;
			padding: 10px;
			border: 1px solid #000080;
			border-radius: 5px;
			margin-bottom: 20px;
			box-sizing: border-box;
		}
		#login input[type='submit'] {
			background-color: #000080;
			color: #FFFFFF;
			border: none;
			padding: 10px 20px;
			border-radius: 5px;
			cursor: pointer;
			float: right;
		}
		#login input[type='submit']:hover {
			background-color: #0000CD;
		}
		#slogan {
			text-align: center;
			margin-top: 50px;
			font-size: 24px;
			color: #000080;
		}
		#bear {
			margin: 50px auto;
			width: 200px;
			height: 200px;
			background-image: url('https://i.imgur.com/5iZpLWl.gif');
			background-size: contain;
			background-repeat: no-repeat;
			animation: blink 1s infinite;
		}
		@keyframes blink {
			0% {
				opacity: 1;
			}
			50% {
				opacity: 0.5;
			}
			100% {
				opacity: 1;
			}
		}
	</style>
</head>
<body>
	<h1>满洲里商务局培训报名</h1>
	<div id='login'>
		<h2>登录</h2>
		<form>
			<label for='username'>用户名：</label>
			<input type='text' id='username' name='username' required>
			<label for='password'>密码：</label>
			<input type='password' id='password' name='password' required>
			<input type='submit' value='登录'>
		</form>
	</div>
	<div id='slogan'>
		<p>打造一流商务人才，铸就满洲里经济新辉煌！</p>
	</div>
	<div id='bear'></div>
</body>
</html>