@charset "gb2312";
/* CSS Document */
body { background:#fff; overflow-x: hidden; max-width:100%;
  color:#1d181b; font:18px/32px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, select, textarea, th, td { margin: 0; padding: 0; }
img { border:none; max-width:100%; }
a { color:#1d181b; text-decoration:none;}
a:hover{color: #e4393c;text-decoration:none;}
a,area { blur:expression(this.onFocus=this.blur()); }
ul, li{ list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input { outline:0;}
input[type="button"], input[type="submit"], input[type="reset"] ,select{-webkit-appearance: none;}
:focus { outline: none; }
input::focus-inner { padding:0;border:0;}

.fl { float:left;} .fr { float:right;}
.clearfix:after {  display: block;  content: '';  clear: both; }
.clearfix { zoom: 1;}
.clear { height:0; width:100%; font-size:1px; line-height:0; visibility:hidden; overflow:hidden;}
.Width { width:1200px; margin:0 auto;}
.pointer { cursor:pointer;}
.hide ,
.onlymob { display:none;}

.btn {
    display:block; width: 110px; height:34px; margin:0 auto;
    background: #A67D3D; border-radius: 34px;
    background:linear-gradient( 90deg, #A67D3D, #FFF0CF 20%, #D1B07B 50%, #FFF0CF 70%,#A67D3D ) repeat left / 300% 200%;
    color:#572505; font-size:18px; line-height: 34px; text-align: center;
    transition:all .2s ease-out; }
.btn:hover { background-position:100% 95%; color:#191716; }

/* 通用头部 */
.ht_top {
    width: 100%; overflow: hidden;
    background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
    line-height: 41px; }
.ht_top .zt_top {
    width: 1200px; height: 41px; margin: 0 auto;  }
.ht_top h1 {
    float:left;  }
.ht_top h1 a {
    float: left; width: 131px; height: 40px; overflow: hidden;
    background: url(https://www.huatu.com/z/topfooter/images/logo.gif) no-repeat;
    font-size:12px; text-indent: -100em;  }
.ht_top .topnav {
    float: right;
    color:#333; font-size:12px; }
.ht_top .topnav a {
    padding:0 8px;  }
.ht_top .topnav a:hover {
    color:#e4393c; text-decoration:underline;  }

.banner {
    height:570px; padding-top:130px;
    background:url(../images/pic00.jpg) no-repeat top; }
.banner h2 {
    height:340px; text-indent:-9999em; overflow: hidden;
    background: url(../images/pc0001.png) no-repeat center; }

.title { text-align: center; }
.title h3 {
    display:inline-block; height:100px; padding:0 35px;
    border-radius: 100px;
    background:linear-gradient( 90deg, #181716, #3F3F3F, #1E1D1C);
    font-size: 52px; font-weight: 800; line-height:100px; }
.title span {
    color:#c99d58;
    background: -webkit-linear-gradient(15deg, #c99d58,#feeac2 50%,#be985c) repeat center / 375px 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.box01 { margin:50px auto 70px; }
.box01 dl { height:430px; }
.box011 {
    background: url(../images/pic11.jpg) no-repeat right; }
.box01 dt {
    height:60px; margin-bottom: 15px;
    font-size:30px; line-height: 60px; }
.box01 dt i {
    display:inline-block; width: 55px; height: 60px; margin-right: 15px; vertical-align: top;
    background: url(../images/icon01.png) no-repeat center; }
.box01 dt .icon02 { background-image: url(../images/icon02.png); }
.box01 dt .icon03 { background-image: url(../images/icon03.png); }
.box01 dt .icon04 { background-image: url(../images/icon04.png); }
.box01 dd {
    height:135px; width:490px; margin-left: 70px; text-align: justify; }
.box012 {
    padding-left:630px; background: url(../images/pic12.jpg) no-repeat left; }
.box012 dt { padding-top:40px; }
.box012 dd { height:96px; }

.bg02 { padding:55px 0 120px; margin-bottom: 55px; background: #000; }
.bg02 .title h3 { background: none; }
.box02 { width:1135px; margin: 55px auto 0; }
.box02 .type { float:left; width:590px; }
.box02 .type li {
    padding:40px 40px 30px; overflow: hidden;
    background:#2a2a2a; border-radius: 12px;
    color:#ebebeb;  }
.box02 .type li:first-child { margin-bottom: 35px; }
.box02 .type li .icon {
    float:left; width:105px;
    color:#fff; font-size: 24px; line-height:30px; text-align: center; }
.box02 .type li .icon:before {
    content: ""; display: block; height: 105px; margin-bottom: 15px;
    background: url(../images/icon21.png) no-repeat center; }
.box02 .type li .icon02:before { background-image: url(../images/icon22.png); }
.box02 .type li p {
    float:right; width:360px; padding-top: 25px;
    font-size: 20px; line-height: 36px; }

.form-box {
    width: 375px; height: 405px; padding: 70px 70px 0;
    background:#2a2a2a; border-radius: 12px; }
.form-box .list-div {
    position: relative; margin-bottom:30px; }
.form-box input,
.form-box cite {
    display: block; width: 100%; height:50px;
    background: #fff; border: none; border-radius:5px;
    outline: none;
    font-size:16px; line-height:50px; text-indent: .5em; }
.form-box .name {
    float:left; width:195px; }
.form-box .select {
    float:right; position: relative; width:160px; height:50px; }
.form-box .select:after {
    content: " ";  position: absolute; right: 0; top: 0; display: block;
    width:50px; height:50px;
    background: url(../images/icon23.png) no-repeat center;
    pointer-events: none;
    transition: transform 0.5s; }
.form-box .select:hover:after {
    transform: rotate(180deg); }
.form-box cite {
    cursor: pointer; overflow: hidden; font-style: normal; }
.form-box .select ul {
    display: none; position: absolute; left: 0; top: 50px;
    width: 100%; max-height: 400px;
    overflow-y: auto;  overflow-x: hidden; z-index: 10;
    background: #fff;  border: 1px solid #dcdcdc; border-radius: 5px; box-sizing: border-box; }
.form-box .select li {
    padding-left: .5em; cursor: pointer;
    font-size:16px; line-height: 40px; }
.form-box .select li:hover {
    background: #f5f5f5; }
.form-box .code {
    border-radius:0 5px 5px 0; overflow: hidden; }
.form-box .code span {
    display: block; position: absolute; top: 0; right: -2px;
    width: 120px; height: 50px; cursor: pointer;
    background: #5d3908; border: none;
    color:#fff; font-size: 18px; line-height:50px; text-align: center;
    transition: all .2s; }
.form-box .code span:hover { background: #876743;  }
.form-box .code .disabled,
.form-box .code .disabled:hover {
    background: #ddd; }
.form-box #yuyueBtn {
    display: block; width:235px; height: 70px; margin:45px auto 0; cursor: pointer;
    border: none; border-radius: 70px;
    background: url(../images/pic21.png) no-repeat center;
    color:#fff; font-size: 30px; line-height:70px; text-align: center;
    transition: all .2s; }
.form-box #yuyueBtn:hover { background-image: url(../images/pic22.png); }

.box03 { margin:50px auto; }
.box03 table {
    width:100%; overflow: hidden;
    border-radius:12px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .1);  }
.box03 tr:nth-child(2n+2) { background: #fff; }
.box03 tr:nth-child(2n+3) { background: #f5f5f5; }
.box03 th {
    height: 70px; border-right:1px solid #ebebeb;
    background: #44474e;
    background:linear-gradient( 90deg, #1d181a,#44474e ) no-repeat left / 110% 110%;
    color:#fff; font-size:24px; font-weight: 400; text-align: center; }
.box03 th.entry span {
    color:#ffe5a2;
    background: -webkit-linear-gradient(-98deg, #ffe5a2 40%,#dcb261 55%,#ffe5a2 70%,#c89637 90%) repeat center / 100% 28px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
.box03 th:last-child,
.box03 td:last-child { border: none; }
.box03 td { height: 60px; border-right:1px solid #ebebeb; text-align: center; }
.table02 th { font-size: 22px; }

.box05 {
    width:1152px; padding:40px 24px; margin:50px auto;
    background: #fff; border-radius: 12px; box-shadow: 0 5px 27px rgba(156, 156, 156, .22); }
.box05 img {
    display:block; float:left; width:268px; margin: 0 10px; }

.box06 { position:relative; margin:20px auto 30px; }
.box06 .bd { width:1140px; margin:0 auto; overflow: hidden; }
.box06 .bd ul { height:330px; padding: 30px 0 !important; }
.box06 .bd li {
    float:left; width:480px; height:240px; padding:30px 0 30px 30px; margin:0 30px; overflow: hidden;
    background:#fff; border-radius: 12px;
    box-shadow: 0 0 30px rgba(153, 153, 153, .3); }
.box06 .bd img {
    display:block; float:left; width:200px; height: 235px; margin-right: 30px;
    transition: all .8s ease-out; }
.box06 .bd img:hover { transform: scale(1.02); }
.box06 .bd h5 {
    float:left; width:230px; height: 30px; margin: 20px 0 25px; overflow: hidden;
    font-size: 24px; line-height: 30px; font-weight: 400; text-overflow: ellipsis; word-break: keep-all; }
.box06 .bd p {float:left; width:230px; }
.box06 .bd del { color:#666; }
.box06 .bd p span { color:#fe0101; font-size: 24px; }
.box06 .bd .btn {
    float:left; width: 142px; height: 50px; margin-top: 30px; margin-left: 30px;
    background: #A67D3D; border-radius: 50px;
    background:linear-gradient( 90deg, #191816, #3F3F3F , #1D1C1A, #35201a,#9e784d,#35201a ) repeat left / 240% 200%;
    color:#fff; font-size:20px; line-height: 50px; text-align: center; }
.box06 .bd .btn:hover { background-position:100% 100%; }

.box06 .hd {
    position: absolute; top:0; width: 100%; height:1px; z-index: 1; }
.box06 .hd .next,
.box06 .hd .prev {
    position: absolute; left:0; top:175px; cursor: pointer;
    width:30px; height:40px; opacity: .6;
    background: url(../images/icon61.png) no-repeat center;
    transition: all .5s; }
.box06 .hd .next {
    left:auto; right:0;
    background-image:url(../images/icon62.png); }
.box06 .hd .next:hover,
.box06 .hd .prev:hover { opacity: 1;  }

/* 通用底部 */
.footer {
    clear:both; position: relative; padding:30px 0;
    background:#333;
    text-align: center;  }
.footer p {
    position: relative; z-index: 2;
    color:#fff; font-size:14px; line-height: 26px; }
.footer p a { color: #fff; font-size:14px;}
.footer p span { padding:0 5px; }

.fixNav {
    display:none; position: fixed; top:40%; right: 15px; width:150px; overflow: hidden; z-index: 10; }
.fixNav a,
.fixNav span {
    display: block; height: 45px; margin-bottom: 1px; cursor: pointer;
    background: #2f2f2f;
    color:#fff; font-size: 20px; line-height:45px; text-align: center;
    transition: all .2s; }
.fixNav a:hover {
    background: #3f3f3f; }
.fixNav span { background:#2f2f2f url(../images/icon41.png) no-repeat center; }
.fixNav span:hover { background:#3f3f3f url(../images/icon41.png) no-repeat center; }

@media only all and (max-width:1200px){
    .onlymob { display:block;}
    html{ font-size:20px; }
    body { width: 18.75rem;
        font: .7rem/1.2rem "Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif; }
    html,body{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    .Width {  width: 17.5rem; }
    .btn {
        width: 6rem; height:1.6rem;
        border-radius:1.6rem;
        font-size:.7rem; line-height:1.6rem; }

    /* 隐藏元素 */
    .ht_top .topnav a:nth-child(n+2) ,
    .box01 .des br:last-child,
    .footer p ,
    .pc,
    .onlypc {  display: none;  }

    /* 通用头部 */
    .ht_top { line-height: 2.5rem; height:2.5rem; background-size:auto 100%; }
    .ht_top .zt_top { width:17.5rem; height:2.5rem; }
    .ht_top h1 a { height:2.5rem; width:7.5rem; background: url(https://www.huatu.com/images/2015css/images/mob_logo.png) no-repeat center; background-size:100%; }
    .ht_top .topnav { font-size:.8rem; text-indent:-1000rem;}
    .ht_top .topnav a { padding:0 0 0 0.3rem; text-indent: 0; float: right; }

    .banner { height:10rem; padding-top:3.5rem; background-size:auto 12.5rem; }
    .banner h2 { height:5.8rem; background-size:contain; }
    .title h3 {
        height:2.5rem; padding:0 1rem;
        border-radius:2.5rem;
        font-size:1.2rem; line-height:2.5rem; }

    .box01 { margin:1.2rem auto 2rem; }
    .box01 dl { padding-top:8.7rem; height:auto; }
    .box011 { background:url(../images/pic11m.png) no-repeat top / 15.75rem;  }
    .box01 dt {
        height:1.5rem; margin-bottom:0; padding-top: .5rem;
        font-size:1rem; line-height:1.5rem; }
    .box01 dt i { width:1.3rem; height:1.5rem; margin-right: .5rem; background-size:1.2rem; }
    .box01 dd {
        width:auto; height: auto; margin-left:1.8rem;
        font-size:.6rem; line-height: 1.1rem; }
    .box012 {
        padding-left:0; margin-top:1rem;
        background:url(../images/pic12m.png) no-repeat top / 15.75rem;  }
    .box012 dd {  height:auto;  }

    .bg02 { padding:1.2rem 0 1.5rem; margin-bottom:1.5rem; }
    .box02 { width:17.5rem; margin-top:1.2rem; }
    .box02 .type { float:none; width:100%; }
    .box02 .type li { padding:.5rem 1rem; border-radius:.3rem; }
    .box02 .type li:first-child { margin-bottom:.5rem; }
    .box02 .type li .icon { width:3rem; font-size:.7rem; line-height:1rem; }
    .box02 .type li .icon:before { height:2.5rem; margin-bottom:.3rem; background-size:2.5rem; }
    .box02 .type li p {
        width:11rem; padding-top:.5rem;
        font-size:.7rem; line-height:1.2rem; }
    .form-box {
        float:none; width:14.5rem; height:auto; padding:1.5rem; margin-top: .5rem;
        border-radius:.3rem; }
    .form-box .list-div { margin-bottom:.5rem; }
    .form-box input,
    .form-box cite {
        height:2rem; border-radius:.2rem;
        font-size:.7rem; line-height:2rem; }
    .form-box .name { width:6rem; }
    .form-box .select { width:8rem; height:2rem; }
    .form-box .select:after { width:2rem; height:2rem; background-size:.8rem; }
    .form-box .select ul { top:2rem; max-height: 10rem; border-radius:.3rem; }
    .form-box .select li { font-size:.6rem; line-height:1.2rem; }
    .form-box .code { border-radius:0 .3rem .3rem 0; }
    .form-box .code span {
        width:4.5rem; height: 2rem;
        font-size:.7rem; line-height:2rem; }
    .form-box #yuyueBtn {
        width:8.4rem; height:2.5rem; margin-top:1rem;
        border-radius:2.5rem;
        background-size:100% 100%; }

    .box03 { margin:1.2rem auto; }
    .box03 table { border-radius:.3rem; }
    .box03 th ,
    .box03 td { height:2rem; padding:0 .15rem; font-size:.6rem; line-height: .8rem; }
    .box03 .btn {
        width:3.2rem; height:1.4rem;
        font-size:.6rem; line-height:1.4rem; }

    .box03 .table02 { border-radius: 0; box-shadow: none; overflow: visible; }
    .table02 tr {
        display: block; width: 100%; overflow: hidden; margin-bottom: .3rem;
        border: 1px solid #ebebeb;
        box-shadow: 0 0 15px rgba(100,100, 100, .1); }
    .table02 tr:first-child { display: none; }
    .table02 tr:nth-child(2n+3) { background:#fff; }
    .table02 td {
        display: block; float:left; width:50%; height:2rem; padding:0; box-sizing: border-box;
        border-bottom: 1px solid #ebebeb;  line-height: 2rem; text-align: left;  }
    .table02 td:nth-child(2n) { border-right: none; }
    .table02 td:nth-child(7) { border-bottom: none; }
    .table02 td:nth-child(4n),
    .table02 td:nth-child(4n-1) { background: #f5f5f5; }
    .table02 td:before {
        display: inline-block; width:4.5rem; height: 2rem; margin-right: .3rem; vertical-align: top;
        border-right: 1px solid #ebebeb;
        font-weight:800; text-align: center; }
    .table02 td:nth-child(1):before { content: "2019公告"; }
    .table02 td:nth-child(2):before { content: "报名时间"; }
    .table02 td:nth-child(3):before { content: "资格审查"; }
    .table02 td:nth-child(4):before { content: "报名确认及缴费"; }
    .table02 td:nth-child(5):before { content: "打印准考证"; }
    .table02 td:nth-child(6):before { content: "笔试时间"; }
    .table02 td:nth-child(7):before { content: "成绩公布"; }
    .table02 td:nth-child(8):before { content: "面试时间"; }

    .box05 {
        width:17rem; padding:.5rem .25rem .1rem; margin:1.2rem auto;
        border-radius:.3rem; }
    .box05 img { width:8.1rem; margin: 0 .2rem .4rem; }

    .box06 { width:18rem; margin:.7rem auto 1rem; }
    .box06 .bd { width:15rem; }
    .box06 .bd ul { height:7.6rem; padding:1rem 0 !important; }
    .box06 .bd li {
        width:13.5rem; height:6.6rem; padding:.5rem 0 .5rem .5rem; margin:0 .5rem;
        border-radius:.3rem;
        box-shadow: 0 0 .5rem rgba(153, 153, 153, .3); }
    .box06 .bd img { width:5.6rem; height:6.6rem; margin-right:.5rem; }
    .box06 .bd h5 {
        width:7.2rem; height:1rem; margin:.5rem 0;
        font-size:.75rem; line-height:1rem; }
    .box06 .bd p { width:7.2rem; }
    .box06 .bd p span { font-size:.8rem; }
    .box06 .bd .btn {
        width:5rem; height:1.6rem; margin-top:.5rem; margin-left:.5rem;
        border-radius:1.6rem;
        font-size:.7rem; line-height:1.6rem; }
    .box06 .hd .next,
    .box06 .hd .prev { top:3.8rem; width:1rem; height:2rem; background-size: .8rem; }
    .box06 .hd .next { left:auto; right:0; }

    /* 通用底部 */
    .footer { height:4.4rem; padding:0; overflow:hidden; position:relative; }
    .footer p { display: none;}
    .footer:before {
        display:block; content:"华图教育集团版权所有"; position:absolute; left:0; top:0;
        width: 100%; height:4.4rem; overflow:hidden;
        background: #333;
        color:#fff; font-size:.7rem; line-height:2.4rem;  text-align: center; }

    .fixNav {
        display:block; top:auto; bottom:0; right:0; left:0; width:18.75rem;
        background: #fff; }
    .fixNav a,
    .fixNav span {
        float:left; width:8rem; height:1.8rem; margin-bottom:0; margin-right:.05rem;
        font-size:.7rem; line-height:1.8rem; }
    .fixNav span {  width:2.65rem; margin-right: 0; background-size:auto 1rem; }
    .fixNav span:hover {  background-size:auto 1rem; }
}