@charset "utf-8";

#wrap{width:100%; max-width:1903px; margin:0 auto; background:#fff; overflow:hidden;}

#main{width:1903px;}
#main>div{width:100%; height:100%;}

.intro_left{float:left; width:50%; overflow:hidden;}
.intro_left>img{width:100%;}
.intro_right{
  position:relative; float:right; width:50%;
}


.intro_right>div{
  padding:150px 0 0 0;
}
.intro_right>div>h2{
  padding:0 0 50px 0;
  font-size:34px;
  font-weight:600;
  text-align:center;
}
.intro_right>div>div{
  width:500px;
  margin:0 auto;
}
.intro_right>div>div>span{
  display:block;
  width:100%;
}
.intro_right>div>div>span>input{
  padding:20px 0;
  width:100%;
  font-size:20px;
  text-indent:98px;
  border:1px solid #c7c7c7;
}
.intro_right>div>div>span>input.idBox{
  background:url(../img/id_bg.png) no-repeat 15px 50%;
  background-size:35px auto;
}
.intro_right>div>div>span>input.passBox{
  background:url(../img/pass_bg.png) no-repeat 15px 50%;
  border-top:none;
  background-size:35px auto;
}
.intro_right>div>div>span>input::placeholder{
  font-size:20px;
  color:#d6d6d6;
}
.intro_right>div>span{
  padding:35px 0 0 0;
  display:block;
  width:500px;
  margin:0 auto;
}
.intro_right>div>span>button{
  display:block;
  padding:20px 0;
  width:100%;
  font-size:20px;
  color:#fff;
  font-weight:600;
  background:url(../img/button_bg.png) no-repeat 0 50%;
  cursor: pointer;
}
.intro_right>div>h1{
  padding:240px 0 0 0;
  text-align:center;
}
.intro_right>div>h1>img{
  width:250px;
  margin:0 auto;
}