body {
    background-color: #F4F9FC;
    font-family: PingFangSC-Regular, sans-serif, "Microsoft YaHei", "微软雅黑";
}

ul {
    margin: 0px;
    padding: 0px;

}

.btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: 0px;
}

li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.boxContent {
    margin: 0 auto;
    width: 100%;
    min-width: 1050px;
}

header, .banner, .content, .zbServe, footer {
    width: 100%;

}

/*============================*/
header {
    background-color: white;
    height: 70px;
    overflow: hidden;
}

header > div {
    float: left;
}

header > div:last-child {
    float: right;
}

.logoPhoto {
    width: 180px;
    margin: 17px 46px 16px 120px;
}

.logoPhoto > a {
    display: inline-block;
}

.navbar {
    height: 69px;
    line-height: 69px;
    font-size: 14px;
    color: #4A4A4A;
    margin-bottom: 0px;
}

.navbar > .nav > li {
    float: left;
}

.nav > li > a {
    padding: 0px;
    padding-right: 60px;
    color: #4A4A4A;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: white;
}

.nav > li > a:hover {
    color: #25AEF9;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: white;
    color: #25AEF9;

}

.loginAndRegister {
    height: 70px;
    line-height: 70px;
}

.loginAndRegister > button {
    width: 108px;
    height: 36px;
    margin-right: 24px;
    border-radius: 2px;
}

.loginAndRegister .login {
    background-color: white;
    border: 1px solid #008FFF;
    color: #008fff;
}

.loginAndRegister .login:hover {
    background-color: #F2F8FF;
    color: #008fff
}

.loginAndRegister .register {
    border: 1px solid #008FFF;
    background: #008FFF;
    color: white;
}

.loginAndRegister .register:hover {
    background-color: #055AA5;
}

/*========================*/

