﻿.header {
    width: 100%;
    min-width: 1170px;
    height: 483px;
    height:803px;
    height:642px;
    position: relative;
    z-index: 28;
    /*border-bottom: 1px solid #ccc;*/
    background: url(/Images/banner_final1.png) center center no-repeat;
    -ms-behavior: url(/Content/Css/backgroundsize.min.htc);
    behavior: url(/Content/Css/backgroundsize.min.htc);
    background-size:100% 100%;
}
    .header a, .header a:hover {
        color:#2b699e;
    }
.headerIndex {
    height: inherit;
    background:inherit;
    background:url(/Images/banner_final1.png) 100% -28%;
    background-size:100% 535px;
}
.header .header-msg {
    /*width: 100%;*/
    width:1170px;
    margin:0 auto;
    height: 48px;
    /*line-height: 48px;*/
    /*position: relative;*/
    /*z-index: 12;*/
    overflow:hidden;
    padding-top:17px;
}

.header-msg .header-msgBox {
    position: relative;
    width: 962px;
    /*float: right;*/
    /*text-align:right;*/
    /*margin-top:14px;*/
    /*margin-left:148px;*/
    line-height:30px;
}


.msgBox-main {
    color: #646464;
    display:inline-block;
}
    .msgBox-main .logoinmg {
        width: 36px;
        height: 36px;
        margin-right: 8px;
        vertical-align: middle;
    }

.msgBox-main span {
    margin-right: 20px;
    line-height: 22px;
    vertical-align: middle;
    color:#040404;
}

.home-icon, .iphone-icon {
    display: inline-block;
    width: 14px;
    height: 12px;
    *vertical-align: middle;
}

.home-icon {
    background: url("/Images/home.png") no-repeat;
    margin-right: 4px;
}

.iphone-icon {
    background: url("/Images/iphone.png") no-repeat;
    margin-right: 8px;
}

.header .search-mechanism {
    /*margin-top: 9px;*/
    width: 202px;
    height: 30px;
    /*background: #646464;*/
    background:rgb(100,100,100);
    background:rgba(100,100,100,0.5);
    border-radius: 5px;
    color: #ffffff;
    line-height: 30px;
}

.header .search-mechanism i {
    display: inline-block;
    width: 13px;
    height: 30px;
    background: url("/Images/search.png") no-repeat;
    margin: 0 10px;
}

.header .search-mechanism input {
    border: none;
    width: 156px;
    height: 30px;
    line-height: 30px;
    /*background: #646464;*/
    background-color:transparent;
    color: #ffffff;
}

.header .search-mechanism input::-webkit-input-placeholder {
    color: #fff;
}

.header .search-mechanism input::-moz-placeholder {
    color: #fff;
}

.header-msgBox .search-mechanism input::-moz-placeholder {
    color: #fff;
}

.header-msgBox .search-mechanism input:-ms-input-placeholder {
    color: #fff;
}

.logIn {
    margin-right: 15px;
    /*margin-left: 30px;*/
    position: absolute;
    cursor: pointer;
    display:inline-block;
    right:0;
    top:0;
}

