@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}
html {
    background: url(../img/bg.png) repeat;
    width: 100%;
    height: 100%;
}
body{ background-color:transparent !important}
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;}
@media only screen and (min-width: 320px) {
  .header .logo{  width: 300px; height: auto;background-size: 100% 100%; }
}
.header .logo{  width: 390px; height: 60px;  left:50%;  margin-left: -195px; bottom:22px;}
.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:#333;font-size:12px}
.copy a{color:#333}
.footer ul{margin-right:10px}
.footer ul li{display:inline;line-height:30px;color:#aaaaaa}
.footer ul li a{color:#333}
.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: 960px;   margin: 0 auto; height:atuo; } 

.main .container{overflow:hidden;position:relative}
.login{ width:960px;    -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;}


@media only screen and (min-width:641px) {
  .main ,.login{
     width:100%; padding: 0 10px;
  }
}
@media only screen and (max-width: 640px) {
  .main ,.login{
     width:100%;padding: 0 10px;
  }
  .header .logo{  width: 390px; height: 60px;background-size: 100% 100%; }
}

@media only screen and (max-width: 360px) {
  .header .logo{  width: 300px; height: auto;background-size: 100% 100%; margin-left:-150px; }
  .header {height: 80px;}
}
@media only screen and (min-width:640px) {
  .main ,.login{
 	width: 960px;
  }
}
.login{  }
.login .tit{ line-height:50px;text-indent:1em;font-family:Microsoft YaHei;font-size:16px}
.tit{width: 100%; 
height: 56px;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
background-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: #fff;
text-align:center;
}
.login .tit {
    background: url(../img/logo.png) left no-repeat;
    line-height: 50px;
    text-indent: 1em;
    font-family: Microsoft YaHei;
    font-size: 16px;
}

.tit {
    width: 100%;
    height: 90px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background-color: #fff;
    /* 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%);
}

.loginPic {
    width: 100%;
    background: url(../img/loginPic.png) no-repeat;
    height: 260px;
}
.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;}
.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;
    position: relative;
    zoom: 1;
    border: 1px solid #d7d7d7;
    height: 38px;
    width: 200px;
    padding: 8px 16px;
    display: inline-block;
    vertical-align: top;
}
.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:0px;top:8px;padding-left:6px}
.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: 33px;text-align: center;font-size: 16px; font-weight: 400; color: #000000;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	    width: 95px;
    cursor: pointer;
    height: 33px;
    -webkit-border-radius: 5px/4px;
    -moz-border-radius: 5px/4px;
    border-radius: 5px/4px;
    /* background-color: #e73c31; */
    -webkit-box-shadow: 0 2px #ed1b24;
    -moz-box-shadow: 0 2px #ed1b24;
    box-shadow: 0 2px #ed1b24;
    border: solid 1px #eae9e9;
    background-image: -webkit-linear-gradient(bottom, #fafafa, #f1f1f1 13%, #fff 72%);
    background-image: -moz-linear-gradient(bottom, #fafafa, #f1f1f1 13%, #fff 72%);
    background-image: -o-linear-gradient(bottom, #fafafa, #f1f1f1 13%, #fff 72%);
    background-image: -ms-linear-gradient(bottom, #fafafa, #f1f1f1 13%, #fff 72%);
    background-image: linear-gradient(to top, #fafafa, #f1f1f1 13%, #fff 72%);
	}
.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;}