@charset"utf-8";
/*公共样式*/
*{ margin:0; padding:0; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: border-box; }
body{ font-family: "微软雅黑"; font-size: 0; }
h1,h2,h3,h4,h5,h6{ font-weight: initial; }
li{ list-style: none; }
img{ border: none; }
a{ text-decoration: none; cursor: pointer; }
input,select,textarea{ appearance:none; -webkit-appearance:none; -moz-appearance:none; border:0; outline: none; }
input[type="button"],input[type="submit"]{ cursor: pointer; }
video{ width: 100%; }
.over{ overflow: hidden; }
.left{ float: left; }
.right{ float: right; }
em{ display: inline-block; vertical-align: middle; height: 100%; }
/*banner*/
html,body{ widows: 100%; height: 100%; }
.flexslider{ position: relative; overflow: hidden; width: 100%; height: 100%; }
.slides{ position:relative; z-index:1; width: 100%; height: 100%; font-size: 0;}
.slides li{ width: 100%; height: 100%;}
.flex-control-nav{ display: none;}
.flex-direction-nav{ display: none;}
/*01-index*/
.login{ position:absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; }
.login>div{ display: inline-block; vertical-align: middle; text-align: left; }
.login h2{ text-align: center; font-size: 0; margin-bottom: 60px; }
.login img{ display: inline-block; vertical-align: middle; }
.login form{ background-color: rgba(255,255,255,.2); padding: 70px 70px; margin: auto; border-radius: 5px; position: relative; z-index: 5;}
.login form>div{ display: inline-block; vertical-align: middle; }
.login form>div>div{ margin-bottom: 15px; }
.inp{ position: relative; background-color: #fff; border-radius: 5px; overflow: hidden; padding:0 30px 0 20px; width: 490px; }
.inp label{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 20px; color:#9d9d9d; line-height: 60px; padding: 0 30px 0 20px; cursor: text; }
.inp input{ height: 60px; font-size: 20px; width: 100%; padding-right: 40px; }
.formName input{ background:url(../images/name.png) no-repeat center right; }
.formPasw input{ background:url(../images/pasw.png) no-repeat center right; }
.but{ margin: 0 -10px; margin-bottom: 0 !important; }
.but>div{ display: inline-block; vertical-align: middle; margin: 0 10px; }
.but input{ width: 170px; height: 60px; background-color: #58c6ba; font-size: 22px; color: #ffffff; border-radius: 5px; }
.but p{ font-size: 16px; color: #fff; line-height: 26px; }
#particles-js{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
.formyz{ position: relative; }
.formyz img{ position: absolute; top: 10%; right: 10px; height: 80%; width: auto;  }
@media screen and (max-width:1600px){
	.login h2{ margin-bottom: 55px; }
	.login form{ padding: 65px 70px; }
	.inp input,.but input{ height: 55px; }
	.inp label{ line-height: 55px; }
}
@media screen and (max-width:1440px){
	.login h2{ margin-bottom: 50px; }
	.login h2 img{ width: 180px; }
	.login form{ padding: 60px 70px; }
	.inp input,.but input{ height: 50px; }
	.inp label{ line-height: 50px; font-size: 18px; }
	.but input{ font-size: 18px; }
	.but p{ font-size: 14px; line-height: 22px; }
}
@media screen and (max-width:1366px){
	.login h2{ margin-bottom: 40px; }
	.login h2 img{ width: 150px; }
	.login form{ padding: 55px 60px; }
	.login form>div>div{ margin-bottom: 10px; }
	.inp{ width: 440px; padding: 0 20px; }
	.inp input,.but input{ height: 50px; }
	.inp label{ line-height: 50px; font-size: 16px; }
	.but input{ font-size: 16px; }
	.formName input{ background-size: 25px auto; }
	.inp input{ background-size: 25px auto; }
}
@media screen and (max-width:620px){
	.login>div{ width: 90%; }
	.login form{ width: 100%; padding: 55px 25px 45px; }
	.login form>div,.inp{ width: 100%; }
	.but{ margin-top: 20px; }
	.but>div{ float: initial; text-align: center; display: block; margin-bottom: 10px; }
	.but p{ font-size: 12px; line-height: 20px; }
}