html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,legend,img{ margin:0; padding:0;}
fieldset,img{ vertical-align:middle; border:none;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
ul,li,ol{ list-style:none;}
select,input,textarea{font-size:12px; margin:0; outline-style:none;}
input[type="text"],input[type="password"],input[type="button"],textarea{ outline-style:none; font-family:"Microsoft Yahei";}
input[type="text"]{font-family:"Microsoft Yahei";}
textarea{resize:none;}
table{border-collapse:collapse;}
body{ color:#000000;  margin:0 auto; font-size:14px; line-height:24px; font-family:"Microsoft Yahei"; -webkit-text-size-adjust:none; background:#FFF;/*overflow: hidden;*/}
a{ color:#999999; text-decoration:none; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; outline-style:none; cursor:pointer;}
a:hover,a:active,a:focus{ text-decoration:underline;}
.clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{ zoom:1;}
.left{float:left;}
.right{float:right;}
.ft18{ font-size:18px;}
.mt35{ margin-top:35px;}

/*头部*/
.header{ max-width:1200px;min-width: 975px; margin:auto;  height:59px; position:relative; overflow:hidden; color:#000; padding-top:9px; }
h1{ margin-right:15px;display:inline-block;}
.top-wz{ display:inline-block; height:26px; margin-top:22px;}
.header span{float:right;background:url(../images/icon.png) no-repeat;height:26px;margin-right: 10px; margin-top:22px; padding-left:30px; }

.container{ background:url(../images/login_02.jpg) no-repeat center; height:600px;}
.login-box{ max-width:1200px; min-width: 975px; margin:auto;  position:relative;}
.right{ position:absolute; right:10px; top:85px; background-color:#FFF;/*filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;*/ width:338px; height:435px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.5);-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.5);box-shadow: 0 2px 4px rgba(0,0,0,0.5);}
.tab ul:after { display: block; height: 0px; visibility: hidden; clear: both; content: ""; }
.tab ul li{text-align: center; height:48px; line-height:48px; width: 168px; display: inline;  float: left; color: #000; border-bottom:1px solid #d7d7d7; cursor:pointer;} 
.tab ul li.line{ width:1px;border-left:1px solid #d7d7d7;}
.tab ul li.on{ border:none;}


#loginForm{ /*margin-top:20px;*/ position:relative;}
#loginForm p,.un-login{width:301px; margin:15px auto; }
#loginForm .login-inp{width:299px; height:40px; line-height:40px; margin:0px auto;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  border:1px solid #d7d7d7; text-indent:30px;}
#loginForm .b-icon{ background:url(../images/icon.png)  0px -26px no-repeat;}
#loginForm .u-icon{ background:url(../images/icon.png)  0px -66px no-repeat;}
#loginForm .p-icon{ background:url(../images/icon.png)  0px -106px no-repeat;}
#loginForm .login-inp:hover,#loginForm p a:hover{ border:1px solid #36a5ff;-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);box-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
#loginForm .b-icon:hover{ background:url(../images/icon.png)  0px -146px no-repeat;}
#loginForm .u-icon:hover{ background:url(../images/icon.png)  -1px -187px no-repeat;}
#loginForm .p-icon:hover{ background:url(../images/icon.png)  -1px -226px no-repeat;}
#loginForm .login-inp.kuang{background-image:none; margin-right:9px; width:154px;vertical-align:middle; text-indent:5px;}
#loginForm p a{width:127px; height:40px; display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  border:1px solid #d7d7d7; text-align:center;}
.btn-hq img{ width:102px; height:40px;}
.login-btn{background:#ff7900; width:299px; height:40px; line-height:40px; text-align:center; border:none; font-size:16px; color:#fff;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.forgetpwd{ float:left; width:80px;}
.register{ float:right; }
.register span{ margin:0px 5px; color:#999999;}

.appdown{ position:relative;margin:0 auto; display:none;}
.appdown p{ text-align:center; }
.appdown-img{width:147px; margin:20px auto;}
.appdown-img img{ width:145px; height:145px; display:block;border:1px solid #d7d7d7;-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);box-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.appdown-img img:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.2);-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.2);-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.2);-o-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.2);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.appdown-hint{ color:#FFF; background-color:#8ec6f5; width:240px; margin:35px auto; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}




.foot{ /*width:1200px;*/ margin:0 auto; /*height:52px; line-height:52px;*/ text-align:center; color:#666666;}
.footNav,.foot p{  /*display:inline-block; margin-left:15px;*/ line-height: 25px;}
.footNav a{ color:#00456c; margin:0px 5px;}