@CHARSET "UTF-8";
.header{
    width: 100%;
    height: 525px;
    background: url("system/pages/login/img/Login_mainBG.jpg") center no-repeat;
    overflow: hidden;
    min-width: 500px;
}
.header_logo{
    width: 123px;
    height: 134px;
    background: url("system/pages/login/img/Login_logo.png") center no-repeat ;
    margin: 40px auto 0;
}
.header_title{
    width: 325px;
    height: 55px;
    background:url("system/pages/login/img/login_title.png") center no-repeat ;
    margin: 20px auto 0;
}
.header_input{
    width: 308px;
    height: 86px;
    background:url("system/pages/login/img/Login_input_bg.png") center no-repeat ;
    margin: 40px auto 0;
}
.username,.password{
    width: 92%;
    height: 42px;
    background: none;
    border: none;
    outline: none;
    font-size: 14px;
    color: #7898b4;
    margin-left:8%;
    line-height: 42px;
}
.username{
    border-bottom: 1px #587faa solid;
}
.header_button{
    width: 308px;
    height: 44px;
    background: #1589c3;
    margin: 27px auto 0;
    border-radius: 4px;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    color: white;
    font-family: "微软雅黑";
    -webkit-transition: 0.3s 0.2s ease;
    -moz-transition: 0.3s 0.2s ease;
}
.header_button:hover{
    background: #209cda;
}
.header_problem{
    color: #8c8ab7;
    font-size: 12px;
    position: relative;
    float: right;
    margin-right: 10px;
    margin-top: 10px;

}
.header_problem a{
    color: #8c8ab7;
    -webkit-transition: 0.3s 0.2s ease;
    -moz-transition: 0.3s 0.2s ease;
}
.header_problem a:hover{
    color: #b7b6d2;
}
.header_label{
    width: 120px;
    font-size: 12px;
    color: #fff;
    margin: 18px auto 0;
    padding: 0;
    text-align: center;
}
label {
    background: url("system/pages/login/img/login_check2.png") left no-repeat;
    padding-left: 20px;
    display:inline-block;
}

.input1 {
    visibility:hidden;
    margin-left: -40px;
}
.checked {
    background: url("system/pages/login/img/login_check1.png") left  no-repeat;
}

.main{
    width: 810px;
    margin: 38px auto 0;
    height: 260px;
}
.main ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.main li{
    float: left;
    width: 33%;
}
.intro_icon{
    margin:0 auto ;
    width: 100px;
}
.intro_icon a{
    width: 100px;
    height: 110px;
    font-size: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: 0.3s 0.2s ease;
    -moz-transition: 0.3s 0.2s ease;
}
.intro_iconTab1 a{
    background: url("system/pages/login/img/intro_icon1.png") center  no-repeat;
}
.intro_iconTab1 a:hover{
    background: url("system/pages/login/img/intro_icon_hover1.png") center  no-repeat;
}
.intro_iconTab2 a{
    background: url("system/pages/login/img/intro_icon2.png") center  no-repeat;
}
.intro_iconTab2 a:hover{
    background: url("system/pages/login/img/intro_icon_hover2.png") center  no-repeat;
}
.intro_iconTab3 a{
    background: url("system/pages/login/img/intro_icon3.png") center  no-repeat;
}
.intro_iconTab3 a:hover{
    background: url("system/pages/login/img/intro_icon_hover3.png") center  no-repeat;
}

.intro_info{
    margin: 0 auto;
    width: 66%;
    text-align: center;
}
.intro_info h1{
    font-size: 20px;
    font-family: "微软雅黑";
    color: #2c9bd3;
    font-weight: normal;
    margin: 18px auto 10px;
}
.intro_info p{
    font-size: 12px;
    color: #627b87;
    line-height: 20px;
}
.footer{
    width: 100%;
    background: #eff2f5;
    overflow: hidden;

}
.footer_inside{
    width: 900px;
    margin: 0 auto;
}

.footer_logo{
    float: left;
    background:  url("system/pages/login/img/footer_logo.png") center  no-repeat;
    width: 20px;
    height: 60px;
    margin: 10px 0 ;
}
.footer_company_info{
    float: left;
    margin: 10px 20px ;
    overflow: hidden;
}
.footer_company_info h1{
    margin: 12px 0 8px 0;
    padding: 0;
    font-size: 16px;
    font-weight: lighter;
    font-family: "微软雅黑";
    color: #184962;
}
.footer_company_info p{
    margin: 0 ;
    padding: 0;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #a5a5a5;
}
.footer_links{
    float: right;
    margin: 0 ;
    padding: 0;
    text-align: right;
}
.links_about{
    list-style: none;
}
.links_about li{
    float: right;
    font-size: 12px;
    color: #899ba6;
    font-weight: lighter;
    margin-left: 10px;
}
.links_about li a{
    color: #899ba6;
    -webkit-transition: 0.3s 0.2s ease;
    -moz-transition: 0.3s 0.2s ease;
}
.links_about li a:hover{
    color: #61747f;
}
.footer_links h1{
    overflow: hidden;
}
.footer_links p{
    clear: both;
    font-size: 12px;
    color: #899ba6;
    margin: 10px 0 20px 0 ;
}


.header_login{
    width: 120px;
    height: 34px;
    border: 1px #40bbc3 solid;
    margin: 60px auto;
}
.header_login a{
    width: 100%;
    display: block;
    line-height: 34px;
    color: #97f1f2;
    text-align: center;
}
.header_login a span{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    z-index: -1;
    background: rgba(255,255,255,0.1);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    font: normal 200 15px/30px 'proxima-nova-condensed', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
}