html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/*body {
  line-height: 1;
}*/

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  margin: 0px;
  padding: 0px;
  font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
  background: url("../image/bg.png") no-repeat left;
  background-size: 100%;
  background-size: cover;
  background-attachment: fixed;"
  /*z-index: -9;*/

}

/*#langimgen{
    width: 42px;height: 23px;
    background: url(../Images/lang.jpg) no-repeat -742px -433px;
    z-index: 100;
    border: red solid 1px;
}*/

/*当屏幕小于一定值时*/
@media screen and (max-width: 1185px) {
  .logo_bt{
    /*border: red 1px solid;*/
    left: 10%;
    width: 25%;
    height: 70px;
    position: absolute;
    float: left;
    left: 39.5%;
    top:213px;
    /*background: url("../img/lh.png") no-repeat center;*/
  }
  .logobt_img {
    float: left;
    width: 37.2%;
    height: 100%;
    display: block;
    /*border: red 1px solid;*/
    position: relative;
    background-size: 60%;
    background-size: cover;
    background: url("../img/KCM.png") no-repeat center;
    /*background: url("../img/lh.png") no-repeat center;*/

  }

  .logobt_wz {
    /*float: right;*/
    z-index: 10;
    /*border: red 1px solid;*/
    position: relative;
    left: 10px;
    width: 61%;
    height: 100%;
    display: inline-block;
    color: #ffffff;
  }
  .zn {
    /*border: red 1px solid;*/
    font-size: 1.538em;
    /*letter-spacing: 0.01em;*/
    position: relative;
    top: 19px;
  }
  .ptt_en {
    font-size: 0.098em; /*14px;*/
    position: relative;
    top: 16px;
  }

  .dlpt{
    background-size: 100%;
    background-size: cover;
    position: relative;
    background: url("../img/icons/login/dlpt.png") no-repeat center;
    /*border: red solid 1px;*/
    display: inline-block;
    float: left;
    /*width:80%;*/
    height: 60px;
    font-size: 35px;
    left: 4%;
    padding-top: 21px;
    color: #555353;
  }

}

@media screen and (min-width: 1185px) and (max-width: 1325px) {
  .logo_bt{
    /*border: red 1px solid;*/
    left: 10%;
    width: 25%;
    height: 70px;
    position: absolute;
    float: left;
    left: 39.5%;
    top:213px;
    /*background: url("../img/lh.png") no-repeat center;*/
  }
  .logobt_img {
    float: left;
    width: 37.2%;
    height: 100%;
    display: block;
    /*border: red 1px solid;*/
    position: relative;
    background-size: 60%;
    background-size: cover;
    background: url("../img/KCM.png") no-repeat center;
    /*background: url("../img/lh.png") no-repeat center;*/

  }

  .logobt_wz {
    /*float: right;*/
    z-index: 10;
    /*border: red 1px solid;*/
    position: relative;
    left: 10px;
    width: 61%;
    height: 100%;
    display: inline-block;
    color: #ffffff;
  }
  .zn {
    /*border: red 1px solid;*/
    font-size: 1.658em;
    letter-spacing: 0.01em;
    position: relative;
    top: 19px;
  }
  .ptt_en {
    font-size: 0.978em; /*14px;*/
    position: relative;
    top: 16px;
  }

  .dlpt{
    background-size: 100%;
    background-size: cover;
    position: relative;
    background: url("../img/icons/login/dlpt.png") no-repeat center;
    /*border: red solid 1px;*/
    display: inline-block;
    float: left;
    /*width:80%;*/
    height: 60px;
    font-size: 35px;
    left: 4%;
    padding-top: 21px;
    color: #555353;
  }

}

