img{ max-width: 100%;}
.bg{
    background: url("/images/login/login-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.new_login{}
.new_login .content{ width: 907px; height: 508px; background: #fff; border-radius: 5px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto;}
.new_login .left{ width: 50%; float: left; text-align: center;}
.new_login .right{ width: 50%; float: right; text-align: center;}
.new_login .swiper-container{ width: 297px; margin-top: 71px;}
.new_login .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ABB3D4;
    width: 10px;
    height: 10px;
}
.new_login .swiper-slide img{min-width: 297px; min-height: 224px;}
.new_login .swiper-slide .banner-text{ width: 100%; margin-top: 35px; padding-bottom: 20px;}
.new_login .swiper-slide .banner-text strong{ display: block; text-align: center; font-size: 19px; font-weight: normal; color: #333333; margin-bottom: 20px;}
.new_login .swiper-slide .banner-text span{ line-height: 30px; font-size: 16px; color: #7C818C;}
.new_login .right .logo{ margin-top: 83px;}
.new_login .right .logo img{ max-height: 48px;}
.login-form { margin-top: 10px; width: 300px; margin-left: 64px;}
.login-form li{ width: 100%; height: 46px; line-height: 46px; margin-bottom: 22px; position: relative;}
.login-form li .lf{
    width: 40px;
    height: 46px;
    float: left;
    background: #F8F8F8;
    border: 1px solid #DCE1E6;
}
.login-form li .lf i.user_name{
    background-image: url(/images/2.0/user.png);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    width: 40px;
    height: 46px;
    display: inline-block;
}
.login-form li .lf i.password{
    background-image: url(/images/2.0/password.png);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    width: 40px;
    height: 46px;
    display: inline-block;
}
.login-form li .lf img{}
.new_login .swiper-wrapper{ height: auto;}
.new_login .swiper-wrapper .swiper-slide{ height: auto;}
.login-form li .rf{ width: 257px; float: left; background: #FFFFFF; border: 1px solid #DCE1E6; border-left: none;}
.login-form li .rf input{ border: none; width: 100%; height: 46px; line-height: 46px; text-indent: 10px;}
.login-form li.first{}
.login-form li.first h4{ color: #434343; font-size: 14px; font-weight: normal;}
.login-form li .fl{ float: left;}
.login-form li .fl input{ vertical-align: middle;}
.login-form li .fr{ float: right;}
.login-form li.remember{ height: 20px; line-height: 20px; margin-bottom: 37px;}
.login-form li button{ background: #FF6B00; width: 100%; height: 46px; color: #fff; border: none; border-radius: 5px;}
.login-form li.last{}
.new_login .swiper-container-horizontal>.swiper-pagination-bullets, .new_login .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
.login-form li .rf input.red{ border: 1px solid red;}
.login-form li .rf p{ font-size: 12px; color: red; height: 20px; line-height: 20px; position: absolute; bottom: -20px;}
#login_message{position: absolute; bottom: -24px; left: 0px; right: 0px;}
.w{ width: 1200px; margin: auto;}
.footer{ position: fixed; bottom: 0px; height: 70px; margin: auto; left: 0px; right: 0px; text-align: center;}
.footer ul{}
.footer ul li{ display: inline-block; padding-left: 15px; padding-right: 15px; line-height: 35px;}
.footer a{ color: #002059; font-size:12px; text-decoration: none;}
.footer a:hover{ text-decoration: none;}
.footer p{color: #002059; font-size:12px;}