.banner {
    width: 100%;
    background-size: cover;
    height: 640px;
    overflow: hidden;
    background: -webkit-linear-gradient(#4FA6FE, #59ACFF, #2D90FF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#4FA6FE, #59ACFF, #2D90FF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#4FA6FE, #59ACFF, #2D90FF); /* Firefox 3.6 - 15 */
    background: linear-gradient(#4FA6FE, #59ACFF, #2D90FF); /* 标准的语法 */
}

.banner .banner_centre {
    width: 1100px;
    margin: 0 auto;
    padding-top: 177px;
    height: 100%;
    position: relative;
}

.banner .banner_centre .bannerPhoto {
    position: absolute;
    top: 85px;
    left: 740px;

}

.banner > .banner_centre > .p1 {
    width: 738px;
    height: 56px;
}

.banner > .banner_centre > h1 {
    font-size: 42px;
    color: #FFFFFF;
    margin: 0px;
    margin-bottom: 48px;
}

.banner_centre > h1 > span {
    font-size: 46px;
    color: #5fd9fa;
}

.banner > .banner_centre > .p1 > p {
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 28px;
}

.banner > .banner_centre > .btnSever {
    margin-top: 40px;
}

.banner > .banner_centre > .btnSever > button {
    width: 160px;
    height: 57px;
}

.banner > .banner_centre > .btnSever > .trySever {
    background: white;
    font-size: 18px;
    color: #008FFF;
    letter-spacing: 0;
    border-radius: 2px;
}

.banner > .banner_centre > .btnSever > .trySever:hover {
    background-color: #008FFF;
    color: #fff;
}

.banner > .banner_centre > .btnSever > .freeRegister {
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    background-color: #56a9f8;
}

.banner > .banner_centre > .btnSever > .freeRegister:hover {
    background-color: #fff;
    color: #535967;
}

.banner > .banner_centre > .btnSever > span {
    display: inherit;
    margin-left: 189px;
    margin-top: 18px;
    font-size: 14px;
    color: #FFf;
    letter-spacing: 1px;
}

/*===================================*/

.content {
    width: 100%;
}

.content .zhineng_Pk {
    width: 934px;
    margin: 0 auto;
    height: 560px;
    background: #F4F9FC;

}

.zhineng_Pk .title {
    text-align: center;
    height: 225px;
    padding-top: 96px;
}

.zhineng_Pk .title h2 {
    font-size: 24px;
    color: #001D65;

}

.zhineng_Pk .title p {
    font-size: 16px;
    color: #535967;
}

.zhineng_Pk .navSelect {
    height: 335px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 89px;
}

.zhineng_Pk .navSelect > li {
    width: 220px;
    text-align: center;

}

.zhineng_Pk .navSelect > li > .row {
    margin-top: 17px;
    text-align: center;
}

.zhineng_Pk .navSelect > li > .row h5 {
    font-size: 20px;
    color: #00236C;
    margin: 0px;

}

.zhineng_Pk .navSelect > li > .row span {
    width: 24px;
    height: 2px;
    background: #268CF7;
    display: inline-block;
    margin: 8px;
}

.zhineng_Pk .navSelect > li > .row p {
    font-size: 16px;
    color: #535967;
    margin: 0px;

}

/*==========*/
.content .gaokao_ZX {
    width: 100%;
    height: 575px;
    background: #fff;
    text-align: center;
    overflow: hidden;

}

.gaokao_ZX .gaokao_ZX_centre {
    width: 1024px;
    margin: 0 auto;
}

.gaokao_ZX h2 {
    padding: 96px 0px 88px;
    margin: 0px;
    margin-bottom: 0px;
    font-size: 24px;
    color: #001B64;
}

.gaokao_ZX .navSelect {
    display: flex;
    justify-content: space-between;
    padding-bottom: 116px;
}

.gaokao_ZX .navSelect > li {
    text-align: center;
    width: 180px;
}

.gaokao_ZX .navSelect > li h5 {
    font-size: 16px;
    color: #00236C;
    height: 24px;
    line-height: 24px;
    margin: 40px 0px 24px;
}

.gaokao_ZX .navSelect > li p {
    font-size: 14px;
    color: #535967;
}

/*============*/
.content .problem_ZB {
    width: 1018px;
    height: 606px;
    margin: 0 auto;
    background: #F4F9FC;

}

.content .problem_ZB h2 {
    font-size: 24px;
    color: #001D65;
    text-align: center;
    padding: 96px 0px 80px;

}

.content .problem_ZB .problem_content img {
    width: 282px;
    height: 304px;
    float: left;
    margin-right: 80px;
}

.problem_ZB .problem_content .navSelect {
    float: left;
    margin-top: 62px;
}

.problem_ZB .problem_content .navSelect > li {
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    color: #535967;
    list-style: inside;
    margin: 14px 0px;
}

/*===========*/
.content .people_Sever {
    width: 100%;
    height: 670px;
    background: #fff;

}

.people_Sever .people_Sever_centre {
    width: 920px;
    height: 100%;
    margin: 0 auto;
}

.people_Sever h2 {
    font-size: 24px;
    color: #001D65;
    padding: 96px 0px 107px;
    text-align: center;
}

.people_Sever .navSelect {
    display: flex;
    width: 918px;
    height: 336px;

}

.people_Sever .navSelect li {
    height: 100%;
    width: 283px;
}

.people_Sever .navSelect li:first-child {
    text-align: right;
}

.people_Sever .navSelect li:last-child {
    text-align: left;
}

.people_Sever .navSelect li > .li_div {
    margin-bottom: 146px;
}

.people_Sever .navSelect li .p1 {
    font-size: 16px;
    color: #00236C;
    line-height: 24px;
    margin-bottom: 8px;
}

.people_Sever .navSelect li p {
    margin: 0px;
    font-size: 14px;
    color: #535967;
    line-height: 21px;
}

/*============*/

.content .user_ZB {
    width: 980px;
    margin: 0 auto;
    height: 600px;
    background: #F4F9FC;

}

.content .user_ZB h2 {
    margin: 0px;
    padding: 96px 0px 56px;
    font-size: 24px;
    color: #001B64;
    text-align: center;
}

.content .user_ZB .schoolUser {
    display: flex;
    justify-content: space-between;
    height: 208px;
}

.content .user_ZB .schoolUser li {
    width: 164px;
    height: 208px;
    text-align: center;
    padding: 28px 18px;
    background-color: white;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(56, 115, 187, 0.2);
    transform: translateY(0px);
    transition: all .2s;
}

.content .user_ZB .schoolUser li:hover {
    box-shadow: 0 2px 10px rgba(56, 116, 187, 0.4);
    transform: translateY(-2px);
}

.content .user_ZB .schoolUser li img {
    width: 128px;
    height: 116px;
    margin-bottom: 12px;
}

.content .user_ZB .schoolUser li > span {
    font-size: 14px;
    color: #4A4A4A;
}

.content .user_ZB .NumberUser {
    height: 220px;
    padding-top: 88px;
    display: flex;
    justify-content: center;

}

.content .user_ZB .NumberUser li {
    width: 252px;
    text-align: center;
    font-size: 16px;
    color: #535967;
}

/*===================*/
.zbServe {
    width: 100%;
    height: 558px;
    background: url("/static/staticNewUI/imgaes/sever.png") center no-repeat;
    background-color: #4FA6FE;
    background-size: cover;
}

.zbServe .Severfrom {
    width: 1000px;
    margin: 0 auto;
    height: 100%;
    padding-top: 96px;
    font-size: 14px;
    color: #FFFFFF;
}

.zbServe .Severfrom .Severfrom_centre {
    margin-left: 300px;
}

.Severfrom .fromContent {
    height: 36px;
    line-height: 36px;
    margin-bottom: 16px;
}

.Severfrom .selectSite > span {
    float: left;
}

.Severfrom .selectSite > .selectDiv {
    position: relative;
    float: left;
    width: 216px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    margin-left: 24px;
    margin-right: 16px;

}

#submitCustomerInfo {
    width: 216px;
    height: 36px;
    background: #008FFF;
    border-radius: 4px;
    border: 1px solid #008fff;
    margin-left: 113px;
    margin-top: 16px;
    margin-bottom: 24px;
}

.Severfrom .fromContent > span {
    float: left;
    text-align: right;
    display: inline-block;
    width: 90px;
}

.Severfrom .fromContent > em {
    float: left;
    color: #F5212D;
    font-style: normal;
}

.Severfrom .fromContent > input {
    float: left;
    margin-left: 24px;
    margin-right: 16px;
    width: 216px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
}

#identifier, .Severfrom .btn:focus, .btn:hover {
    color: #fff;
}