@media screen and (min-width: 1325px) and (max-width: 1640px) {
  .logo_bt{
    /*border: red 1px solid;*/
    left: 10%;
    width: 25%;
    height: 70px;
    position: absolute;
    float: left;
    left: 39.9%;
    top:213px;
  }
  .logobt_img {
    float: left;
    width: 37.2%;
    height: 100%;
    display: block;
    /*border: red 1px solid;*/
    position: relative;
    background-size: 100%;
    background-size: cover;
    background: url("../img/KCM.png") no-repeat center;

  }

  .logobt_wz {
    /*float: right;*/
    z-index: 10;
    /*border: red 1px solid;*/
    position: relative;
    left: 10px;
    width: 61%;
    height: 100%;
    display: inline-block;
    color: #ffffff;
    font-size: 24px;

  }
  .zn {
    /*border: red 1px solid;*/
    position: relative;
    top: 19px;
  }
  .ptt_en {
    font-size: 14px;
    position: relative;
    top: 16px;
  }

  .dlpt{
    background-size: 100%;
    background-size: cover;
    position: relative;
    background: url("../img/icons/login/dlpt.png") no-repeat center;
    /*border: red solid 1px;*/
    display: inline-block;
    float: left;
    /*width:80%;*/
    height: 60px;
    font-size: 35px;
    left: 4%;
    padding-top: 21px;
    color: #555353;
  }

}

@media screen and (min-width: 1640px) and (max-width: 1780px) {
  .logo_bt{
    /*border: red 1px solid;*/
    left: 10%;
    width: 25%;
    height: 70px;
    position: absolute;
    float: left;
    left: 39.5%;
    top:213px;
  }
  .logobt_img {
    float: left;
    width: 34.2%;
    height: 100%;
    display: block;
    /*border: red 1px solid;*/
    position: relative;
    background-size: 100%;
    background-size: cover;
    background: url("../img/MaxKCM.png") no-repeat center;

  }

  .logobt_wz {
    /*float: right;*/
    z-index: 10;
    /*border: red 1px solid;*/
    position: relative;
    left: 10px;
    width: 61%;
    height: 100%;
    display: inline-block;
    color: #ffffff;


  }
  .zn {
    /*border: red 1px solid;*/
    position: relative;
    top: 19px;
    font-size:2.375em;/*32px;*/
    /*letter-spacing: 6px;*/
  }
  .ptt_en {
    font-size: 1.378em;/*19px;*/
    position: relative;
    top: 18px;
    /*letter-spacing: 0.5px;*/
  }

  .dlpt{
    background-size: 100%;
    background-size: cover;
    position: relative;
    background: url("../img/icons/login/dlpt.png") no-repeat center;
    /*border: red solid 1px;*/
    display: inline-block;
    float: left;
    /*width:80%;*/
    height: 60px;
    font-size: 35px;
    left: 13%;
    padding-top: 21px;
    color: #555353;
  }



}

@media screen and (min-width: 1780px) {
  .logo_bt{
    /*border: red 1px solid;*/
    left: 10%;
    width: 25%;
    height: 70px;
    position: absolute;
    float: left;
    left: 39.5%;
    top:213px;
  }
  .logobt_img {
    float: left;
    width: 34.2%;
    height: 100%;
    display: block;
    /*border: red 1px solid;*/
    position: relative;
    background-size: 100%;
    background-size: cover;
    background: url("../img/MaxKCM.png") no-repeat center;

  }

  .logobt_wz {
    /*float: right;*/
    z-index: 10;
    /*border: red 1px solid;*/
    position: relative;
    left: 10px;
    width: 61%;
    height: 100%;
    display: inline-block;
    color: #ffffff;


  }
  .zn {
    /*border: red 1px solid;*/
    position: relative;
    top: 19px;
    font-size: 2.478em;/*34px;*/
    letter-spacing: 0.04em;
  }
  .ptt_en {
    font-size:1.178em; /*19px;*/
    position: relative;
    top: 18px;
    letter-spacing: 0.138em;/*2px;*/
  }

  .dlpt{
    background-size: 100%;
    background-size: cover;
    position: relative;
    background: url("../img/icons/login/dlpt.png") no-repeat center;
    /*border: red solid 1px;*/
    display: inline-block;
    float: left;
    /*width:80%;*/
    height: 60px;
    font-size: 35px;
    left: 13%;
    padding-top: 21px;
    color: #555353;
  }

}




