@charset "utf-8";
body,ul,li,ol,h1,h2,h3,h4,p,th,td,dl,dd,form,fieldset,legend,label,input,textarea,select,span{margin:0;padding:0}
body{font:14px/1.7 Arial,"Microsoft YaHei",Tahoma,Verdana,Helvetica, sans-serif;	 color:#666; background: #f0f0f0; }
a{color:#333; text-decoration:none;  outline:none;  }
a:hover{color:#5aa4f5;  }
li{list-style:none}
img{border:0;    vertical-align:top;	}
table{border-collapse:collapse;   border-spacing:0 }
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; outline:none;}
.clen{ clear: both;}
.top_bj{ /*background: url("../images/top_bj.jpg") top repeat-x;*/ width: 100%; height: 130px;min-width: 1300px;}

.logo_1{ width: 1000px; margin: auto; padding-top: 15px; position: relative; }
.logo_1 a{ position: absolute; width: 520px; height: 80px;    left: 0; top: 0;}
.logo_1 span{ font-size: 22px; line-height: 50px; background: url("../images/xiang.png") left center no-repeat; height: 50px; display: inline-block;
    padding-left: 15px; margin-left: 13px; color: #0e4682;}
.banner{ width: 100%; overflow: hidden; background: url("../images/banner.jpg") top center no-repeat; background-size: cover; height: 475px; min-width: 1300px;}
.nrq{ width: 920px; margin: auto; overflow: hidden;}
.denluk{ width: 372px; float: right; margin-top: 48px; border-radius: 5px; background: #fff; height: 356px; padding: 30px; box-sizing: border-box;}
.denluk h1{ text-align: center; font-size: 20px; line-height: 56px; font-weight: 400;}
.szzc{ text-align: center; overflow: hidden; margin: 42px auto;}
.ljdl{ overflow: hidden;  text-align: center;}
.ljdl a{ display: block; border-radius: 3px; background: url("../images/denglubj.jpg") repeat-x; height: 56px; font-size: 20px; color: #fff; line-height: 56px; transition: .7s;}
.ljdl a:hover{ background: #11afe6;}
.fhsy{ font-size: 16px; line-height: 45px; text-align: right;}
.fhsy a{color: #1e9cf7;}
.bottom{ width: 372px; float: right; text-align: center; color: #fff; line-height: 22px; margin-top: 10px;}
.right_1{  position: fixed;    top: 130px; right: 0;  height:353px;background: rgba(23,104,187,0.6); border-radius: 5px 0 0 5px;   transform:translate(0 0);-moz-transform:translate(0 0);-webkit-transform:translate(0 0);
    animation:left_banner 2.5s ease-in-out both;
    -moz-animation:left_banner 2.5s ease-in-out both;
    -webkit-animation:left_banner 2.5s ease-in-out both; }
.sbdj{ overflow: hidden;float:left; cursor: pointer;transition: .7s; }
.sbdj ul{ padding: 0; margin: 0; overflow: hidden; width:50px; float: left;}
.sbdj ul li{ border-bottom: solid 1px #1095e8;height: 58px; line-height: 58px;  }
.sbdj ul li img{ margin-left:10px; margin-top: 10px; margin-right:5px; }
.sbdj ul li.one2{ border-bottom: none; }
.zknr{ overflow: hidden; transition: .7s;  transform:translate(0 0);-moz-transform:translate(0 0);-webkit-transform:translate(0 0);
    animation:left_banner1 1.5s ease-in-out both;
    -moz-animation:left_banner1 1.5s ease-in-out both;
    -webkit-animation:left_banner1 1.5s ease-in-out both;}
.zknr ul{ padding: 0; margin: 0; overflow: hidden; width: 135px;}
.zknr ul li{ border-bottom: solid 1px #1095e8; }
.zknr ul li a{ height: 58px; line-height: 58px; display: block; font-size: 16px; color: #fff;transition: .7s;padding-left: 2px;}
.zknr ul li a:hover{ color:#fbec43;}
.zknr ul li .one2 a{ border-bottom: none;}
.sbdj:hover > .zknr{ display:block; transition: .7s; }
@keyframes left_banner{
    0%{
        opacity: 0;
        transform:translateX(40%)
    }
    100%{
        opacity: 1;
        transform:translateX(0)
    }
}
@-moz-keyframes left_banner{
    0%{
        opacity: 0;
        transform:translateX(40%)
    }
    100%{
        opacity: 1;
        transform:translateX(0)
    }
}
@-webkit-keyframes left_banner{
    0%{
        opacity: 0;
        transform:translateX(40%)
    }
    100%{
        opacity: 1;
        transform:translateX(0)
    }
}
.font{ line-height: 28px; padding-top: 10px; overflow: hidden; display: inline-block; min-width: 1200px; text-align: center; color: #999999;     margin: auto; width: 100%; /*background: url("../images/bot_bj.jpg") top repeat-x;*/ }


/* 20191129补充liuqiang */
/* banner */
.banner {
    height: 486px;
    width: 100%;
    background: linear-gradient(90deg, rgba(33, 124, 221, 0.97), rgba(7, 83, 164, 0.97));
}

/* banner 左侧 */
.login-left {
    width: 50%;
    float: left;
    height: 486px;
    position: relative;
}

/* 左侧图片 */
.login-left-img {
    position: absolute;
    right: 230px;
    bottom: 0;
    width: 337px;
    height: 432px;
    background: url(../images/login/dx-login.png) no-repeat
}

/* 左侧tab */
.login-left-menu {
    width: 180px;
    float: right;
    text-align: right;
    margin-top: 105px;
}

.login-left-menu li {
    text-align: center;
    background: url(../images/login/xiang.jpg) bottom no-repeat;
    width: 168px;
    float: right;
}

.login-left-menu li.tab-active a {
    background-color: white;
    color: #2ba3ec;
}

.login-left-menu li.tab-active:hover a {
    background: white;
}

.login-left-menu li a {
    background: url(../images/login/left-hover.png) no-repeat;
    background-position: -168px 0;
    transition: .7s;
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    width: 168px;
    float: right;
    padding-right: 30px;
    margin-bottom: 0px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.login-left-menu li a:hover {
    background: url(../images/login/left-hover.png) no-repeat;
    background-position: 0 0;
    color: #2ba3ec;
}

/*class[tab-container-}*/

[class*=tab-container-] {
    display: none;
}

[class*=tab-container-].tab-container-active {
    display: block;
}

[class*=tab-container-].tab-container-login-active {
    display: block;
}

.tab-content-box {

}

.login-right {
    width: 46%;
    height: 486px;
    float: left;
}

.login-right .denluk {
    width: 470px;
    float: left;
    margin-top: 0px;
    border-radius: 0px;
    background: #fff;
    height: 486px;
    padding: 50px;
    box-sizing: border-box;
}

.login-right .denluk h1 {
    text-align: center;
    font-size: 20px;
    line-height: 56px;
    font-weight: 400;
}

.login-right .szzc {
    text-align: center;
    overflow: hidden;
    margin: 100px auto;
}

/* 账号 */

/* 按钮 */
.bnt-box {
    text-align: center;
}

.bnt-box a {
    width: 330px;
    height: 45px;
    background: url("../images/login/login-bj.png") no-repeat;
    background: linear-gradient(0deg, rgba(32, 141, 217, 1), rgba(24, 118, 217, 1));
    border-radius: 2px;
    margin: auto;
    line-height: 45px;
    display: inline-block;
    font-size: 20px;
    color: white;
}

.bnt-box a:hover {
    background: url("../images/login/login-bj.png") no-repeat;
    background: linear-gradient(0deg, rgba(24, 118, 217, 1), rgba(32, 141, 217, 1));
    opacity: 0.8;
}

.account-login input {
    width: 330px;
    height: 45px;
    display: block;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(188, 188, 188, 1);
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    margin-bottom: 30px;
    font-size: 16px;
}

.account-login input:focus {
    width: 330px;
    height: 45px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(9, 87, 169, 1)
}

.tab-login-switch {
    line-height: 50px;
    border-bottom: 1px solid #eaeaea;
    height: 50px;
    margin-top: 5px;
}

.tab-login-switch .tab-login-click {
    width: 50%;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    color: #999999;
    cursor: pointer;
    position: relative;
}

.tab-login-switch .tab-login-click.tab-login-active span {
    line-height: 45px;
    color: rgba(9, 87, 169, 1);
    /*border-bottom: 2px solid rgba(9, 87, 169, 1);*/
    display: inline-block;
    padding: 0 10px;
}
.tab-login-switch .tab-login-click .bottom-line{
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: auto;
    height: 3px;
    width: 0px;
    transition: 0.7s;
    background-color: rgba(9, 87, 169, 1);
}
.tab-login-switch .tab-login-click.tab-login-active .bottom-line{
    width: 50px;
}
    /* 用户名 */
.account-login input.user-input {
    margin-top: 39px;
    background: url("../images/login/user-icon.png") no-repeat 15px center;
    background-size: 20px auto;
}

.account-login input.user-input:focus {
    background: url("../images/login/user-icon-active.png") no-repeat 15px center;
    background-size: 20px auto;
}

/* 密码 */
.account-login input.password-input {
    background: url("../images/login/password-icon.png") no-repeat 15px center;
    background-size: 20px auto;
}

.account-login input.password-input:focus {
    background: url("../images/login/password-icon-active.png") no-repeat 15px center;
    background-size: 20px auto;
}

/* code */
.verification-code-box {
    position: relative;
    display: block;
}

.verification-code-box .verification-code-img {
    position: absolute;
    right: 25px;
    top: 5px;
    height: 35px;
    cursor: pointer;
}

.account-login input.verification-code-input {
    background: url("../images/login/verification-code.png") no-repeat 15px center;
    background-size: 20px auto;
    padding-right: 150px;
}

.account-login input.verification-code-input:focus {
    background: url("../images/login/verification-code-active.png") no-repeat 15px center;
    background-size: 20px auto;
}


/*  */
.top-right {
    position: fixed;
    top: 0;
    right: 20%;
    background: url(../images/login/top-bj.png) -40px -160px no-repeat;
    width: 533px;
    height: 385px;
    z-index: -8;
}

.bot-left{
    position: fixed;
    bottom: 0;
    left: 160px;
    background: url(../images/login/top-bj.png) no-repeat;
    width: 533px;
    height: 385px;
    z-index: -8;
}

.logo_1{
    padding-top: 45px;
}


.right_1{
    top: 205px;
    height: 295px;
}
.sbdj{
    border-radius: 3px 0 0 3px;
}
.sbdj ul li{
    background-color: #3978b9;
    border-bottom: 1px solid #2d6fb5;
}
.zknr ul li a {
    padding-left: 15px;
}