/* CSS Document */
*{margin:0; padding:0; border:0;}
body {background:#fff; font-family:"microsoft yahei"; font-size:14px;}
li {list-style:none;} 
#wrap {width:100%; height:auto; background:#046bb6; margin:0 auto; overflow: hidden;}
#main{ width: 1920px; height: 730px; left: 50%; margin-left: -960px; background:url('../image/main1.jpg') left no-repeat;position: relative;}
#mainmid{ width: 1200px; height: 730px; margin: 0 auto;}
#mainlf{ width: 650px; height: 730px; float: left; background:url('../image/pic.png') right bottom no-repeat;position: relative;}
#mainlf .logo{ width: 410px; height: 53px; left: 28px; top: 106px; position: absolute; animation: fadeinR 1s;}
#mainlf .word1{ width: 411px; height: 25px; left: 170px; top: 240px; position: absolute; animation: fadeinL 1s;}
#mainrt{ width: 490px; height: 730px; color: #292929; background: #fff; margin-right: 60px; float: right; }
#login {width:380px; height:450px; border-top: 1px #dedede solid; margin:0 auto; }   
#login li { width: 380px; height: 80px; line-height: 78px; line-height:78px;border-bottom: 1px #dedede solid;}
#login li span{ width: 80px; height: 80px; text-align: right; padding-left: 5px; padding-right: 10px; font-size: 18px; display: block; float: left;}
#login li input{ width: 200px; height: 38px; background: #fff; border: 1px #e8e8e8 solid;  position:relative; }
#login li img{margin-left:8px; vertical-align:middle;*+margin-top:-10px;} 
#form1{ width: 380px; height:545px; margin: 0 auto; padding-top: 98px; }
#form1 .title{ width: 380px; height: 90px; line-height: 90px; text-align: right; font-size: 30px; display: block; }
.apply{ width: 380px; height: 50px; line-height: 50px; font-size: 12px; color: #046bb6; font-family: "宋体"; text-align: right; border: none;}
.apply a{color: #046bb6; text-decoration: none;}
.apply a:hover{ color: #f00; text-decoration: underline; }
#foot{ width:100%; height:145px; background:#fff;}
#ft_mid{ width: 1200px; height: 112px; color: #494949; font-size:14px; text-align: center; line-height: 26px; margin: 0 auto; padding-top: 20px; }
#ft_mid a{color: #494949; text-decoration: none;}
#username,#password {
  border:1px solid #d0d4d7;
  width: 200px;
  height: 30px;
  line-height:30px;
  text-indent: 8px;
  margin-left:5px;
  color:#666;
  font-family:"microsoft yahei";
}
.sub {width:250px; height: 50px; background: #0e7ccb; font-family: "微软雅黑";font-size: 20px; color: #fff; border: none; display: block; transition: 0.4s all; margin:20px auto 0;}
.sub:hover{ border-radius: 25px; }
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fadeinR{-webkit-animation-name:fadeinR;animation-name:fadeinR;}
@-webkit-keyframes fadeinR{
  from{opacity:0; -webkit-transform:translate3d(-30px,0,0);}
  to{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@keyframes fadeinR{
  from{opacity:0; transform:translate3d(-30px,0,0);}
  to{opacity:1; transform:translate3d(0,0,0);}
}

.fadeinL{-webkit-animation-name:fadeinL;animation-name:fadeinL;}
@-webkit-keyframes fadeinL{
  from{opacity:0; -webkit-transform:translate3d(30px,0,0);}
  to{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@keyframes fadeinL{
  from{opacity:0; transform:translate3d(30px,0,0);}
  to{opacity:1; transform:translate3d(0,0,0);}
}