@charset "utf-8";
body{margin:0;font:12px/1.8 Tahoma,Geneva,'\5B8B\4F53';color:#333;background:white;}
input,textarea,select{margin:0;padding:0;font-size:12px;outline:none;resize:none;}
html:root body,html:root input,html:root button,html:root textarea,html:root select{font-family:Tahoma,Geneva,'\5fae\8f6f\96c5\9ed1','\5B8B\4F53';}
form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p{margin:0;padding:0;list-style:none;}
a{text-decoration:none;color:#224892;outline:none;}
a:hover{text-decoration:underline;}
a img{border:none;}
i,em{font-style:normal;}
b{color:#F63;}
button{cursor:pointer;}
button i{display:none;}
.text,textarea{font-size:14px;font-weight:bold;color:#333;border:1px solid;border-color:#CECECF;border-radius:0;background:white;box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.1);-webkit-appearance:none;}
.text:focus,textarea:focus{outline:none;border-color:#92AFED;box-shadow:0 0 5px #92AFEC,inset 1px 1px 2px rgba(0, 0, 0, 0.1);}
.text{width:170px;height:24px;padding:7px 9px;line-height:24px;}
input.err,input.err:focus{color:#900;border-color:#E06341;background:#FFEFEC;box-shadow:0 0 5px #E06341;}
textarea{width:270px;height:100px;padding:5px 9px;line-height:1.7;font-size:14px;overflow:auto;resize:none;}

.button{display:inline-block;height:40px;padding:0 15px;line-height:40px;text-align:center;font-size:18px;font-family:'Heiti SC','\5fae\8f6f\96c5\9ed1','\9ed1\4f53';color:white;border:0 none;background-color:#167efb;background-repeat:repeat-x;background-position:0 0;cursor:pointer;}
.button:hover{text-decoration:none;background-color:#1672e3;}
.button:active{background-color:#3482e1;}
.button .icon{position:relative;top:11px;vertical-align:top;font-weight:normal;}
.button span{position:relative;top:11px;display:inline-block;height:16px;line-height:16px;vertical-align:top;padding-left:8px;}
.button em{display:none;}
.btn-gray{color:#666;background-color:#eee;}
.btn-gray:hover{background-color:#ddd;}
.btn-gray:active{background-color:#e7e7e7;}
.btn-green{height:50px;line-height:50px;background-color:#9ed04d;}
.btn-green:hover{background-color:#76bf48;}
.btn-green:active{background-color:#51b73d;}
.btn-disabled,.btn-disabled:hover,.btn-disabled:active{background-color:#e7e7e7;color:#A1A1A1;cursor:not-allowed;}
button.button{height:40px;padding:0 10px;line-height:normal;}

/* wrap */
.wrap{position:relative;z-index:0;height:600px;}
.banner-show{position:absolute;top:0;left:0;z-index:0;width:100%;min-width:980px;height:600px;overflow:hidden;}
.banner-show .cell{position:absolute;top:0;left:0;width:100%;overflow:hidden;background-repeat:repeat-x;background-position:center top;}
.banner-show .cell .con{position:relative;height:600px;background-repeat:no-repeat;background-position:center top;}
.bns-01{background-image:url(../login/img/001.jpg);}
.bns-01 .con{background-image:url(../login/001.jpg);}
.bns-02{background-image:url(../login/img/002.jpg);}
.bns-02 .con{background-image:url(../login/img/002.jpg);}
.bns-03{background-image:url(../login/img/003.jpg);}
.bns-03 .con{background-image:url(../login/img/003.jpg);}
.banner-link{position:absolute;top:100px;left:50%;width:400px;height:400px;margin-left:-430px;}
.banner-link i{display:none;}
.banner-control{position:absolute;top:0;left:50%;width:980px;margin-left:-490px;}
.banner-control a{position:absolute;top:258px;width:30px;height:30px;line-height:10;overflow:hidden;background-image:url(../login/img/icon_control.png);background-repeat:no-repeat;background-repeat:no-repeat;}
.banner-control a.left{left:-55px;background-position:0 0;}
.banner-control a.left:hover{background-position:0 -30px;}
.banner-control a.right{right:-55px;background-position:-30px 0;}
.banner-control a.right:hover{background-position:-30px -30px;}
.container{position:relative;top:600px;z-index:2;width:980px;height:0;margin:auto;}

.login-box{position:absolute;top:-450px;right:0;width:396px;height:400px;background:white;border-radius:3px;background:rgba(255, 255, 255, 0.95);}
.login-title{height:90px;line-height:90px;text-align:center;font-size:18px; font-weight:200}
.login-form{width:328px;height:280px;margin:auto;}
.login-form .cell{position:relative;height:40px;margin-bottom:40px;zoom:1;}
.login-form .cell label{position:absolute;top:0;left:0;z-index:1;padding:0 12px;line-height:40px;font-size:16px;color:#999;font-weight:bold;cursor:text;}
.login-form .val label{left:-9999px;opacity:0!important;filter:alpha(opacity="0")!important;}
.login-form .cell input{position:absolute;top:0;left:0;width:304px;padding:7px 11px;font-size:16px;background:none;}
.login-form .cell .icon-form{top:11px;right:10px;}
.login-form .bottom{height:40px;}
.login-form .bottom .button{display:block;border-radius:3px;}


.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
/*.header*/
/*banner*/
html,
body,
ul,
input,
p {
  padding: 0;
  margin: 0;
}
body {
  font-family: Microsoft YaHei, "΢ÈíÑźÚ", Arial, Helvetica;
  font-size: 14px;
  background-color: #fff;
}
ul {
  list-style: none;
}
li {
  list-style: none;
  background-repeat: no-repeat;
}
select,
option,
span,
input,
textarea,
ul,
ul li,
ol li,
h1,
h2,
h3,
h4,
h5,
p,
dl,
dl dt,
dl dd {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
i {
  display: inline-block;
}
a {
  color: #229DE8;
  text-decoration: none;
}
a:hover {
  color: #2290CF;
  text-decoration: underline;
}
input,
label.placeholder {
  font-family: Microsoft YaHei, "΢ÈíÑźÚ", Arial, Helvetica;
}
input.placeholder,
label.placeholder {
  color: #ABAFB3;
}
input:focus {
  outline: none;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.headerWrapper {
  height: 57px;
    margin-top:30px;
}
.header {
  height: 57px;
  width: 950px;
  margin: 0 auto;
}
.header #img-logo {
    width: 495px;    height: 46px;    margin-top: 0px;
  background-repeat: no-repeat;
  background-image: url("img/logo.png");
}
.header .pull-right {
  height: 57px;
  line-height: 82px;
  font-size: 12px;
  font-family: verdana;
}
.header .pull-right a {
  color: #959595;
}
.header .pull-right a:hover {
  color: #626262;
}
.header .spreate {
  margin: 0 5px;
  color: #959595;
}
.banner {
  background: #fafafa;
  position: relative;
}
.index_view {
  clear: both;
  width: 100%;
  height: 527px;
  text-align: center;
  z-index: 29;
}
.index_view ul {
  overflow: hidden;
}
.index_view ul li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 527px;
}
.index_view ul li.active {
  display: block;
}
.index_view ul li a {
  display: block;
  width: 100%;
  height: 527px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 0;
}
.index_view .w1000 {
  width: 1000px;
}
.index_view .news_ico {
  margin: 0 auto;
  height: 38px;
  position: relative;
  z-index: 30;
}
.index_view .news_ico ol {
  padding: 0px;
  margin: 0px;
  height: 11px;
  overflow: hidden;
  position: absolute;
  left: 450px;
  top: 12px;
}
.index_view .news_ico ol li {
  width: 12px;
  height: 10px;
  margin: 0 0 0 5px;
  cursor: pointer;
  float: left;
}
.index_view .news_ico ol li a {
  display: block;
  width: 11px;
  height: 12px;
  float: left;
  background: url('/images/login/switcher.gif') 0 -12px no-repeat;
  position: relative;
  z-index: 9999;
}
.index_view .news_ico ol li a:hover,
.index_view .news_ico ol li a.active:hover {
  background-position: 0 -24px;
}
.index_view .news_ico ol li a.active {
  background-position: 0 0;
}
.banner_bj {
  background: #F3EFEF;
  width: 100%;
  height: 38px;
  text-align: center;
  position: absolute;
  top: 527px;
  left: 0;
}
/*tabs*/
.container {
  position: absolute;
  top: 57px;
  width: 100%;
  height: 527px;
  z-index: 20000;
  cursor: pointer;
}
.tabsWrapper {
  position: relative;
  height: 527px;
  width: 950px;
  margin: 0 auto;
}
.tabs-container {
  position: absolute;
  top: 95px;
  right: 0px;
  width: 340px;
  background-color: #fff;
  padding-bottom: 20px;
  cursor: default;
  height: 300px;
}
ul.tabs {
  *zoom: 1;
}
ul.tabs:before,
ul.tabs:after {
  display: table;
  content: "";
  line-height: 0;
}
ul.tabs:after {
  clear: both;
}
ul.tabs li {
  position: relative;
  width: 340px;
  height: 60px;
  float: left;
  cursor: pointer;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
}
ul.tabs li .topLine,
ul.tabs li .bottomLine,
ul.tabs li .rightLine,
ul.tabs li .leftLine {
  position: absolute;
}
ul.tabs li .bottomLine,
ul.tabs li .rightLine,
ul.tabs li .leftLine {
  display: block;
  background-color: #E2E2E2;
}
ul.tabs li .topLine,
ul.tabs li .bottomLine {
  width: 100%;
}
ul.tabs li .topLine {
  display: none;
  top: 0px;
  left: 0px;
  height: 3px;
  background-color: #218CD2;
  overflow: hidden;
  width: 340px;
}
ul.tabs li .bottomLine {
  bottom: 0px;
  left: 0px;
  height: 1px;
  overflow: hidden;
}
ul.tabs li .rightLine,
ul.tabs li .leftLine {
  width: 1px;
  top: 0px;
  height: 60px;
  overflow: hidden;
}
ul.tabs li .rightLine {
  right: 0px;
}
ul.tabs li .leftLine {
  left: 0px;
}
ul.tabs li.tabs-selected {
  color: #218CD2;
}
ul.tabs li.tabs-selected .bottomLine,
ul.tabs li.tabs-selected .rightLine,
ul.tabs li.tabs-selected .leftLine {
  display: none;
}
ul.tabs li.tabs-selected .topLine {
  display: block;
}
.panel {
  position: relative;
  width: 100%;
  display: none;
  height: auto;
}
.panel-selected {
  display: block;
}
.input {
  position: relative;
  width: 278px;
  height: 46px;
  margin-top: 12px;
  margin-left: 30px;
  border: 1px solid #D6D6D6;
  border-radius: 2px;
}
.input.error {
  border-color: #DD1144;
}
.input.focus {
  border-color: #218CD2;
}
.input input,
.input label.placeholder {
  position: absolute;
  font-size: 18px;
  margin-top: 1px;
  margin-left: 45px;
  height: 44px;
  line-height: 44px;
  border: 0px;
}
.input input {
  width: 233px;
}
.input label.placeholder {
  top: 0px;
  left: 0px;
  cursor: text;
}
.input-s {
  width: 100px;
  height: 46px;
}
.input-snbid .icon {
  background-image: url("img/icon_input1.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 17px;
  position: absolute;
  left: 12px;
  top: 14px;
}
.input-password .icon {
  background-image: url("img/icon_input2.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 20px;
  position: absolute;
  left: 13px;
  top: 12px;
}
.input-name .icon {
  background-image: url("img/icon_input3.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 17px;
  position: absolute;
  left: 13px;
  top: 14px;
}
.input-verification input {
  margin-left: 10px;
  width: 85px;
}
.input-verification label.placeholder {
  margin-left: 10px;
}
.input-verificationWrapper {
  position: relative;
}
.linkWrapper {
  *zoom: 1;
}
.linkWrapper:before,
.linkWrapper:after {
  display: table;
  content: "";
  line-height: 0;
}
.linkWrapper:after {
  clear: both;
}
.linkWrapper .forgetPassword {
  margin-right: 30px;
  float: right;
  margin-top: 4px;
  font-size: 12px;
  font-family: verdana;
}

.submit,
.register {
  display: block;
  cursor: pointer;
  height: 45px;
  margin-left: 30px;
  margin-top: 10px;
  text-align: center;
  font-size: 18px;
  line-height: 45px;
}
.submit {
  width: 278px;
  color: #fff;
  background-color: #218CD2;
  border-style:none;
  z-index: 8888; position: absolute; margin-top: 35px
 /* float: left; 
  margin-top: -94px;
  position: relative; 
*/
}
.submit:hover {
  color: #fff;
  background-color: #1F7CBC;
  text-decoration: none;
}
.register {
  width: 276px;
  height: 43px;
  line-height: 43px;
  border: 1px solid #D6D6D6;
  color: #4D4D4D;
  background-color: #F7F7F7;
}
.register:hover {
  color: #4D4D4D;
  background-color: #E5E5E5;
  text-decoration: none;
}
.icon-tipError {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 12px;
  left: 7px;
  background-image: url("../images/tip_error.png");
}
.errorTip {
  position: absolute;
  color: #BC1C1C;
  top: 42px;
  left: 30px;
  z-index: 1010;
  width: 262px;
  font-size: 16px;
  padding: 8px;
  background-color: #FDEEE9;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
/*copyright*/
.copyright {
  margin-top: 63px;
}
.copyright p {
  text-align: center;
  color: #757474;
  font-family: verdana;
  font-size: 12px;
}
body.height_970 .headerWrapper {
  margin-top: 100px;
}
body.height_970 .container {
  top: 157px;
}
body.height_800 .headerWrapper {
  margin-top: 0px;
}
body.height_800 .container {
  top: 107px;
}
.spaceBoxLogo{display: inline-block; line-height: 57px; font-size: 22px; font-weight: bold; color: #585858; font-family: 'microsoft yahei'; text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px;}