/*CSS Document*/
/*base*/
body{width: 100%;min-width: 1000px;}
.main{width: 1000px;}
/*处理滚动条*/
html {overflow-y: scroll;}
:root {overflow-y: auto;overflow-x: hidden;}
:root body {position: absolute;}
body {width: 100vw;overflow: hidden;}
/*header*/
.zg-wrap-header{
    background: #0559d6;
}
.zg-header{
    height: 47px;
    padding-top: 13px;
}
.zg-header .zg-logo{
    float: left;
    margin-left: 10px;
}
.zg-header .zg-nav-top{
    height: 16px;
    padding-top: 15px;
    margin-left: 54px;
}
.zg-header .zg-nav-top li{
    float: left;
    height: 16px;
    padding-right: 16px;
    margin-left: 17px;
    border-right: 2px solid #fff;
}
.zg-header .zg-nav-top li a{
    display: block;
    font: 16px/1 "微软雅黑";
    color: #fff;
}
.zg-header .zg-nav-top li a:hover{
    color: #ffdd75;
}
.zg-header .zg-tel{
    height: 16px;
    padding-top: 15px;
    margin-right: 17px;
    font: 16px/1 "微软雅黑";
    color: #fff;
    text-align: right;
}
/*banner*/
.zg-wrap-banner1{
    background: url("../images/zg-wrap-banner1.jpg") no-repeat center bottom;
}
.zg-banner1{
    position: relative;
    height: 506px;
    background: url("../images/zg-banner1.jpg") no-repeat;
}
.banner-shape{
    position: absolute;
    right: 55px;
    top: 196px;
    width: 453px;
    height: 78px;
    font: 42px/78px "微软雅黑";
    text-align: center;
    background: url("../images/banner-shape.png") no-repeat;
}
.banner-text-ks{
    position: absolute;
    left: 25px;
    top: 164px;
}
.banner-title{
    position: absolute;
    right: 37px;
    top: 302px;
}
.zg-wrap-banner2{
    background: url("../images/zg-wrap-banner2.jpg") no-repeat center bottom;
}
.zg-banner2{
    position: relative;
    height: 224px;
    background: url("../images/zg-banner2.jpg") no-repeat;
}
.banner-des{
    font:bold 24px/1 "微软雅黑";
    text-align: center;
}
 .banner-des strong{
     color: #ec1c3c;
 }
 .banner-link{
     display: block;
     width: 245px;
     height: 60px;
     margin: 52px auto 0;
     font: bold 24px/60px "微软雅黑";
     color: #fff;
     text-align: center;
     background: #ff1c3f;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
 }
