@charset "utf-8";
/* 页面 */
html {
    min-width: 100%;
    min-height: 100%;
    background: url("../images/login/background.png") no-repeat;
    background-size: 100% 100%;
}
/* 头部 */
.header{
    height: 124px;
}
/* W_1200 */
.header .head{
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    font-size: 0;
}
.header .head img{
    width: 716px;
    height: 94px;
}
/* 内容 */
.content{
    height: 718px;
    margin-top: 85px;
    margin-bottom: 97px;
}
/* W_1200 */
.content .main{
    width: 1200px;
    height: 718px;
    margin: 0 auto;
    position: relative;
}
/* 内容左边部分 */
.content .main .login-box{
    width: 400px;
    height: 440px;
    padding: 166px 70px 111px 70px;
    background: #FFFFFF;
    float: left;
    border-radius: 20px 0px 0px 20px;
}
/* 伪类背景左 */
    .content .main .login-box:after {
        width: 193px;
        height: 431px;
        background: url(../images/login/left-background.png) no-repeat;
        background-size: 100% 100%;
        display: block;
        float: left;
        content: '';
        position: absolute;
        top: 267px;
        left: -190px;
    }
.content .main .login-box .title{
    color: #203F83;
    font-size: 30px;    
    padding-left: 20px;
    margin-bottom: 50px;
}
.content .main .login-box .input{
    margin-bottom: 50px;
}
.content .main .login-box .input .input-group{
    width: 400px;
    margin-bottom: 30px;
    box-sizing: border-box;
}
/* .content .main .login-box .input-group:nth-child(4){
    margin-bottom: 50px;
} */
.content .main .login-box .input .input-group .na{
    outline: none;
    border: 0;
    color: #222222;
    background: #F6F7FB;
    font-size: 20px;
    padding: 20px 28px;
    width: 344px;
    height: 20px;
    border-radius: 30px;
}
.content .main .login-box .input .input-group .na::-webkit-input-placeholder{
    font-size: 20px;
    color: #B4B4B4;
}
.content .main .login-box .input .input-group .pa{
    outline: none;
    border: 0;
    color: #222222;
    background: #F6F7FB;
    font-size: 20px;
    padding: 20px 28px;
    width: 344px;
    height: 20px;
    border-radius: 30px;
}
.content .main .login-box .input .input-group .pa::-webkit-input-placeholder{
    font-size: 20px;
    color: #B4B4B4;
}
.content .main .login-box .input .input-group .check-code{
    float: left;
    outline: none;
    border: 0;
    color: #222222;
    background: #F6F7FB;
    font-size: 20px;
    padding: 20px 28px;
    width: 184px;
    height: 20px;
    border-radius: 30px;
    margin-right: 10px;
}
.content .main .login-box .input .input-group .check-code::-webkit-input-placeholder{
    font-size: 20px;
    color: #B4B4B4;
}
    .content .main .login-box .input .input-group .code-img {
        width: 150px;
        height: 60px;
        outline: none;
        border: 0;
        /* background: #F6F7FB; */
        border-radius: 30px;
        float: left;
        text-align: center;
        line-height: 60px;
        cursor: pointer;
        font-size: 26px;
        font-style: oblique;
        letter-spacing: 5px;
        background: url("../images/login/code-img.png") no-repeat;
        background-size: 100% 100%;
    }

