body{font-family: '微软雅黑'; background: url('../images/login_bg.jpg') no-repeat top; width: 100%; max-width: 1920px; height: 100%}
*{padding: 0; margin: 0;}
img{width: 100%}
ul,li{list-style: none}
a{text-decoration: none;}
.h1, .h2, .h3, h1, h2, h3{margin-top: 0; margin-bottom:0;}
p{margin: 0px;}

.content{width: 100%; max-width: 1010px; margin:15vh auto 20px; height: 570px;}
.content .c_left{width: 50%; float: left; height: 570px; background: #586ec0; padding:70px 60px; box-sizing: border-box;}
.content .c_left p{text-align: center;}
.content .c_left p img{max-width: 231px}
.content .c_left p.c_left_title1{font-size: 28px; color: #fff; line-height: 54px; margin-top: 35px;}
.content .c_left p.c_left_title2{font-size: 18px; color: #203480; line-height: 36px; margin-top: 12px;}
.content .c_right{width: 50%; float: left; height: 570px; background: #fff; padding:70px 10%; box-sizing: border-box; position: relative;}
.content .c_right .logo_bar{position: absolute; right: 35px; top: 70px; text-align: right;}
.content .c_right .logo_bar img{max-width: 149px}
.content .c_right form{width: 100%; margin-bottom: 22px; margin-top: 80px}
.content .c_right form .inputbar p:nth-child(1){font-size: 14px; color: #313131; margin-bottom: 8px}
.content .c_right form .inputbar p:nth-child(2){margin-bottom: 28px}
.content .c_right form .inputbar p:nth-child(2) input{height: 42px; max-width: 314px; background: #e5e5e5; border: none; outline: none; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding-left: 15px; box-sizing: border-box;}
.content .c_right form .nopass{margin-top: 15px; text-align: right;}
.content .c_right form .nopass a{font-size: 12px; color: #707070}
.content .c_right form .btn{margin-top: 35px}
.content .c_right form .btn input[type='button']{height: 42px; max-width: 314px; background: #4fa2ef; border: none; outline: none; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-sizing: border-box; color: #fff; font-size: 14px; appearance : none; -webkit-appearance : none; cursor:pointer;}
.content .c_right .reg{margin-top: 24px; font-size: 12px; text-align: center;}
.content .c_right .reg a{color: #4fa2ef}

.copyright{color: #949bd2; font-size: 12px; line-height: 48px; text-align: center;}

/*相应式代码*/
@media screen and (max-width: 1000px) {
  .content{width: 90%}
  .content .c_left{display: none}
  .content .c_right{width: 100%; float: none;}
  .content .c_right .logo_bar{position: relative; text-align: center; top: 0}
  .content .c_right form .inputbar p:nth-child(2) input{max-width: 1000px}
  .content .c_right form .btn input[type='submit']{max-width: 1000px}
}

@media screen and (max-width: 700px) {

}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 400px) {

}