body {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
form {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
h1 {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
h2 {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
h3 {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
h4 {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
h5 {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
h6 {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
ul {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
ol {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
li {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
dl {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
dd {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
dt {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
p {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
hr {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
input {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
em {
	list-style: none; margin: 0px; padding: 0px; font-weight: normal; vertical-align: middle; -webkit-text-size-adjust: none;
}
body {
	background: url("../imgs/bj_hy20191203.jpg") no-repeat center 0px / cover; left: 0px; top: 0px; width: 100%; height: 100%; color: rgb(0, 0, 0); font-family: "΢���ź�","Nanum Gothic","-apple-system"; position: fixed; min-width: 1200px;
}
html {
	min-width: 1200px;
}
body {
	min-width: 1200px;
}
table {
	border: currentColor; border-image: none;
}
img {
	border: currentColor; border-image: none;
}
iframe {
	border: currentColor; border-image: none;
}
ul {
	list-style: none;
}
a {
	color: rgb(36, 36, 36); text-decoration: none;
}
a:hover {
	color: rgb(0, 0, 0); text-decoration: none;
}
a:active {
	color: rgb(0, 0, 0); text-decoration: none;
}
ol {
	list-style: none;
}
ul {
	list-style: none;
}
fieldset {
	border: 0px currentColor; border-image: none;
}
img {
	border: 0px currentColor; border-image: none;
}
i {
	font-style: normal;
}
em {
	font-style: normal;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearfix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
* html .clearfix {
	height: 1%;
}
* + html .clearfix {
	min-height: 1%;
}
.top {
	background: url("../imgs/png1_hy20191203.png"); width: 100%; height: 12%; position: relative; z-index: 1;
}
.top_L {
	left: 3%; top: 8%; width: 24%; color: rgb(255, 255, 255); position: absolute;
}
.top_L div {
	width: 25%; text-align: center; float: left;
}
.top_L .hour {
	font-size: 2em; margin-top: 6%;
}
.top_L .date {
	margin-top: 6%;
}
.top_L .date span {
	text-align: center; font-size: 1em; display: block;
}
.top_L .weather_icon img {
	width: 80%; margin-top: 5%;
}
.top_L .weather {
	margin-top: 3%;
}
.top_L .weather span {
	text-align: center; font-size: 1em; display: block;
}
.top_L .weather span.temperature {
	font-size: 2em;
}
.top_C {
	left: 50%; top: 27%; width: 32%; margin-left: -16%; position: absolute;
}
.top_C img {
	width: 100%; display: block;
}
.top_R {
	top: 36%; width: 26%; right: 0px; position: absolute;
}
.top_R .language {
	width: 60%; color: rgb(35, 203, 251); font-size: 1.5em; margin-top: 1%; float: left;
}
.top_R .language a {
	margin: 0px 10px; color: rgb(35, 203, 251); display: inline-block;
}
.top_R .btn {
	background: url("../imgs/btn1_hy20191203.png") no-repeat center / contain; width: 30%; text-align: center; line-height: 33px; margin-right: 4%; float: right; display: block;
}
.top_R .btn a {
	color: rgb(255, 255, 255); font-size: 1.1em;
}
.main ul li {
	background: url("../imgs/btn2_hy20191203.png") no-repeat 0% 0% / contain; width: 16%; height: 100px; position: fixed;
}
.main ul li:nth-of-type(1) {
	left: 5%; bottom: 36%;
}
.main ul li:nth-of-type(2) {
	left: 15%; bottom: 24%;
}
.main ul li:nth-of-type(3) {
	left: 25%; bottom: 12%;
}
.main ul li:nth-of-type(4) {
	left: 50%; bottom: 3%; margin-left: -8%;
}
.main ul li:nth-of-type(5) {
	right: 25%; bottom: 12%;
}
.main ul li:nth-of-type(6) {
	right: 15%; bottom: 24%;
}
.main ul li:nth-of-type(7) {
	right: 5%; bottom: 36%;
}
.main ul li a {
	color: rgb(255, 255, 255); font-size: 1.2em; display: block;
}
.main ul li:nth-of-type(1) a {
	color: rgb(248, 74, 74);
}
.main ul li:nth-of-type(6) a {
	color: rgb(248, 74, 74);
}
.main ul li:nth-of-type(2) a {
	color: rgb(255, 255, 68);
}
.main ul li:nth-of-type(6) a {
	color: rgb(255, 255, 68);
}
.main ul li:nth-of-type(3) a {
	color: rgb(37, 243, 230);
}
.main ul li:nth-of-type(7) a {
	color: rgb(37, 243, 230);
}
.main ul li:nth-of-type(4) a {
	color: rgb(245, 200, 71);
}
.main ul li a span {
	margin: 1.8em 0px 0px 1.7em; float: left; display: inline-block;
}
.main ul li a i {
	margin: 1.1em 0px 0px 1.8em; width: 2.2em; height: 2.1em; float: left; display: inline-block; background-repeat: no-repeat; background-size: contain;
}
.main ul li:nth-of-type(1) a i {
	background-image: url("../imgs/icon_hy20191203_01.png");
}
.main ul li:nth-of-type(2) a i {
	background-image: url("../imgs/icon_hy20191203_02.png");
}
.main ul li:nth-of-type(3) a i {
	background-image: url("../imgs/icon_hy20191203_03.png");
}
.main ul li:nth-of-type(4) a i {
	background-image: url("../imgs/icon_hy20191203_04.png");
}
.main ul li:nth-of-type(5) a i {
	background-image: url("../imgs/icon_hy20191203_05.png");
}
.main ul li:nth-of-type(6) a i {
	background-image: url("../imgs/icon_hy20191203_06.png");
}
.main ul li:nth-of-type(7) a i {
	background-image: url("../imgs/icon_hy20191203_07.png");
}
.top {
	
}
.top_R {
	width: 29%;
}
.top_R .btn {
	width: 170px; height: 50px; line-height: 50px;
}
.main ul li {
	width: 325px; height: 136px;
}
.main ul li a i {
	margin: 30px 0px 0px 50px; width: 49px; height: 46px;
}
.main ul li a span {
	margin: 50px 0px 0px 50px;
}
.main ul li a {
	font-size: 24px;
}
.main ul li:nth-of-type(4) {
	bottom: 0px; margin-left: -162px;
}
:root .top {
	height: 12%;
}
:root .top_R {
	width: 26%;
}
:root .top_R .btn {
	width: 30%; height: 37px; line-height: 37px;
}
:root .main ul li {
	width: 16%; height: 100px;
}
:root .main ul li a i {
	margin: 1.1em 0px 0px 1.8em; width: 2.2em; height: 2.1em;
}
:root .main ul li a span {
	margin: 1.8em 0px 0px 1.7em;
}
:root .main ul li a {
	font-size: 1.2em;
}
:root .main ul li:nth-of-type(4) {
	bottom: 3%; margin-left: -8%;
}