.content .main .login-box .go{
    width: 100px;
    height: 60px;
    background: #203F83;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}
.content .main .login-box .go .login-btn{
    display: block;
    height: 60px;
    line-height: 60px;
}
.content .main .login-box .go .login-btn img{
    width: 32px;
    height: 21px;
    vertical-align: middle;
}
/* 内容右边部分 */
.content .main .right{
    width: 560px;
    height: 540px;
    padding: 90px 50px;
    background:#EDF2FC;
    float: right;
    border-radius: 0px 20px 20px 0px;
}
/* 伪类背景右 */
    .content .main .right:after {
        width: 281px;
        height: 431px;
        background: url(../images/login/right-background.png) no-repeat;
        background-size: 100% 100%;
        display: block;
        float: right;
        content: '';
        position: absolute;
        top: 267px;
        right: -280px;
    }
    .content .main .right .nav .navbox .img1 {
        height: 26px;
        margin-bottom: 20px;
        display: block;
        background: url("../images/login/icon1.png") center no-repeat;
    }
.content .main .right .nav .navbox .text{
    font-size:18px;
    line-height: 1;
}
.content .main .right .nav .navbox:hover{
    background: #203F83;
    transition: 0.4s;
}
.content .main .right .nav .navbox:hover .text{
    color: #FFFFFF;
    transition: 0.4s;
}
    .content .main .right .nav .navbox:hover .img1 {
        background: url("../images/login/icon-1.png") center no-repeat;
    }
    .content .main .right .nav .navbox .img2 {
        height: 26px;
        margin-bottom: 20px;
        display: block;
        background: url("../images/login/icon2.png") center no-repeat;
    } 
    .content .main .right .nav .navbox:hover .img2 {
        background: url("../images/login/icon-2.png") center no-repeat;
    }
    .content .main .right .nav .navbox .img3 {
        height: 26px;
        margin-bottom: 20px;
        display: block;
        background: url("../images/login/icon3.png") center no-repeat;
    } 
    .content .main .right .nav .navbox:hover .img3 {
        background: url("../images/login/icon-3.png") center no-repeat;
    }
    .content .main .right .nav .navbox .img4 {
        height: 26px;
        margin-bottom: 20px;
        display: block;
        background: url("../images/login/icon4.png") center no-repeat;
    } 
    .content .main .right .nav .navbox:hover .img4 {
        background: url("../images/login/icon-4.png") center no-repeat;
    }
    .content .main .right .nav .navbox .img5 {
        height: 26px;
        margin-bottom: 20px;
        display: block;
        background: url("../images/login/icon5.png") center no-repeat;
    } 
    .content .main .right .nav .navbox:hover .img5 {
        background: url("../images/login/icon-5.png") center no-repeat;
    }
    .content .main .right .nav .navbox .img6 {
        height: 26px;
        margin-bottom: 20px;
        display: block;
        background: url("../images/login/icon6.png") center no-repeat;
    } 
    .content .main .right .nav .navbox:hover .img6 {
        background: url("../images/login/icon-6.png") center no-repeat;
    }
.content .main .right .nav .navbox .img7{
    height: 26px;
    margin-bottom: 20px;
    display: block;
    background: url("../images/login/icon7.png") center no-repeat;
} 
.content .main .right .nav .navbox:hover .img7{
    background: url("../images/login/icon-7.png") center no-repeat;
}
.content .main .right .nav .navbox .img8{
    height: 26px;
    margin-bottom: 20px;
    display: block;
    background: url("../images/login/icon8.png") center no-repeat;
} 
.content .main .right .nav .navbox:hover .img8{
    background: url("../images/login/icon-8.png") center no-repeat;
}
.content .main .right .nav .navbox .img9{
    height: 26px;
    margin-bottom: 20px;
    display: block;
    background: url("../images/login/icon9.png") center no-repeat;
} 
.content .main .right .nav .navbox:hover .img9{
    background: url("../images/login/icon-9.png") center no-repeat;
}
.content .main .right .nav .navbox .img10{
    height: 26px;
    margin-bottom: 20px;
    display: block;
    background: url("../images/login/icon10.png") center no-repeat;
} 
.content .main .right .nav .navbox:hover .img10{
    background: url("../images/login/icon-10.png") center no-repeat;
}
.content .main .right .nav .navbox .img11{
    height: 26px;
    margin-bottom: 20px;
    display: block;
    background: url("../images/login/icon11.png") center no-repeat;
} 
.content .main .right .nav .navbox:hover .img11{
    background: url("../images/login/icon-11.png") center no-repeat;
}
.content .main .right .nav .navbox .img12{
    height: 26px;
    margin-bottom: 20px;
    display: block;
    background: url("../images/login/icon12.png") center no-repeat;
}
    .content .main .right .nav .navbox .img13 {
        height: 26px;
        margin-bottom: 20px;
        display: block;
        background: url("../images/login/icon13.png") center no-repeat;
    }  
.content .main .right .navB{
    width: 560px;
    height: 100px;
}
.content .main .right .navB .nav_box{
    width: 180px;
    height: 80px;
    padding-top:20px;
    background:#FFFFFF;
    margin: 0 auto;
    text-align: center;
}
.content .main .right .navB .nav_box a{
    display: block;
}
.content .main .right .nav .nav_box .img13{
    height: 26px;
    margin-bottom: 20px;
    display: block;
    background: url("../images/login/icon13.png") center no-repeat;
}
.content .main .right .navB .nav_box .text{
    font-size:18px;
    line-height: 1; 
}
.content .main .right .navB .nav_box:hover{
    background: #203F83;
}
.content .main .right .navB .nav_box:hover .text{
    color: #FFFFFF;
}
.content .main .right .navB .nav_box:hover .img13{
    background: url("../images/login/icon-13.png") center no-repeat;
}
.content .login-box .getpsd{
    color:#828686;font-size:14px;text-align:center;padding-top:20px
}
.content .login-box .getpsd a{
    color:#828686;
}
.content .login-box .getpsd a:hover{
  text-decoration:underline;
}
/* 尾部 */
.footer {
    text-align: center;
    font-size: 14px;
    color: #666666;
}