.logIn img {
    vertical-align:middle;
    width: 30px;
    height: 30px;
    /*margin-top: 9px;*/
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.logIn a {
    color: #040404;
}

.logIn h2 {
    position: absolute;
    font-weight: normal;
    cursor: pointer;
    display: none;
    text-align: right;
    width:74px;
    /*left: 12%;
    bottom:-24px;*/
    top: 26px;
    right:0;
}

.logIn h2:hover {
    color: #4e4e4e;
}

.header .header-cnt {
    width: 1170px;
    height: 52px;
    margin: 0 auto;
    position: relative;
    z-index: 11;
}

.header-cnt .logo {
    height: 100%;
    /*overflow: hidden;*/
    cursor: pointer;
    position:absolute;
    top:-36px;
    display:none;
}

.header-cnt .logo img {
    /*width: 50px;*/
}

.header-cnt .header-nav {
    color: #4e4e4e;
    height: 100%;
    line-height: 52px;
    /*padding-left: 146px;*/
}

.header-nav > ul {
    height: 100%;
    /*width:1024px;*/
    width:100%;
}

.header-nav > ul > li {
    position: relative;
    text-align:center;
    float: left;
    height: 100%;
    /*padding: 0 26px;*/
    cursor: pointer;
    font-size: 14px;
    margin-left:107px;
    /*color: #7d7b7b;*/
    /*width:188px;*/    /*84 56 280 364 660 132 188*/
}
.header-nav > ul > li:first-child{
    width:28px;
    text-align:left;
    margin-left:0;
}
    .header-nav > ul > li:last-child {
        width:56px;
        text-align:right;
    }

.header-nav > ul > li.active, .header-nav > ul > li:hover {
    color: #000;
}

.header-nav > ul ul {
    position: absolute;
    top: 58px;
    /*left: 50%;*/
    /*margin-left:-80px;*/
    right:0;
    margin-right:-52px;
    width: 160px;
    text-align: left;
    /*background: #ffffff;
    background-color:rgba(94,94,94,1);*/
    /*border: 1px solid #cdcdcd;*/
    display: none;
    border-radius: 3px;
    overflow:hidden;
    box-shadow: 0px 0px 5px #5e5e5e, 0 0px 5px #5e5e5e;
}

.header-nav > ul > li li {
    height: 40px;
    line-height: 40px;
    /*margin-bottom: 1px;*/
    /*background: #ececec;*/
    background-color:rgb(59,60,60);
    background-color:rgba(59,60,60,0.8);
    padding-left:10%;
    position:relative;
    border-bottom:1px solid #7d7d7d;
}
    .header-nav > ul > li .liright {
        display:none;
        width:6px;
        height:10px;
        position:absolute;
        right:5%;
        top:50%;
        margin-top:-5px;
    }
    .header-nav > ul > li li:first-child {
        border-top:2px solid rgba(0,0,0,1);
    }
    .header-nav > ul > li li:last-child {
        border-bottom:none;
    }
@keyframes moveleft {
    0% {
        padding-left:10%;
    }
    100% {
        padding-left:15%;
    }
}
@-moz-keyframes moveleft {
    0% {
        padding-left:10%;
    }
    100% {
        padding-left:15%;
    }
}
@-webkit-keyframes moveleft {
    0% {
        padding-left:10%;
    }
    100% {
        padding-left:15%;
    }
}
.header-nav > ul > li li.active, .header-nav > ul > li li:hover {
    background: #000;
    padding-left:15%;
    opacity:0.8;
    filter:alpha(opacity=80);
    animation:moveleft .3s linear;
    -moz-animation:moveleft .3s linear;
    -webkit-animation:moveleft .3s linear;
}

    .header-nav > ul > li li.active .liright, .header-nav > ul > li li:hover .liright {
        display:block;
    }

.content {
    position: relative;
    z-index: 0;
    width: 100%;
    min-width: 1170px;
    margin-bottom: 66px;
    height: auto;
    min-height: 569px;
    display: inline-block;
}

#content {
    width: 1170px;
    margin: 0 auto;
    height: auto;
}

.footer {
    width: 100%;
    min-width: 1170px;
    /*height: 258px;*/
    color: #e4e4e4;
    background: #2f2f2f;
    margin-top: 32px;
}

/*.footer a {
    color: #e4e4e4;
}*/

.footer a:hover {
    color: #989898;
}

.footer-warp {
    /*width: 1170px;*/
    /*margin: 0 auto;*/
}

.footer-left {
    /*width: 950px;*/
}

.link_div {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
}
.link_div2 {
    margin: 0 auto 14px;
}

.link_div a{
    color: #000;
}
.link_div2 a {
    color: #e4e4e4;
}

.link {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
}

/*.link i {
    padding: 0 50px;
}*/

.info {
    /*width: 625px;*/
    white-space: normal;
    height: auto;
    font-size: 16px;
    line-height: 30px;
    /*margin-bottom: 20px;*/
}

.info > a {
    margin-right: 3%;
    display:inline-block;
    /*width: 145px;*/
    /*text-align: center;*/
}

.copyright {
    color: #c8c8c8;
    font-size: 14px;
    line-height: 34px;
}

.info .copyright > span {
    width: 49%;
    display: inline-block;
}

.footer-right {
    /*margin-top: 30px;*/
    /*margin-right: 20px;*/
}

/*.footer-right p {
    font-size: 20px;
    color: #c8c8c8;
    letter-spacing: 4px;
    width: 171px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}*/

    .footer-right p {
        letter-spacing: 1px;
        margin-top: 5px;
    }

    .footer-right img {
        width: 90px;
    }

.examination-pass {
    padding: 59px 59px;
    text-align: center;
}

.examination-pass h3 {
    font-weight: normal;
    margin-bottom: 25px;
    color: #1da413;
    font-size: 30px;
}

.examination-pass p {
    font-size: 30px;
    margin-bottom: 40px;
}

.examination-pass p span, .examination-pass.not h3 {
    color: #ff0000;
}

.examination-pass button {
    width: 210px;
    height: 40px;
    background: #000;
    color: #ffffff;
}

.mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
    color: #ff0000;
    /*cursor: pointer;*/
}

.pop-layout {
    position: fixed;
    top: 50%;
    left: 50%;
    cursor: pointer;
}

.pop-header {
    background: #333333;
    height: 20px;
    line-height: 40px;
    padding-bottom: 20px;
    color: white;
}

.pop-header .close {
    font-size: 20px;
    margin-right: 20px;
}

.pop-main {
    background: #ffffff;
}

.pop-main .form-box {
    clear: both;
    text-align: center;
}


