* { margin: 0; padding: 0; font-family: "Microsoft YaHei"; }
a { text-decoration: none; }
ul, li { list-style: none; }
/*login*/
.login-page { background: #fff;min-width:1310px;overflow-x: auto;}
.loginBox { width: 100%; }
.loginBox .loginTop { width: 100%; }
.loginBox .loginTop .clearFloat { clear: both }
.loginBox .loginTop .loginTopCon { width: 1140px; margin: 0 auto; }
.loginTop .loginTopCon .loginTopImg { height: 92px; float: left; }
.loginTopCon .loginTopImg img { margin-top: 22px; margin-right: 18px; }
.loginTop .loginTopCon .loginTopText { height: 92px; line-height: 92px; float: left; font-size: 26px; font-weight: bold; color: #0a4386; }
.loginTop .loginTopCon .loginTopList { float: right; height: 92px; line-height: 92px; }
.loginTop .loginTopCon .loginTopList a { display: inline-block; width: 155px; height: 28px; background: url("../img/loginrex.png") no-repeat; }
.loginBox .loginBanner { width: 100%; min-width: 1140px; background: url('../img/loginBg.png') no-repeat; background-size: cover; padding: 100px 0; margin-bottom: 100px; }

@media screen and (max-width: 1366px) {
.loginBox .loginBanner { padding: 30px 0 0; margin-bottom: 10px; }
}

@media screen and (min-width: 1367px) and (max-width: 1500px) {
.loginBox .loginBanner { padding: 30px 0; margin-bottom: 30px; }
}
.loginBox .loginBanner .loginBannerCon {width: 1310px;height: 430px;margin: 0 auto;padding-bottom: 20px;position:relative;}
.loginBox .loginBanner .loginBannerCon img { width: 100%; display: block; }
.loginBanner .loginBannerCon .loginImg {float: left;margin-left: 175px;}
.loginBanner .loginBannerCon .loginForm {margin-right:176px; float: right; width: 450px; height: 400px; background: #fff; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); padding: 20px 15px; }
.loginBannerCon .loginForm .loginTitle { background: url("../img/loginForm.png") no-repeat bottom; height: 42px; margin: 10px 5px 0; }
.loginForm .loginTitle ul { overflow: hidden; margin-left: 36px; }
.loginForm .loginTitle ul li { float: left; margin: 0 4%; width: 42%; height: 34px; line-height: 34px; text-align: center; color: #2d5a99; cursor: pointer; }
.loginForm .loginTitle ul .active { color: #fff; background: #2d5a99; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.loginForm .loginUser ul { padding: 0 40px; margin-top: 10px; }
.loginUser ul li { width: 100%; margin-top:15px;position:relative;}
.loginUser li .txtinpt { width: 100%; height: 40px; line-height: 40px; padding-left: 36px; vertical-align: middle;}
.input-group .input-group-addon{    background: #eaeaea no-repeat 8px center;}
#validCode{background: #eaeaea no-repeat 8px center;height: 40px;}
.loginUser input[type=submit] { width: 100%; height: 40px; line-height: 40px; border: none; background: #2866b1; color: #fff; padding: 0; border-radius: 2px; font-size: 16px; }

.loginUser .oLogin { background: #faf8f7; }
.loginUser .oLogin span { font-size: 12px; }
.loginForm .loginSaoma { display: none; }
.loginForm .loginSaoma .oLogin { padding: 0 56px; margin-top: 10px; height: 60px; line-height: 60px; }
.loginSaoma .oLogin span { font-size: 12px; }
.loginBox .end { width: 100%; min-width: 1140px; height: 100px; background: #0c77c0; padding-top: 30px; }
.loginBox .end div ,.loginBox .end a{ color: #fff; text-align: center; font-size: 14px; line-height: 32px; }