.banner-link:hover{
    color: yellow;
}
/*公共样式*/
.zg-title-box{
    position: relative;
}
.zg-title-box .img-why{
    position: absolute;
    top: 6px;
}
.zg-title-box .icon-01{
    display: block;
    margin-bottom: 3px;
}
.zg-title-h2{
    font: bold 50px/1 "微软雅黑";
}
.zg-title-h2 strong{
    color: #0141a2;
}
/*section1 国考招警*/
.zg-wrap-section1{
    background: url("../images/zg-wrap-section1.jpg") no-repeat center bottom;
}
.zg-section1{
    height: 1064px;
    padding-top: 27px;
}
.zg-section1 .zg-title-box .icon-01{
    margin-left: 405px;
}
.zg-section1 .zg-title-box .zg-title-h2{
    margin-left: 240px;
}
.zg-section1 .zg-title-box .img-why{
    right: 246px;
}
.define-box{
    width: 900px;
    height: 77px;
    padding-top: 22px;
    margin: 62px auto 0;
    background: #e2eeff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.define-box p{
    margin-left: 43px;
    font: 16px/29px "微软雅黑";
    color: #333;
    letter-spacing: 1px;
}
.define-box p span{
    font-size: 18px;
    font-weight: bold;
}
/*选项卡*/
.department-container{
    margin-top: 59px;
}
.department-tab{
    float: right;
    margin-right: -16px;
}
.department-tab li{
    width: 164px;
    height: 50px;
    padding-top: 7px;
    margin-bottom: 19px;
    background: url("../images/department-tab.png") no-repeat right top;
    cursor: pointer;
}
.department-tab .department-shape{
    width: 164px;
    height: 50px;
    font: 18px/50px "微软雅黑";
    color: #fff;
    text-align: center;
    background: #4892ff;
}
.department-tab .department-shape.on{
    background: #ff1c3f;
}
/*地图*/
/*地图标题*/
.zg-map-title{
    position: relative;
    width: 738px;
    height: 30px;
    padding-top: 5px;
}
.zg-title-h4{
    width: 300px;
    margin-left: 324px;
    font: bold 30px/1 "微软雅黑";
    color: #333;
    letter-spacing: 4px;
}
.icon-arrow-left{
    position: absolute;
    left: 273px;
    top: 10px;
}
.icon-arrow-right{
    position: absolute;
    left: 534px;
    top: 10px;
}
/*区域选定-地图*/
.zg_step2_map{
    position: relative;
    width: 659px;
    height: 543px;
    margin-left: 132px;
    background: url("../images/zg_bg_map.png") no-repeat;
}
.zg_map_location{
    position: relative;
    width: 659px;
    height: 543px;
}
.zg_map_location>p{
    position: absolute;
    z-index: 10;
    width: 25px;
    height: 12px;
    font: 12px/1 "微软雅黑";
    color: #fff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}
.zg_map_location>p.on{
    color: yellow;
}
.zg_map_location .zg_location_heilongjiang{right: 45px;top: 77px;}
.zg_map_location .zg_location_jilin{right: 55px;top: 129px;}
.zg_map_location .zg_location_liaoning{right: 84px;top: 169px;}
.zg_map_location .zg_location_neimeng{right: 272px;top: 203px;}
.zg_map_location .zg_location_beijing{right: 152px;top: 192px;font-weight:bold;}
.zg_map_location .zg_location_beijing.center-city{color: #ff0000;}
.zg_map_location .zg_location_tianjin{right: 133px;top: 206px;}
.zg_map_location .zg_location_hebei{right: 163px;top: 226px;}
.zg_map_location .zg_location_shandong{right: 130px;top: 257px;}
.zg_map_location .zg_location_henan{right: 183px;top: 298px;}
.zg_map_location .zg_location_shanxi{right: 200px;top: 244px;}
.zg_map_location .zg_location_shananxi{right: 241px;top: 298px;}
.zg_map_location .zg_location_ningxia{right: 250px;top: 243px;width:64px;}
.zg_map_location .zg_location_gansu{right: 294px;top: 281px;}
.zg_map_location .zg_location_qinghai{left: 239px;top: 270px;}
.zg_map_location .zg_location_xinjiang{left: 90px;top: 176px;}
.zg_map_location .zg_location_jiangsu{right: 108px;top: 294px;}
.zg_map_location .zg_location_shanghai{right: 93px;top: 325px;}
.zg_map_location .zg_location_zhejiang{right: 89px;bottom: 168px;}
.zg_map_location .zg_location_anhui{right: 130px;top: 325px;}
.zg_map_location .zg_location_jiangxi{right: 145px;bottom: 140px;}
.zg_map_location .zg_location_hubei{right: 205px;top: 341px;}
.zg_map_location .zg_location_hunan{right: 198px;top: 395px;}
.zg_map_location .zg_location_chongqing{right: 251px;top: 363px;}
.zg_map_location .zg_location_sichuan{left: 315px;top: 357px;}
.zg_map_location .zg_location_xizang{left: 128px;top: 326px;}
.zg_map_location .zg_location_fujian{right: 111px;bottom: 113px;}
.zg_map_location .zg_location_guangdong{right: 181px;bottom: 70px;}
.zg_map_location .zg_location_guangxi{right: 214px;bottom: 81px;width:64px;}
.zg_map_location .zg_location_guizhou{right: 258px;bottom: 118px;}
.zg_map_location .zg_location_yunnan{left: 296px;bottom: 84px;}
.zg_map_location .zg_location_hainan{right: 221px;bottom: 4px;}
.zg_map_location .zg_location_taiwan{right: 66px;bottom: 88px;}
/*切换*/
.department-detail{
    position: absolute;
    left: 0;
    top: 0;
    width: 659px;
    padding-top: 434px;
}
.department-des{
    width: 268px;
    margin-left: -58px;
}
.department-des p{
    font: 16px/24px "微软雅黑";
    color: #333;
}
.department-des p span{
    font-weight: bold;
}
/*标注位置*/
.department-detail img{
    display: block;
    position: absolute;
}

.department-detail img.icon-point-bj{right: 161px;top: 203px;}
.department-detail img.icon-point-cd{right: 325px;top: 335px;}
.department-detail img.icon-point-gz{right: 171px;top: 442px;}
.department-detail img.icon-point-heb{right: 47px;top: 93px;}
.department-detail img.icon-point-hhht{right: 255px;top: 220px;}
.department-detail img.icon-point-jn{right: 133px;top: 237px;}
.department-detail img.icon-point-yn{right: 323px;top: 435px;}
.department-detail img.icon-point-lz{right: 308px;top: 260px;}
.department-detail img.icon-point-nn{right: 254px;top: 442px;}
.department-detail img.icon-point-sh{right: 78px;top: 315px;}
.department-detail img.icon-point-jx{right: 140px;top: 370px;}
.department-detail img.icon-point-qz{right: 370px;top: 260px;}
.department-detail img.icon-point-sy{right: 83px;top: 180px;}
.department-detail img.icon-point-ty{right: 204px;top: 227px;}
.department-detail img.icon-point-wlmq{right: 481px;top: 147px;}
.department-detail img.icon-point-xa{right: 237px;top: 277px;}
.department-detail img.icon-point-wh{right: 181px;top: 340px;}
.department-detail img.icon-point-zz{right: 177px;top: 279px;}

.department-detail img.icon-point-cq{right: 250px;top: 343px;}
.department-detail img.icon-point-js{right: 100px;top: 306px;}
.department-detail img.icon-point-ah{right: 140px;top: 302px;}
.department-detail img.icon-point-hn{right: 204px;top: 375px;}

.department-detail3 img.icon-point-bj,.department-detail4 img.icon-point-bj{right: 161px;top: 203px;}


.department-detail img.icon-point-zj{right: 93px;top: 340px;}
.department-detail img.icon-point-gz{right: 259px;top: 390px;}
.department-detail img.icon-point-gd{right: 164px;top: 452px;}
.department-detail img.icon-point-nx{right: 280px;top: 270px;}
.department-detail img.icon-point-hb{right: 170px;top: 239px;}


.department-detail img.icon-point-xz{right: 497px;top: 296px;}

.department-detail img.icon-point-jl{right: 52px;top: 142px;}

.department-detail img.icon-point-bj{right: 161px;top: 203px;}
.department-detail img.icon-point-tj{right: 150px;top: 212px;}
.department-detail img.icon-point-sh{right: 78px;top: 315px;}
.department-detail img.icon-point-hk{right: 222px;top: 513px;}
.department-detail img.icon-point-sz{right: 166px;top: 463px;}
.department-detail img.icon-point-zh{right: 179px;top: 467px;}
.department-detail img.icon-point-xm{right: 101px;top: 407px;}
/*section2 报考*/
.zg-wrap-section2{
    background: url("../images/zg-wrap-section2.jpg") no-repeat center bottom;
}
.zg-section2{
    height: 805px;
}
.zg-section2 .zg-title-box .icon-02{
    margin-left: 399px;
}
.zg-section2 .zg-title-box .zg-title-h2{
    margin-left: 244px;
}
.zg-section2 .zg-title-box .img-why{
    right: 246px;
}
.require-item{
    height: 453px;
}
.require-item li{
    position: relative;
    float: left;
    width: 227px;
    margin-right: 17px;
}
.require-item li p{
    font: 18px/22px "微软雅黑";
    color: #333;
}
.require-item li.odd{
    height: 244px;
    padding-top: 209px;
}
.require-item li.even{
    height: 244px;
    padding-bottom: 209px;
}
.require-item{
    margin: 60px 0 0 24px;
}
.require-item li img{
    position: absolute;
    width: 227px;
    height: 227px;
}
.require-pic1,.require-pic3{
    left: 0;
    top: 0;
    z-index: 1;
}
.require-des1,.require-des3{
    position: relative;
    z-index: 2;
    width: 227px;
    height: 244px;
    background: url("../images/require-des1.png") no-repeat;
}
.require-des1{
    height:156px ;
    padding-top: 88px;
}
.require-des1 p{
    margin-left: 34px;
}
.require-des3{
    height:186px ;
    padding-top: 58px;
    background: url("../images/require-des3.png") no-repeat;
}
.require-des3 p{
    margin-left: 29px;
}
.require-des2,.require-des4{
    position: relative;
    z-index: 2;
    width: 227px;
    height: 244px;
    background: url("../images/require-des2.png") no-repeat;
}
.require-des2{
    height:188px ;
    padding-top: 56px;
}
.require-des2 p{
    margin-left: 23px;
}
.require-des4{
    height:176px ;
    padding-top: 68px;
}
.require-des4 p{
    margin-left: 28px;
}
.require-pic2,.require-pic4{
    left: 0;
    bottom: 0;
    z-index: 1;
}
.zg-link-zixun{
    display: block;
    width: 289px;
    height: 60px;
    margin: 47px  auto 0;
    font: bold 24px/60px "微软雅黑";
    color: #fff;
    text-align: center;
    background: #ff1c3f;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.zg-link-zixun:hover{
    color: yellow;
}
/*section3 合适职位*/
.zg-wrap-section3{
    background: url("../images/zg-wrap-section3.jpg") no-repeat center top;
}
.zg-section3{
    height: auto;
}
.zg-section3 .zg-title-box .icon-03{
    margin-left: 399px;
}
.zg-section3 .zg-title-box .zg-title-h2{
    margin-left: 244px;
}
.zg-section3 .zg-title-box .img-why{
    right: 246px;
}
/*查询*/
.zg-filter-box{
    position: relative;
    width: 1000px;
    padding-top: 47px;
    padding-bottom: 7px;
    margin-top: 64px;
    margin-bottom: 70px;
    background: #dce9ff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow:  0 0 25px #f8f7f3;
    -moz-box-shadow:  0 0 25px #f8f7f3;
    box-shadow:  0 0 25px #f8f7f3;
}
.table-download{
    position: absolute;
    right: 5px;
    bottom: 0;
    height: 16px;
    padding-left: 33px;
    padding-top: 7px;
    font: 16px/1 "微软雅黑";
    color: #0559d6;
    text-decoration: underline;
    background: url("../images/icon-download.png") no-repeat left center;
}
.user-box{
    height:auto;
    margin-left: 38px;
    overflow:hidden;
    position: relative;
}

.user-box .user-item{
    position: relative;
    width:205px;
    padding-left: 84px;
    height:60px;
    float: left;
    margin-right: 25px;
    margin-bottom: 19px;
    background: #fff;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
.user-box .user-item.user-item-submit{
    width:289px;
    margin-left: 312px;
    padding: 0;
    background: none;
}
.user-box .user-item img{
    position: absolute;
}
.user-box .user-item img.icon-nianfen{
    left: 25px;
    top: 14px;
}
.user-box .user-item img.icon-didian{
    left: 28px;
    top: 14px;
}
.user-box .user-item img.icon-xueli{
    left: 25px;
    top: 16px;
}
.user-box .user-item img.icon-xuewei{
    left: 23px;
    top: 14px;
}
.user-box .user-item img.icon-mianmao{
    left: 23px;
    top: 15px;
}
.user-box .user-item img.icon-shenfen{
    left: 24px;
    top: 15px;
}
.user-box .user-item img.icon-zhuanye{
    left: 31px;
    top: 13px;
}
.user-box .user-item.user-item-1 input{
    width:191px;
    background: none;
    margin:0!important;
}
.sou {
    width:600px;
    height:200px;
    margin:0 auto;
}
.sou .aLink {
    width:100%;
    height: 100%;
    background: url(../images/ss.png) no-repeat;
}
.item_check{
    position: absolute;
    top:15px;
    right:9px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    width:45px;
    height:31px;
    background:url(./../images/check_btn.png) no-repeat center;
    padding-left:35px;
    line-height: 31px;
    transition: all 0.2s;
}
.item_check span{
    display:block;
    width:29px;
    height: 29px;
    background: url(./../images/circle.png) no-repeat center center;
    position: absolute;
    left:1px;
    top: 1px;
    transition: all 0.2s;
}
.item_check.active{
    background:url(./../images/check_btn1.png) no-repeat center;
    padding-left:10px;
    width:70px;
}
.item_check.active span{
    left:auto;
    right: 1px;
}
.user-box .user-item input,select{
    display:block;
    width:191px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    border-radius:22px;
    color: #9a9a9a;
    outline: none;
    border:none;
    background: #fff;
}
.user-box .user-item select{
    background: url("../images/icon-select.png") no-repeat 171px 25px;
}
.user-box .user-item .btn-submit{
    clear: both;
    display: block;
    width:100%;
    height: 60px;
    outline: none;
    background:#ec414d;
    border:none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
    line-height: 44px;
    font-size: 20px;
    color: #fff;
}
/*查询结果展示*/
.table_wrap{
    padding-bottom: 70px;
    width:1000px;
    margin:0 auto;
}
.my_table{
    width:100%;
    border:1px solid #333;
    text-align: center;
    border-collapse: collapse;
    border-radius:20px;
    overflow:hidden;
}
select option:first-child {
    color:#0053d1;
}
tr td:nth-child(2),tr td:nth-child(4) {
    color:#0053d1;
}
.my_table th{
    height: 40px;
    background: #0053d1;
    color: #fff;
    font-size: 16px;
}
.my_table th.th1{
    width:250px;
}
.my_table th.th2{
    width:90px;
}
.my_table th.th3{
    width:250px;
}
.my_table th.th4{
    width:80px;
}
.my_table th.th5{
    width:110px;
}
.my_table th.th6{
    width:140px;
}
.my_table th.th7{
    width:80px;
}
.my_table td{
    height: 40px;
    color: #000;
    font-size: 15px;
    background:rgba(255,255,255,0.9);
    border:1px solid #b2b2b2;
}
.my_table td:last-child {
    cursor: pointer;
}
.result_tip{
    font-size: 20px;
    text-align: center;
    color: #333;
    line-height: 50px;
    font-weight: bold;
}
/*section4 备考计划*/
.zg-wrap-section4{
    background: url("../images/zg-wrap-section4.jpg") no-repeat center bottom;
}
.zg-section4{
    height: 1018px;
    /*height: auto;*/
}
.zg-section4 .zg-title-box .icon-04{
    margin-left: 399px;
}
.zg-section4 .zg-title-box .zg-title-h2{
    margin-left: 244px;
}
.zg-section4 .zg-title-box .img-why{
    right: 246px;
}
.plan-tab{
    position: relative;
    z-index: 3;
    margin-top: 57px;
}
.plan-tab li{
    float: left;
    width: 227px;
    height: 60px;
    margin-right: 26px;
    font:  24px/60px "微软雅黑";
    color: #333;
    text-align: center;
    background: #e3eeff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
}
.plan-tab li.m-r-0{
    margin-right: 0;
}
.plan-tab li.on{
    font-weight: bold;
    color: #fff;
    background: #4892ff;
}
/*计划选项卡*/
.plan-container{
    position: relative;
    z-index: 1;
    margin-top: 14px;
}
.plan-content{
    width: 1000px;
    padding-top: 52px;
    padding-bottom: 66px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow:  0 0 21px #dde8f9;
    -moz-box-shadow: 0 0 21px #dde8f9;
    box-shadow: 0 0 21px #dde8f9;
}
.zg-plan-title{
    position: relative;
    height: 30px;
}
.zg-plan-title img{
    display: block;
    width: 36px;
    height: 21px;
}
.zg-icon-arrowl{
    position: absolute;
    left: 306px;
    top: 4px;
}
.zg-icon-arrowr{
    position: absolute;
    right: 309px;
    top: 4px;
}
.zg-title-h5{
    height: 30px;
    font: bold 30px/1 "微软雅黑";
    color: #333;
    text-align: center;
}
/*介绍*/
.description-container{
    margin: 63px 0 0 88px;
}
/*八等份圆*/
.description-tab{
    position: relative;
    width: 326px;
    height: 326px;
    margin-right: 78px;
}
.zg_circle {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 4;
    width: 326px;
    height: 326px;
    overflow: hidden;
   /* border: 2px outset deeppink;*/
    border-radius: 50%;
}
.img-pointer{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 25;
    transform: translate(-50%,-50%);
}
.layer {
    position: absolute;
    transform-origin: left top;
    left: 163px;
    top: 163px;
    z-index: 20;
    width: 188px;
    height: 163px;
    padding-top: 40px;
    /*border: 1px solid white;*/
    box-sizing: border-box;
    color: #fff;
    font: bold 24px/1 "微软雅黑";
    cursor: pointer;
}
.layer.on{
    color: #f0ff00;
}
.layer.layer-blue{
    background: #407fff;
}
.layer.layer-red{
    background: #ec1c3c;
}
.layer.layer-yellow{
    background: #ff9314;
}
.layer-text{

    padding-top: 10px;
    margin-left: 50px;
}
.layer-text1{
    margin-top: 26px;
    padding-left: 70px;
    transform: rotate(-140deg)skew(-7deg);
}
.layer-text2{
    margin-right: 42px;
    padding-left: 25px;
    transform: rotate(-267deg)skew(-16deg);
}
.layer-text3{
    padding-left: 10px;
    transform: rotate(-3deg)skew(24deg);
}
.layer-text p{
    font: 22px/1 "微软雅黑";
    margin-bottom: 17px;
}
.layer-text span{
    font: 30px/1 "微软雅黑";
    margin-bottom: 17px;
}

.description-con{
    width: 459px;
    height: 350px;
}
.description-item li{
    width: 459px;
    height: 323px;
    padding-top: 27px;
    background: #e7efff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.description-item li.item-pink{
    background: #ffe2f0;
}
.description-item li.item-yellow{
    background: #ffefdc;
}
.description-item li p{
    margin-left: 46px;
    font: 18px/34px "微软雅黑";
    color: #333;
}
.description-item li p strong{
    font-size: 22px;
    color: #095aff;
}
.description-item li p strong.item-pink-sp{
    color: #ff042b;
}
.description-item li p strong.item-yellow-sp{
    color: #ff5a00;
}
.description-link-box{
    width: 350px;
    margin: 14px auto 0;
    font-size: 0;
}
.description-link-box a{
    display: inline-block;
    width: 162px;
    height: 50px;
    font: bold 18px/50px "微软雅黑";
    color: #fff;
    text-align: center;
    background: #ff1c3f;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.description-link-box a.description-link1{
    margin-right: 25px;
}
.description-link-box a:hover{
    color: yellow;
}
/*时间线*/
.plan-content2{
    padding-bottom: 51px;
}
.timeline-container{
    width: 839px;
    padding-left: 69px;
    margin: 41px auto 0;
    background: url("../images/bg-timeline.png") no-repeat left 28px;
    background-size: 908px 298px;
}
.timeline-box ol li{
    float: left;
    width: 179px;
    margin-right: 20px;
}
.timeline-box ol li span{
    display: block;
    height: 20px;
    margin-bottom: 6px;
    font: bold 20px/1 "微软雅黑";
    color: #333;
    text-align: center;
}
.timeline-box ol li img{
    display: block;
    margin: 0 auto;
}
.timeline-box ul{
    margin: 9px 0 24px 0;
}
.timeline-box ul li{
    float: left;
    margin-right: 20px;
    width: 180px;
    height: 53px;
    padding-top: 9px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.timeline-box ul li.color-blue{background:#c5dcff;}
.timeline-box ul li.color-yellow{background:#ffe5c6;}
.timeline-box ul li.color-red{background:#ffc3cc;}
.timeline-box ul li.color-green{background:#cefcff;}
.timeline-box ul li strong{
    display: block;
    margin-bottom: 8px;
    font: bold 20px/1 "微软雅黑";
    color: #333;
    text-align: center;
}
.timeline-box ul li p{
    font: 18px/1 "微软雅黑";
    color: #333;
    text-align: center;
}
.timeline-tips{
    display: block;
    float: right;
    height: 18px;
    margin-top: 34px;
    margin-right: 110px;
    font: 18px/1 "微软雅黑";
    color: #666;
}
.timeline-link{
    display: block;
    width: 230px;
    height: 60px;
    margin: 10px auto 0;
    font: bold 24px/60px "微软雅黑";
    color: #fff;
    text-align: center;
    background: #ff1c3f;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
}
.timeline-link:hover{
    color: yellow;
}
/*视频*/
.plan-content3{
    padding-bottom: 66px;
}
.video-container{
    margin-top: 81px;
}
.video-wrap{
    width: 432px;
    margin-left: 42px;
    margin-right: 42px;
}
.video-box{
    width: 432px;
    height: 275px;
    background: #cdcdcd;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.video-title{
    width: 432px;
    margin-top: 23px;
    font: 18px/1 "微软雅黑";
    color: #333;
    text-align: center;
}
.alive-title{
    width: 251px;
    height: 26px;
    padding-left: 162px;
    font: bold 20px/1 "微软雅黑";
    color: #0047b2;
    padding-bottom: 6px;
    background: url("../images/alive-title.png") no-repeat center bottom;
}
.scroll-box{
    overflow-y: auto;
    width: 413px;
    height: 174px;
    padding-top: 18px;
    padding-bottom: 22px;
    margin-top: 14px;
    background: #ffefdc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.alive-list{

}
.alive-list li{
    margin-left: 41px;
}
.alive-list li a{
    /*display: block;*/
    font: 18px/33px "微软雅黑";
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #ada297;
}
.alive-link{
    display: block;
    width: 218px;
    height: 60px;
    margin: 19px auto ;
    font: bold 18px/60px "微软雅黑";
    color: #fff;
    text-align: center;
    background: #ff1c3f;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.alive-link:hover{
    color: yellow;
}
/*二维码*/
.plan-content4{
    padding-bottom: 118px;
}
.qrcode-container{
    margin: 59px 0 0 126px;
}
.qrcodebox{
    width: 258px;
    height: 258px;
    padding: 21px;
    background: #f2f2f2;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.qrcodebox{
    display: block;
    width: 258px;
    height: 258px;
}
.qrcode-text{
    width: 320px;
    padding-top: 39px;
    margin-left: 90px;
    color: #333;
    text-align: center;
}
.qrcode-text span{
    display: block;
    font: bold 20px/1 "微软雅黑";
    margin-bottom: 16px;
}
.qrcode-text .zg-title-h6{
    font: bold 30px/1 "微软雅黑";
    margin-bottom: 27px;
}
.qrcode-text .zg-title-h6 strong{
    color: #ff3030;
}
.qrcode-text p{
    font: 18px/1 "微软雅黑";
    margin-bottom: 12px;
}
/*section5 身边中公*/
.zg-wrap-section5{
    background: url("../images/zg-wrap-section5.jpg") no-repeat center bottom;
}
.zg-section5{
    height: 436px;
}
.zg-section5 .zg-title-box .icon-05{
    margin-left: 399px;
}
.zg-section5 .zg-title-box .zg-title-h2{
    margin-left: 244px;
}
.zg-section5 .zg-title-box .img-why{
    right: 246px;
}
.serve-container{
    margin: 61px 0 41px 0;
}
.serve-text{
    width: 455px;
    height: 209px;
    padding-top: 40px;
    background: #dce9ff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.serve-text dl{
    margin-left: 43px;
}
.serve-text dt{
    margin-bottom: 11px;
    font: bold 22px/1 "微软雅黑";
    color: #333;
}
.serve-text dd{
    font: 18px/31px "微软雅黑";
    color: #333;
}
.zg-link-serve{
    display: block;
    width: 173px;
    height: 60px;
    margin: 22px auto 0;
    font: bold 24px/60px "微软雅黑";
    color: #fff;
    text-align: center;
    background: #ff1c3f;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.zg-link-serve:hover{
    color: yellow;
}
.zg-center-conr{
    width: 450px;
    padding-top: 5px;
    margin-left: 43px;
    font-size: 0;
}
.zg-center-conr a{
    display: inline-block;
    width: 74px;
    height: 30px;
    margin-right: 12px;
    margin-bottom: 10px;
    font: 18px/30px "微软雅黑";
    color: #0141a2;
    text-align: center;
    letter-spacing: 4px;
    border: 1px solid #0559d6;
}
.zg-center-conl a span{
    display: inline-block;
}
.zg-center-conr a.m-r-0{
    margin-right: 0;
}
.zg-center-conr a:hover{
    background: #0559d6;
    color: #fff;
}
/*section6 身边中公*/
.zg-wrap-section6{
    background: url("../images/zg-wrap-section6.jpg") no-repeat center bottom;
}
.zg-section6{
    height: 700px;
    padding-top: 32px;
}
/*----------查询----------*/
.zg_m6cen{ width: 1000px; height: 672px; overflow: hidden; margin-bottom: 58px;}
.zg_m6cl{ width: 535px; height: auto; overflow: hidden;}
.zg_m6cen h4{ height: 36px; padding-top: 6px;font-weight: bold;line-height: 36px; border-top: 1px solid #0559d6; font-size: 18px; color: #0a0a0a; font-family: 'Microsoft Yahei';  clear: both;}
.zg_m6cen h5{ height: 40px; line-height: 40px;font-size: 18px; color: #0a0a0a; font-family: 'Microsoft Yahei';}
.zg_m6cen h6{ height: 34px; font-weight: bold;line-height: 34px;font-size: 18px; color: #0a0a0a; font-family: 'Microsoft Yahei';}
.zg_m6xybz{ width: 327px; float: left;}
.zg_m6xs{ width: 182px; float: right;}
.zg_m6bzr{ padding-top: 43px; clear: both;}
.zg_m6cr{ width: 430px; overflow: hidden;}
.zg_m6crt{ height: 476px;}
.zg_m6ms{ width: 256px; float: left;}
.zg_m6ydxx{ width: 143px; float: right;}
.zg_m6dy{ width: 199px;float: left;}
.zg_m6zl{ width: 199px;float: right;}
.zg_m6fz{ position: relative;}
.zg_m6fz p span{ display: block;}
.zg_m6fz1{ width: 327px; height: 296px;}
.zg_m6fz2,.zg_m6fz3{ width: 182px; height: 128px;}
.zg_m6fz4{ width: 534px; height: 245px;}
.zg_m6fz5{ width: 256px; height: 398px;}
.zg_m6fz6,.zg_m6fz7,.zg_m6fz8{ width: 143px; height: 109px;}
.zg_m6fz9,.zg_m6fz10{ width: 199px; height: 252px;}
.zg_m6fz p{ width: 100%; height: 100%; background: #4892ff; font-size: 16px; color: #fff; font-family: 'Microsoft Yahei'; text-align: left; line-height: 26px; position: absolute; left: 0; top: 0;  display: none;}
.zg_m6fz2 p,.zg_m6fz3 p,.zg_m6fz6 p,.zg_m6fz8 p,.zg_m6fz9 p{ background: #91acd8;}
.zg_m6fz1 p{ line-height: 296px;text-align: center;}
.zg_m6fz4 p{ line-height: 245px;text-align: center;}
.zg_m6fz5 p{ line-height: 398px;text-align: center;}
.zg_m6fz2 span,.zg_m6fz3 span{ padding-left: 25px; padding-top: 38px; }
.zg_m6fz6 span,.zg_m6fz7 span,.zg_m6fz8 span{ padding-left: 12px; padding-top: 30px;}
.zg_m6fz9 span,.zg_m6fz10 span{ padding-left: 28px; padding-top: 50px; }
/*职位详情*/
.detail_wrap{
    width:600px;
    height:620px;
    position: fixed;
    left:50%;
    top:60%;
    margin-left: -300px;
    margin-top: -325px;
    z-index: 99999;
    border:10px solid #fff;
    background: #4892ff;
    display: none;
    padding-bottom: 10px;
}
.detail_wrap p.detail_p{
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding-top:10px;
}
.detail_list{
    width:580px;
    margin:0 auto;
    padding-left: 15px;
    padding-right: 5px;
}
.detail_list li{
    line-height: 26px;
    font-size: 16px;
    color: #dce9ff;
    margin-bottom: 10px;
}
.detail_list li label{
    display:inline-block;
    color: #0053d1;
    height: 26px;
    line-height: 26px;
    background: #fff;
    padding:0 10px;
    border-radius: 13px;
    margin-right: 10px;
}
.detail_list li p{
    display: inline;
    line-height: 20px;
    color: #fff;
    font-size: 16px;
}
.detail_know{
    width:240px;
    height: 26px;
    border-radius: 13px;
    margin:110px auto;
    background: #fff;
    color: #0053d1;
    font-size: 20px;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
    position: absolute;
    bottom:0;
    left:50%;
    margin-left: -120px;
}
/*------------------------*/
/*搜课*/
.zg-wrap-search-class{
    position: fixed;
    bottom: 0;
    z-index: 999;
    background: #0559d6;
}
.zg-search-class{
    position: relative;
    height: 90px;
}
.zg-search-class .img-xiaolu{
    position: absolute;
    left: 36px;
    bottom: 0;
}


.zg_jinmianfen{
    margin-left: 155px;
    padding-top: 15px;
}
.zg_jinmianfen select{
float: left;
    display: block;
    width: 238px;
    height: 60px;
    padding-left: 42px;
    margin-right: 44px;
    background: #fff url("../images/icon-select-big.png") no-repeat 189px 26px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-appearance: none;
    appearance: none;

}
.zg_jinmianfen select{
    font: 24px/60px "微软雅黑";
    color: #333;
}
/*.zg_jinmianfen select option{
    background: #1a0d42;
}*/
.zg_jinmianfen select.m-r-36{
    margin-right: 36px;
}
.zg_jinmianfen a#search{
    display: inline-block;
    width: 170px;
    height: 60px;
    font: bold 24px/60px "微软雅黑";
    color: #fff;
    text-align: center;
    background: #ff1c3f;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
}
.zg_searchin{
    width: 1003px;
    height: 200px;
    padding-top: 73px;
    margin-left: 90px;
    background: url("../images/zg_searchin.png") no-repeat;
}
.zg_searchin h5{
    margin-bottom: 29px;
}
.zg_searchin a.zg_in_btn{
    width: 223px;
    height: 51px;
    margin: 0 auto;
    background: url("../images/zg_in_btn.png") no-repeat;
}


/*弹窗*/
.zg_windows_wrap{
    position: relative;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 110;
    transform: translate(-50%,-50%);
    width: 400px;
    height: 250px;
}
.zg_window_score{
    width: 400px;
    height: 200px;
    padding-top: 50px;
    background: #040528;
    border: 2px solid #af4eb5;
    color: #fff;
    font:bold 22px/1.8 "微软雅黑";
    text-align: center;
}
.zg_windows_wrap .zg_clo_ico{
    position: absolute;
    right: 3px;
    top: 5px;
    display: block;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
/*footer*/
.zg-footer-wrap{
    height: 173px;
    padding-bottom: 90px;
    background: #0559d6;
}
.zg-footer{
    height: 123px;
    padding-top: 50px;
}
.zg-nav-foot{
    width: 715px;
    margin: 0 auto;
}
.zg-nav-foot li{
    float: left;
    width: 52px;
    height: 16px;
    padding-right: 6px;
    border-right: 2px solid #fff;
    margin-left: 7px;
}
.zg-nav-foot li a{
    display: block;
    height: 16px;
    font: 12px/16px '微软雅黑';
    color: #fff;
}
.zg-nav-foot li.zg-nav-last{
    border: none;
}
.zg-footer p{
    font: 12px/16px '微软雅黑';
    color: #fff;
    text-align: center;
    margin-top: 15px;
}
.zg-footer ul li a:hover{
    color: #ffe13b;
}
.zg-footer p a{
    color: #fff;
}
.zg-footer p a:hover{
    color: #ffe13b;
}
/*右侧边栏*/
.zg-sidebar-right{
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 100;
}
.zg-sidebar-right .zg-close-btn{
    position: absolute;
    right: 0;
    top: -37px;
    cursor: pointer;
}
.zg-top-btn{
    width: 142px;
    height: 58px;
    background: url("../images/zg-top-btn.jpg") no-repeat;
    cursor: pointer;
}
.zg-sidebar-right ul{
    margin-top: 16px;
}
.zg-sidebar-right ul li{
    width: 142px;
    height: 58px;
    margin-bottom: 11px;
    background: #448fff;
}
.zg-sidebar-right ul li a{
    display: block;
    height: 58px;
    font: bold 24px/58px "微软雅黑";
    color: #fff;
    text-align: center;
}
.zg-sidebar-right ul li a:hover{
    color: #f8ff46;
    text-decoration: underline;
}
.sidebar-link-box{
    width: 142px;
    height: 76px;
    padding-top: 17px;
    background: #448fff;
}
.sidebar-link-box{
    text-align: center;
}
.sidebar-link-box a p{
    margin-bottom: 11px;
    font: bold 24px/1 "微软雅黑";
    color: #fff;
    text-align: center;
}
.sidebar-link-box a:hover p{
    color: yellow;
}
/*二维码弹窗*/
.zg_qrcode_box{
    display: none;
    position: absolute;
    left: -150px;
    top: 260px;
}
.zg_qrcode_con{
    float: left;
    width: 128px;
    height: 128px;
    padding: 4px;
    background: #83a0ff;
}
.zg_qrcode_con img{
    display: block;
    width: 128px;
    height: 128px;
}
.triangle{
    float: left;
    width:0;
    height:0;
    margin-top: 63px;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #83a0ff;
}
/*展开按钮*/
.zg-online-btn{
    display: none;
    position: fixed;
    right: 0px;
    top: 30%;
    z-index: 19;
    width: 94px;
    height: 267px;
    background: url(../images/zg-online-btn.png) no-repeat;
    cursor: pointer;
}
/*左侧边栏*/
.zg-sidebar-left{
    position: fixed;
    left: 0;
    top: 20%;
    z-index: 100;
    width: 140px;
    height: 360px;
    background: url("../images/zg-sidebar-left.png") no-repeat;
}
/*自定义动画*/
@-webkit-keyframes myAnimate {
    from {
        -webkit-transform: translate3d(0, 226px, 0);
        transform: translate3d(0, 226px, 0);
        z-index: 4;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 4;
    }
}
@keyframes myAnimate {
    from {
        -webkit-transform: translate3d(0, 226px, 0);
        transform: translate3d(0, 226px, 0);
        z-index: 4;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 4;
    }
}
.myAnimate {
    -webkit-animation: myAnimate 1s linear 0s;
    animation: myAnimate 1s linear 0s
}
@-webkit-keyframes myAnimate2 {
    from {
        -webkit-transform: translate3d(0, -226px, 0);
        transform: translate3d(0, -226px, 0);
        z-index: 4;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 4;

    }
}
@keyframes myAnimate2 {
    from {
        -webkit-transform: translate3d(0, -226px, 0);
        transform: translate3d(0, -226px, 0);
        z-index: 4;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 4;

    }
}
.myAnimate2 {
    -webkit-animation: myAnimate2 1s linear 0s;
    animation: myAnimate2 1s linear 0s
}
/*媒体查询*/
@media screen and (max-width: 1250px) {
    .zg-sidebar-right {
        display: none;
    }
    .zg-online-btn{
        display: block;
    }
    .zg-sidebar-left {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .zg-sidebar-right {
        display: none;
    }
    .zg-online-btn{
        display: none;
    }
}