#logo_d {
  position: relative;
  top:30px;
  left: 10%;
  /*border: red solid 1px;*/
  width: 77%;
  height: 83px;
}
.dlpt_img {
  position: relative;
  background-size: 100%;
  background-size: cover;
  /*border: red solid 1px;*/
  display: inline-block;
  background: url("../img/icons/login/dlh_img.png") no-repeat center;
  float: left ;
  width: 19%;
  height: 83px;
}

#tyt_form_img{

  float: left;
  width: 25%;
  height: 403px;
  /*border: red 1px solid;*/
  position: absolute;
  right: 35.5%;
  top:290px;
  background: #ffffff;
}

#tyt_form{
  /*border: red 1px solid;*/
  float: right;
  width: 80%;
  height: 210px;
  position: absolute;
  right:9.5%;
  top: 105px;
}
#login_footer{
  /*border: red 1px solid;*/
  height: 50px;
}
#bah{
  position: absolute;
  left: 45%;
  color: #122027;
}
#bahm{
  color: #122027;
  /*font-weight: bold;*/
  position: absolute;
  left: 41%;

}


input {
  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  font-size: 14px;
}

input[type=text], input[type=password] {
  margin: 21px 0px 0px 0px;
  /*padding: 0 20px;*/
  padding-left:25px;
  width: 90%;
  height: 34px;
  color: #404040;
  /*background: #bff1fa;*/
  border: 1px solid;
  border-color: #dcd8d8; /*c4c4c4 #d1d1d1 #d4d4d4;*/
  border-radius: 4px;
  /*  outline: 5px solid #eff4f7;*/
  -moz-outline-radius: 3px;
  /*-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);*/
  /*box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);*/
}

input[type=text]::-webkit-input-placeholder{ /*WebKit browsers*/
  color: #a9a9a9;
  position: relative;
  left: 3px;

}
input[type=text]::-moz-input-placeholder{ /*Mozilla Firefox*/
  color: #a9a9a9;
  position: relative;
  left: 3px;

}
input[type=text]::-ms-input-placeholder{ /*Internet Explorer*/
  color: #a9a9a9;
  position: relative;
  left: 3px;
}


input[type=password]::-webkit-input-placeholder{ /*WebKit browsers*/
  color: #a9a9a9;
  position: relative;
  left: 3px;
}
input[type=password]::-moz-input-placeholder{ /*Mozilla Firefox*/
  color: #a9a9a9;
  position: relative;
  left: 3px;
}
input[type=password]::-ms-input-placeholder{ /*Internet Explorer*/
  color: #a9a9a9;
  position: relative;
  left: 3px;
}

.lt-ie9 input[type=text], .lt-ie9 input[type=password] {
  line-height: 34px;
}

input[type=text]:focus, input[type=password]:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
}

input[type=submit] {
  position: relative;
  top: 20px;
  width:100%;
  height: 40px;
  color: #d4e6f5;
  background: #008cd6;
  border: 1px solid;
  border-radius: 6px;
}
input[type=submit]:active {
  background: #008cd6;
  border-color: #9eb9c2 #b3c0c8 #b4ccce;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}


/*输入框添加小图标*/
#icon-user{
  width: 28px; /*设置图片显示的宽*/
  height: 47px; /*图片显示的高*/
  top:16px;
  position: absolute;
  /*  border: 1px solid red;*/
  background: url(../img/icons/login/user.png)  no-repeat center; /*引入图片图片*/

}

#icon-pw{
  width: 28px; /*设置图片显示的宽*/
  height: 47px; /*图片显示的高*/
  top:77px;
  position: absolute;
  /*border: 1px solid red;*/
  background: url(../img/icons/login/pwd.png)  no-repeat center; /*引入图片图片*/


}

}