.vh100 {
  height: 100vh;
}

/*.tit-22{
	font-size: .55rem;
}
.tit-20{
	font-size: .5rem;
}
.tit-22{
	font-size: .55rem;
}
.tit-16{
	font-size: .4rem;
}
.tit-28{
	font-size: .7rem;
}*/
.personal-bg-imgs{
  position: relative;
}
.personal-bg-imgs .tuichu{
  position: absolute;
  color: #fff;
  padding: 5px 10px;
  background: #00aef3;
  right: 5%;
  top: 20px;
  z-index: 10;
  transition:.5s ease-in-out;
}
.personal-bg-imgs .tuichu:hover{
  transition:.5s ease-in-out;
  transform:translateY(-5px);
}
body{
  padding-top: 0;
}
.col333 {
  color: #333;
}

.lin136 {
  line-height: 1.36;
}

.border-line {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}

.pre {
  position: relative;
}

.pro {
  position: absolute;
}

.martop24 {
  margin-top: .6rem;
}

.cursor {
  cursor: pointer;
}

.tc {
  text-align: center;
}

.zicolor {
  color: #008AD2;
}

.lin157 {
  line-height: 1.57;
}

.wel-loginbox .logo {
  position: absolute;
  left: 1.5rem;
  width: 5rem;
  top: 1.5rem;
}
.wel-loginbox .login-fixed {
  position: fixed;
  right: 3.5rem;
  width: 11rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  padding: 1rem .6rem;
}
.wel-loginbox .login-fixed .imgs {
  width: 4.4rem;
  margin: 0 auto;
  margin-bottom: 1rem;
}
.wel-loginbox .checkbox {
  line-height: 1.57;
}
.wel-loginbox .checkbox input, .wel-loginbox .checkbox label {
  display: inline-block;
  vertical-align: middle;
}
.wel-loginbox .submit-login {
  margin-top: 1rem;
}
.wel-loginbox .submit-login input {
  background: #007fc1;
  border-radius: 2px;
  width: 100%;
  line-height: 1.25rem;
  height: 1.25rem;
  color: #fff;
}
.wel-loginbox .inputbox {
  padding-top: .6rem;
}
.wel-loginbox .inputbox input {
  display: block;
  background: transparent;
  height: 100%;
  line-height: inherit;
  color: rgba(0, 0, 0, 0.25);
  width: 100%;
}
.wel-loginbox .inputbox input[type=text] {
  padding-left: .9rem;
}
.wel-loginbox .inputbox input[type=submit] {
  color: rgba(0, 0, 0, 0.65);
  text-align: center;
  width: 100%;
}
.wel-loginbox .inputbox .li {
  line-height: 1rem;
  height: 1rem;
}
.wel-loginbox .inputbox .li:nth-child(n+2) {
  margin-top: .6rem;
}
.wel-loginbox .inputbox .li-left {
  width: 72%;
}
.wel-loginbox .inputbox .li-right {
  width: 26%;
}
.wel-loginbox .inputbox .li-left, .wel-loginbox .inputbox .li-right {
  line-height: inherit;
  height: inherit;
}
.wel-loginbox .inputbox img.l {
  position: absolute;
  left: .3rem;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}

.wel-loginbox .inputbox input.pd0 {
  padding-left: .3rem;
}

.people-box {
  position: relative;
  margin-top: -1.5rem;
}
.people-box .tits {
  line-height: 1.42;
  margin-bottom: .2rem;
  margin-top: .4rem;
  color: #333333;
}
.people-box .txts {
  line-height: 1.4;
  color: #666;
}

.bold {
  font-weight: bold;
}

.people-box .imgs {
  width: 3rem;
  height: 3rem;
  margin: 0 auto;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.5);
  background: #ccc;
  border-color: #fff;
  overflow: hidden;
}

.w1400 {
  width: 80%;
  max-width: 1400px;
  margin: 0 auto;
}

.people-list {
  margin-top: .95rem;
  font-size: 0;
}
.people-list .li {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: center;
  width: 23.5%;
  padding-top: 1.15rem;
  padding-bottom: 1.15rem;
  margin-left: 2%;
}
.people-list .li:nth-child(4n+1) {
  margin-left: 0;
}
.people-list .li .imgs {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
  margin-bottom: .3rem;
}
.people-list .li .tits {
  line-height: 1.38;
  color: #333333;
}

.alert-box {
  position: fixed;
  display: none;
  left: 50%;
  top: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: .5rem;
  border-radius: 5px;
  min-width: 5rem;
  min-height: 2.5rem;
}
.alert-box .close {
  font-family: Arial;
  right: .2rem;
  top: .2rem;
  line-height: .5rem;
  height: .5rem;
  padding: .1rem;
  position: absolute;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .wel-loginbox .submit-login {
    transition: .5s ease-in-out;
  }
  .wel-loginbox .submit-login:hover {
    transition: .5s ease-in-out;
    transform: translateY(-5px);
  }

  .people-list .li .imgs {
    transition: .5s ease-in-out;
  }
  .people-list .li:hover .imgs {
    transition: .5s ease-in-out;
    transform: translateY(-5px);
  }
}
@media (max-width: 900px) {
  .people-list .li {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .people-list .li:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .w1400 {
    width: 92%;
    max-width: 92%;
  }

  .wel-loginbox .logo {
    left: .8rem;
    top: .8rem;
  }

  .wel-loginbox .login-fixed {
    left: 0;
    right: 0;
    margin: auto;
    width: 92%;
  }

  .wel-loginbox .inputbox input[type=text] {
    padding-left: 1.2rem;
  }

  .wel-loginbox .inputbox .li {
    line-height: 1.5rem;
    height: 1.5rem;
  }

  .wel-loginbox .inputbox .li-right {
    width: 30%;
    font-size: 12px;
  }

  .wel-loginbox .inputbox .li-left {
    width: 68%;
  }

  .wel-loginbox .inputbox input.pd0 {
    padding-left: .3rem;
  }
}

/*# sourceMappingURL=style.css.map */