@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,nav{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:normal}
html,body,fieldset,img,iframe,abbr{border:0}
i,cite,em,var,address,dfn{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
sup,sub{font-size:83%}
pre,code,kbd,samp{font-family:inherit}
q:before,q:after{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}
del,ins,u,s,a,a:hover{text-decoration:none}
body,textarea,input,button,select,keygen,legend{font:14px/1.5 arial,"Microsoft YaHei",\5fae\8f6f\96c5\9ed1;color:#333;outline:0}
body{-webkit-text-size-adjust:none;text-size-adjust:none;}
a,a:hover{color:#333}
html,body{margin:0;padding:0; height: 100%;}
body{ background:#e3f1fa  url(../img/bg.jpg) no-repeat  top center;   }
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container{width:900px;margin-left:auto;margin-right:auto;zoom:1}
.container:before,.container:after{display:table;content:"";zoom:1}
.container:after{clear:both}
.pull-left{float:left}
.pull-right{float:right}

.clr:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

.header {position:relative;z-index:100;height:250px}
.header .logo{  width: 370px; height:45px;   left: 10px;   bottom:22px;background:url(../img/logo.png)   no-repeat;position:absolute;}
.logo a{font-size:28px;color:#324d6f; font-family:Microsoft YaHei;font-weight:bold;display:block;overflow:hidden;text-indent:-999px}
.footer{ padding-top:20px;overflow:hidden;text-align:center;color:#fff;font-size:12px}
.copy { font-size:12px; text-align: right; border-top:1px solid #d7d7d7; padding-top:10px; color: #646464 }
.footer ul{margin-right:10px}
.footer ul li{display:inline;line-height:30px;color:#aaaaaa}
.footer ul li a{color:#666666}
.footer ul > li + li:before{color:#ddd;content:"|";padding:0 10px}
/*.banner{height:467px;overflow:hidden;background:url(../img/bg_1.jpg) no-repeat center top}*/
.main{width: 550px;   margin: 0 auto; height:atuo; } 

.main .container{overflow:hidden;position:relative}
.login{ width:550px;  
-webkit-border-radius:5px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;    
-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,.3), inset 0px 4px 5px rgba(0,0,0,.15), inset 0 0 21px #fff;
-moz-box-shadow: 0px 3px 8px rgba(0,0,0,.3), inset 0px 4px 5px rgba(0,0,0,.15), inset 0 0 21px #fff;
box-shadow: 0px 3px 8px rgba(0,0,0,.3), inset 0px 4px 5px rgba(0,0,0,.15), inset 0 0 21px #fff;
 }
.login{  }
.login .tit{   font-family:Microsoft YaHei; vertical-align: middle ;  height: 67px; overflow: hidden ; display: block ;padding-left: 15px; }
.login .tit span { line-height: 67px;  height: 67px; float:left; }
.login .tit .welcome{  font-size:14px;  line-height: 67px; height: 67px;    }
.login .tit .name{ font-size:26px; font-weight: lighter ;line-height: 67px; height: 67px;     }
.tit{width: 100%; 
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
background-color: #004ea1; color: #fff;
/*-webkit-box-shadow: inset 0 -1px #d1d5d1;
-moz-box-shadow: inset 0 -1px #d1d5d1;
box-shadow: inset 0 -1px #d1d5d1;
background-image: -webkit-linear-gradient(top, #edf7ed, #fff 97%);
background-image: -moz-linear-gradient(top, #edf7ed, #fff 97%);
background-image: -o-linear-gradient(top, #edf7ed, #fff 97%);
background-image: -ms-linear-gradient(top, #edf7ed, #fff 97%);
background-image: linear-gradient(to bottom, #edf7ed, #fff 97%);*/
}

.login_body{padding:30px;-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
background-color:  transparent;
}
@media only screen and (max-width: 768px) {
  body{ background-position: top 100px;;}
  .main { width:550px; }
  .login,.main{ margin:0 auto}
  .header .logo{  width: 370px; height: 45px; }
}

@media only screen and (max-width: 640px) {
  body{ background-position: top 300px;;}
  .main { width: 90%;  }
  .login { width: 100%;  }
  .login,.main{ margin:0 auto}
  .header .logo{  width: 370px; height: 45px; }
}
@media only screen and (max-width: 400px) {
  body{ background-position: top 500px;;}
  .main { width: 90%;  }
  .login { width: 100%;  }
  .login,.main{ margin:0 auto}
  .header .logo{  width: 370px; height: 45px; }
 .header { height:200px; }
} 
 
@media only screen and (max-width: 360px) {
  body{ background-position: top 600px;}
  .main { width: 90%;  }
  .login { width: 100%;  }
  .login,.main{ margin:0 auto}
  .login .tit .name { font-size: 18px;}
  .header .logo{  width: 290px; height: 45px; background-position: -105px 0 }
} 
 

 @media only screen and (max-width: 320px) {
   body{ background-position: top -900px; min-width: 320px; }
  .main { width: 90%;  }
  .login { width: 100%;  }
  .login,.main{ margin:0 auto}
  .login .tit .name { font-size: 14px;}
  .header .logo{  width: 290px; height: 45px; background-position: -105px 0 }
}
 
.login .input{width:100%;display:block;font-weight:400;position:relative; }
.login .select{position:relative;display:block;font-weight:400;margin-bottom:14px;background-color:#f4f4f4}
.login .input input{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:32px;padding:8px 10px;outline:0;background-color:#f4f4f4;border:solid 1px #bdbdbd;margin-bottom:14px;font:13px/16px 'Open Sans',Helvetica,Arial,sans-serif;color:#404040;appearance:normal;-moz-appearance:none;-webkit-appearance:none}
.login .select select{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:32px;padding:8px 10px;outline:0;background-color:#f4f4f4;border:solid 1px #bdbdbd;font:13px/16px 'Open Sans',Helvetica,Arial,sans-serif;color:#404040;appearance:normal;-moz-appearance:none;-webkit-appearance:none}
.login .select select{padding:5px;border-color:#BDBDBD;transition:border-color .3s;-webkit-transition:border-color .3s}
.login .select .icon-down{position:absolute;top:5px;right:5px;width:22px;height:22px;background:#f4f4f4;line-height:22px;text-align:center}
.login .select .icon-prepend+ select{padding-left:37px}
.icon-prepend{position:absolute;left:5px;padding-right:3px;border-right-width:1px;border-right-style:solid;border-right-color:#bdbdbd;top:5px;width:22px;height:22px;font-size:14px;line-height:22px;text-align:center}
.icon-prepend{color:#555555}
.login .input .icon-prepend+input{padding-left:37px}
.div_check{margin-left:25px;margin-top:20px;vertical-align:bottom;color:#888;font-size:12px}
.div_check .inp_check{width:12px;height:12px;border-color:#c2c2c2}
.div_check label{line-height:normal;margin-right:10px}
.login_btn{display:block;width:100%;height:39px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#3892d3;-webkit-box-shadow:inset 0 -3px rgba(0,0,0,.05);-moz-box-shadow:inset 0 -3px rgba(0,0,0,.05);box-shadow:inset 0 -3px rgba(0,0,0,.05);border:solid 1px #0095c4;color:#fff;font-family:Microsoft YaHei;font-size:16px;margin-top:20px;cursor:pointer}
.login_btn:hover{}
.login_bottom{width:295px;margin-top:12px;color:#58a3ed;padding:14px  20px;line-height:normal;height:57px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;background-color:#fff;-webkit-box-shadow:inset 0 10px 10px rgba(137,137,137,.11);-moz-box-shadow:inset 0 10px 10px rgba(137,137,137,.11);box-shadow:inset 0 10px 10px rgba(137,137,137,.11)}
.login_bottom a{color:#58a3ed;font-size:12px}

.w-user .inpt {position: relative;zoom: 1; border: 1px solid #d7d7d7;}
.w-user .w0{zoom:1;margin:0 0 -1px;*margin:0 0 -4px;_margin:0 0 -5px;}
.w-user .w2{margin:12px 0 0;}
.w-user .w3{margin:10px 0 0;}
.w-user .w3 a,.w-user .w3 a:hover{color:#777;font-size: 12px; }
.w-user .inpt,.w-user .txt{width:100%;height:22px;font-size:14px;line-height:22px;}
.w-user .txt{width:100%;}
.w-user .txt{ background-color: transparent;}
.w-user .inpt{position:relative;zoom:1; border:1px solid #d7d7d7;height: 38px;  width: 100%;padding:8px 16px;}
.w-user .inpt-1,.w-user .inpt-1 .txt{width:100%;}
.w-user .j-tfocus{z-index:1;}
.w-user .txt,.w-user label{position:absolute;left:16px;top:8px;}
.w-user .txt{border:0;outline:none;color:#444;}
.w-user label{color:#999;}
.w-btn {display: inline-block;border: 0;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px; font-weight: 400; color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #f39700;}
.w-btn2 {display: inline-block;width: 162px;height: 40px; text-align: center;color: #fff;font-size: 14px;line-height: 40px; background-color: #de5133;}
.w-btn3 {display: inline-block;width: 162px;height: 40px; text-align: center;color: #fff;font-size: 14px;line-height: 40px;background-color: #79bd43}
.contr .septxt {position: absolute;left: -38px;top: 36px;margin: 0 0 0 -6px;display: block;width: 20px;height: 20px;background: #fff;color: #aaa;}
.contr .sepln {position: absolute;left: -38px;top: 0;display: block;height: 90px;width: 1px;background: #e7e7e7;}
.chkbox .c {position: absolute;top: 0;left: 0;width: 16px;height: 16px;}
.w-user .chkbox {position:relative;display:inline-block;*display:inline;*zoom:1;padding-left:24px;margin-right:16px;font-size:14px;}