* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important;
    margin: 0;
    padding: 0;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
}
html,body{
	width: 100%;
	height: 100%;
}
body {
	font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;
	background: #020643 url(../images/homebg.jpg) no-repeat;
	color: white; height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
ul,li{ list-style: none;}
h1, h2, h3, h4, h5, h6, p {
    margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
a {
    color: #ff2261;
    text-decoration: none;
}
a:hover, a:active {
    outline: 0;
}
a:hover {
    text-decoration: underline;
}
.menu{height: 100%;}
.menu ul{ display: flex; justify-content: space-between;height: 100%;}
.menu ul li{ width: 50%; height: 100%;}
.menu ul li a{ display: block; height: 100%;}
.navcon{ display: flex; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.navcon h3{ margin-bottom: 50px;}
.menu ul li a:hover{
	background-image: -moz-linear-gradient(top left, #31388d 0%, #753fa9 33.333%, #ff0762 66%, #f25632 100%);
		background-image: -webkit-linear-gradient(top left, #31388d 0%, #753fa9 33.333%, #ff0762 66%, #f25632 100%);
		background-image: linear-gradient(to bottom right, #31388d 0%, #753fa9 33.333%, #ff0762 66%, #f25632 100%);
}
.footer {position: absolute;left: 0;bottom: 22px;width: 100%;text-align: center;z-index: 4;font-size: 14px;color: rgba(255,255,255,0.7);}
.footer a {color: rgba(255,255,255,0.7);}
.footer ul {margin: 0;padding: 0;}
.footer li {list-style: none;display: inline-block;}

}
@media screen and (min-width:768px) {
	

}
@media screen and (max-width:992px) {
	.menu{height: auto;}
	.menu ul{ flex-direction: column;}
	.menu ul li{ width: 100%; margin-top: 80px; text-align: center;}
	.menu ul li h3 img{ width: 60%;}
	.menu ul li p img{ width: 90%;}
	.navcon h3{ margin-bottom: 30px;}
	.footer { position: static; margin-top: 50px; padding: 0 10px; margin-bottom: 30px;}

}
@media screen and (min-width:1200px){