.joinQQ {
    position: relative;
}

.joinQQ .qqPhoto {
    background: white;
    top: -225px;
    left: 23px;
    width: 140px;
    height: 218px;
    padding: 15px;
    text-align: center;
    position: absolute;
    box-shadow: rgb(206, 206, 206) 2px 2px 18px 2px;
    display: none;
}

.joinQQ .qqPhoto > p {
    font-size: 12px;
    color: #4A4A4A;
    text-align: center;
}

.joinQQ .qqPhoto span {
    position: absolute;
    bottom: -7px;
    left: 62px;
    height: 0px;
    width: 0px;
    border-right: 8px solid transparent;
    border-top: 8px solid white;
    border-left: 8px solid transparent;
}

.joinQQ > p > .showQQ {
    display: inline-block;
    cursor: pointer;
    width: 82px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #008FFF;
    background: rgba(242, 248, 255, 0.70);
    border: 1px solid #008FFF;
    border-radius: 4px;
    margin: 0px 3px;
}

.joinQQ > p > .showQQ:hover {
    background-color: #4fa4f8;
}

.hover_li > .link_QQ {
    color: #6D798C;
}

.hover_li > .link_QQ:focus {
    text-decoration: none;
}

.hover_li > .link_QQ:hover {
    color: #B3B3B4;
}

/*=================*/
footer {
    height: 300px;
    background-color: #2e3239;
    font-size: 12px;
    color: #6D798C;
}

footer .footLink {
    width: 100%;
    height: 245px;
    border-bottom: 1px solid #6D798C;

}

.footLink > ul {
    padding-top: 48px;
    height: 100%;
    margin: 0 auto;
    width: 1000px;
}

.footLink > ul > li {
    float: left;
    font-size: 14px;
    color: #FFFFFF;
    margin-right: 79px;

}

.footLink > ul > li > ul {
    font-size: 12px;
    color: #6D798C;
    margin-top: 17px;
}

.footLink > ul > li > ul > li {
    margin-bottom: 8px;
}

.footLink > ul > li > ul .hover_li {
    cursor: pointer;
}

.footLink > ul > li > ul .hover_li:hover {
    color: #B3B3B4;
    text-decoration: underline;

}

footer .site {
    height: 58px;
    margin: 0 auto;
    width: 978px;
    padding-top: 12px;

}

.weixinLi {
    position: relative;
}

.weixinLi .joinWX {
    background: white;
    display: none;
    left: -64px;
    top: -174px;
    width: 140px;
    height: 165px;
    padding: 15px;
    text-align: center;
    position: absolute;
    box-shadow: rgb(206, 206, 206) 2px 2px 18px 2px;
}

.weixinLi .joinWX img {
    width: 108px;
    height: 108px;
}

.weixinLi .joinWX p {
    font-size: 12px;
    color: #4A4A4A;
    text-align: center;
    margin: 0px;
}

.weixinLi .joinWX span {
    position: absolute;
    bottom: -8px;
    left: 62px;
    height: 0px;
    width: 0px;
    border-right: 8px solid transparent;
    border-top: 8px solid white;
    border-left: 8px solid transparent;
}

.error-show {
    margin: 0 auto;
    background: url("/static/img/errorbackground.png") no-repeat -100px -90px;
    height: 500px;
    text-align: center;
    width: 1300px;
}

.error-show > div {
    margin: auto;
    width: 1000px;
    height: 300px;
    top: 45%;
    position: relative;
    text-align: left;
}

/*.error-show > div > span {*/
/*    display: flex;*/
/*}*/

.error-show > div > button {
    width: 120px;
    height: 50px;
    color: #eee;
    border: 1px solid #008FFF;
    background: #008FFF;
    border-radius: 4px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    　　color: #E5E5E5;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    　　color: #E5E5E5;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    　　color: #E5E5E5;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    　　color: #E5E5E5;
}