@charset "UTF-8";
/* CSS Document */
body{ background:#f6f6f6; margin:0px; padding:0px;font-family:"Microsoft YaHei",微软雅黑,Verdana, Arial, Helvetica, sans-serif; overflow:hidden;}
html{overflow: hidden;}
li{list-style-type:none;}
img{ vertical-align:middle;border:0;}
ol,ul {list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#ff6600;}
.login{position:absolute; top:50%; width:100%; text-align:center; height:100%;  }
.login_cont{top:-50%; height:470px; margin-top:-255px;right:0; text-align:center; }
.login_inputbox{background:#86c0fd;top:70px; width:100%; height:400px;}
.login_inputbox .login_imgbg{ width:1000px;height:400px; margin:0 auto; }
.login_inputbox .login_imgbg .login_img01{background:url(../images/login_img_02.png) no-repeat; width:297px; height:87px; float:left;}
.login_inputbox .login_imgbg .login_img02{background:url(../images/login_img_03.png) no-repeat; width:272px; height:87px; float:left;}
.login_inputbox .login_imgbg .login_img03{background:url(../images/login_img_04.png) no-repeat; width:310px; height:87px; float:left;}
.login_inputbox .login_imgbg .login_img04{background:url(../images/login_img_05.png) no-repeat; width:121px; height:87px; float:left;}

.login_inputbox .login_imgbg .login_img05{background:url(../images/login_img_06.png) no-repeat; width:297px; height:268px; float:left;}
.login_inputbox .login_imgbg .login_img06{background:url(../images/login_img_07.png) no-repeat; width:272px; height:268px; float:left;}
.login_inputbox .login_imgbg .login_img07{background:url(../images/login_img_08.png) no-repeat; width:310px; height:268px; float:left;}
.login_inputbox .login_imgbg .login_img08{background:url(../images/login_img_09.png) no-repeat; width:121px; height:268px; float:left;}

.login_inputbox .login_imgbg .login_img09{ background:url(../images/login_img_10.png) no-repeat; width:297px; height:268px; float:left;}
.login_inputbox .login_imgbg .login_img10{background:url(../images/login_img_11.png) no-repeat; width:272px; height:268px; float:left;}
.login_inputbox .login_imgbg .login_img11{background:url(../images/login_img_12.png) no-repeat; width:310px; height:268px; float:left;}
.login_inputbox .login_imgbg .login_img12{background:url(../images/login_img_13.png) no-repeat; width:121px; height:268px; float:left;}

.login_titlefont{ font-size:40px;  height:70px; line-height:70px; vertical-align:middle;}
.login_titlefont img{ margin-bottom:10px;}

.login-form {width: 250px;height: 177px;margin: 0px auto 0;position: relative;}
.login-form .username {position: relative;}
.login-form .password {position: relative;}
.login-form .username input, .login-form .username select, .login-form .password input {height: 100%;width: calc(100% - 30px);padding-left: 30px;border-radius: 2px;
border: 1px solid;border-color: rgb(229,229,232) rgb(220,220,221) rgb(213,213,213) rgb(220,220,221);display: block;transition: all 300ms linear; line-height:35px; margin:10px 0px; font-size:14px; font-family:"Microsoft YaHei",微软雅黑,Verdana, Arial, Helvetica, sans-serif; width:200px; height:35px;}

.login-form .username .user-icon, .login-form .password .password-icon {display:inline-block;font-family: 'loginform-icon';font-size: 15px;text-align: center;line-height: 28px;color: rgb(153,153,153);position:absolute;left:1px;*left:5px;top:6px;*top:8px;border: none;
width: 30px;height: 28px;transition: all 300ms linear;}
.login-form  .login_butt input[type="button"]{height: 100%;border-radius: 2px;font-size:18px; font-family:"Microsoft YaHei",微软雅黑,Verdana, Arial, Helvetica, sans-serif;transition: all 300ms linear; line-height:35px; border:none; background:#ff6600; color:#FFF; cursor:pointer;  height:35px; margin-top:20px; } 
.login-form  .login_butt input[type="button"]:hover{background:#ed5f00; }
.butt_box{width:100px; display:inline-block; vertical-align:middle;}
.mar_r10{margin-right:10px;}
.mar_lr1020{margin-left:10px; margin-right:20px;}
.login-form .w{ margin-top:20px;float:left;}
.login-form .w a{ margin-left:30px;}