@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Helvetica", "PingFangSC", "Microsoft Yahei", "微软雅黑", Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.bg_img {
    display: flex;
    flex-direction: column;
    justify-content: start;
    background: url(../images/01/bg.png) no-repeat;
    background-size: 100% 100%;
    width: 1920px;
}

.banner {
    background: url(../images/top.png) no-repeat center;
    height: 560px;
}

.slices {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/slices.png) no-repeat center;
    height: 78px;
    margin: -78px 0 0 0;
}

.box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.slices .box {
    display: flex;
    flex-direction: inherit;
    justify-content: flex-start;
    align-items: center;
    margin-left: -503px;
}

.abit {
    background: url(../images/abit.png) no-repeat center;
    width: 927px;
    height: 78px;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-right: 33px;
}

.abit div {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.abit .txt1 {
    margin-right: 27px;
    width: 220px;
    height: 66px;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    text-align: end;
}

.abit .countdown {
    margin-right: 11px;
    width: 66px;
    height: 66px;
    background: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    line-height: 66px;
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #BD27D0;
}

.abit .txt2 {
    margin-right: 53px;
}

.date_btn {
    width: 136px;
    height: 41px;
    background: #4797FF;
    border-radius: 27px;
    line-height: 41px;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    margin-right: 21px;
}

.date {
    width: 294px;
    height: 35px;
    font-size: 26px;
    line-height: 35px;
    color: #FFFFFF;
}

.center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 175px;
}

.title .images {
    width: 103px;
    height: 103px;
}

#img1 {
    background: url(../images/01.png);
    background-position: -20px -22px;
}

#img2 {
    background: url(../images/02.png);
    background-position: -29px -22px;
}

#img3 {
    background: url(../images/03.png);
    background-position: -29px -22px;
}

#img4 {
    background: url(../images/04.png);
    background-position: -29px -22px;
}

.title .title_box {
    width: 214px;
    height: 61px;
}

.title #title_box1 {
    background: url(../images/01/hdjj.png);
    background-size: 100% 100%;
}

.title #title_box2 {
    background: url(../images/01/hdml.png);
    background-size: 100% 100%;
}

.title #title_box3 {
    background: url(../images/01/hdzb.png);
    background-size: 100% 100%;
}


.title #title_box4 {
    background: url(../images/01/zzjg.png);
    background-size: 100% 100%;
}

.title .title_box .main {
    display: flex;
    justify-content: start;
    /* width: 183px; */
    height: 45px;
    font-size: 34px;
    font-weight: bold;
    line-height: 45px;
    color: #666666;
    letter-spacing: 2.5px;
}

.title .title_box .main span {
    width: 260px;
    height: 24px;
    font-size: 18px;
    line-height: 55px;
    color: #164FE5;
    margin-left: 15px;
}

.title .title_box .sub {
    display: flex;
    justify-content: start;
    width: 176px;
    height: 21px;
    font-size: 16px;
    line-height: 21px;
    color: #666666;
    opacity: 0.41;
}



.content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.content .left {
    width: 504px;
    height: 576px;
    background: url(../images/01/left.png) no-repeat;
    background-size: 100% 100%;
}

.content .left_img {
    width: 648px;
    height: 544px;
    background: url(../images/picture.png) no-repeat;
    background-size: 100% 100%;
    transition: 0.5s;
}

.content .left_img:hover {
    transform: scale(1.1);
    transition: 0.5s;
}

.content .left .live {
    width: 160px;
    height: 61.5px;
    background: url(../images/live.png);
    margin: 27px 0 0 19px;
    position: absolute;
    z-index: 1;
}

.content .composite {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

.content .composite_footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 696px;
    height: 144px;
    background: url(../images/01/bg_data.png) no-repeat;
    background-size: 100% 100%;
}

.content .right {
    display: flex;
    flex-direction: column;
    width: 696px;
    height: 432px;
    background: url(../images/01/group530.png) no-repeat;
    background-size: 100% 100%;
}

.content .right .top {
    display: flex;
    justify-content: start;
    align-items: end;
    height: 70px;
    font-size: 36px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #100A8B;
    line-height: 40px;
    padding: 0 60px;
    margin-bottom: 12px;
}

.content .right .txt {
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    line-height: 36px;
    color: #333333;
    flex-direction: column;
    padding: 0 60px;
}

.tips {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 80px;
    height: 80px;
}

.tips .body {
    display: flex;
}

.tips .body .numb {
    height: 57px;
    font-size: 48px;
    font-family: Helvetica;
    font-weight: bold;
    color: #FFFFFF;
    text-align: end;
}

.tips .body .plus {
    width: 22px;
    height: 40px;
    font-size: 30px;
    font-family: Microsoft YaHei;
    color: #FFFFFF;
}

.tips .body .monad {
    width: 12px;
    height: 16px;
    font-size: 12px;
    line-height: 86px;
    color: #FFFFFF;
    margin-left: 8px;

}

.tips .foot {
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    text-align: center;
}

.activity_banner_container {
    overflow: hidden;
    transition: .5s;
}

#activity_banner {
    width: 1200px;
    height: 144px;
    background: url(../images/01/jldh.png);
    background-size: 100% 100%;
    margin-top: 32px;
    cursor: pointer;
    transition: .3s;
}

#activity_banner:hover {
    box-shadow: 0px 1px 6px rgba(60, 33, 122, 0.86);
    transform: scale(1.05);
    transition: all .3s;
    border-radius: 30px;
}

#activity_banner :hover .activity_banner_container {
    border-radius: 30px;
}

.content2 {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    width: 1200px;
    height: 728px;
    background: url(../images/01/bg02.png) no-repeat;
    background-size: 100% 100%;
}

.caterpillarTread {
    /* display: flex; */
    width: 1200px;
    height: 160px;
    font-size: 18px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}

.caterpillarTread .this {
    background: transparent;
    border: none;
    color: #100A8B;
    cursor: auto;
    transition: .3s;
}

.hd_body {
    display: flex;
    width: 100%;
    height: 410px;
}

.slide_padding {
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    justify-content: space-around;
    /* width: 100%; */
    height: 100%;
    padding: 50px;
}

.slide_padding .hd {
    height: 15px;
    position: relative;
    overflow: hidden;
    z-index: 2;
    float: left;
    top: -8px;
    left: -23px;
}

.slide_padding .hd ul li {
    background: #c5d1df none repeat scroll 0 0;
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin-left: 4px;
    float: left;
    border-radius: 10px;
    list-style: none;
}

.slide_padding .hd ul li.on {
    background: #ee7a3a none repeat scroll 0 0;
}

.slide_padding .bd {
    display: flex;
    width: 100%;
    height: 100%;
    /* flex-direction: column; */
}

.slide_padding .tip {
    display: flex;
    float: left;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    /* width: 220px; */
    margin: 0 0 20px 0;
    cursor: pointer;
}

.slide_padding .tip .tip_title {
    /* width: 207px; */
    width: 288px;
    /* height: 25px; */
    background: linear-gradient(225deg, #1BDDF5 0%, #7D8BF9 16%, #7E8AF9 16%, #565BF7 36%, #BC31C6 66%, #DF262D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 25px;
    text-align: center;
}

.slide_padding .tip .tip_sup {
    width: 168px;
    height: 19px;
    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 19px;
}

.slide_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 1100px;
    /* height: 100%; */
}

.padding {
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    padding: 50px;
}

.padding .tip {
    display: flex;
    float: left;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    /* width: 220px; */
    margin: 0 0 85px 0;
    cursor: pointer;
}


/* .padding:nth-child(1) .tip{
    margin: 0 55px 85px 0;
}

.padding:nth-child(2) .tip{
    margin: 0 55px 85px 0;
}

.padding:nth-child(3) .tip{
    margin: 0 55px 85px 0;
}

.padding:nth-child(4) .tip{
    margin: 0 55px 85px 0;
}*/

.padding:nth-child(5) .tip {
    margin: 0 0 45px 0;
}

.padding:nth-child(6) .tip {
    margin: 0 0 25px 0;
}

/* .padding:nth-child(7) .tip{
    margin: 0 55px 85px 0;
}

.padding:nth-child(8) .tip{
    margin: 0 55px 85px 0;
}
*/

.padding:nth-child(9) .tip {
    margin: 0 0 35px 0;
}

/*
.padding:nth-child(10) .tip{
    margin: 0 55px 85px 0;
}

.padding:nth-child(11) .tip{
    margin: 0 55px 85px 0;
}

.padding:nth-child(12) .tip{
    margin: 0 55px 85px 0;
} */

.padding .tip .tip_title {
    /* width: 207px; */
    width: 288px;
    /* height: 25px; */
    background: linear-gradient(225deg, #1BDDF5 0%, #7D8BF9 16%, #7E8AF9 16%, #565BF7 36%, #BC31C6 66%, #DF262D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 25px;
    text-align: center;
}

.padding .tip .tip_sup {
    width: 168px;
    height: 19px;
    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 19px;
}

.bogieWheel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    float: left;
    width: 200px;
    height: 160px;
    background: #100A8B;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #0166FC;
    padding: 0 40px;
    cursor: pointer;
    transition: .3s;
}

.bogieWheel_disabled {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    float: left;
    width: 200px;
    height: 160px;
    background: #100A8B;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #0166FC;
    padding: 0 40px;
    cursor: not-allowed;
    transition: .3s;
}

.bogieWheel div:nth-child(1) {
    width: 64px;
    height: 64px;
}

.bogieWheel_disabled div:nth-child(1) {
    width: 64px;
    height: 64px;
}

.bogieWheel .txt {
    height: 24px;
    line-height: 24px;
    -webkit-background-clip: text;
    text-align: left;
}

.bogieWheel .img01 {
    background: url(../images/02/12.百企引航企业.png);
}

.bogieWheel .img02 {
    background: url(../images/02/2.高能级载体平台.png);
}

.bogieWheel .img03 {
    background: url(../images/02/3.数字经济重点企业人才.png);
}

.bogieWheel .img04 {
    background: url(../images/02/4.先进制造业.png);
}

.bogieWheel .img05 {
    background: url(../images/02/5.重点民营企业.png);
}

.bogieWheel_disabled .img05 {
    background: url(../images/02/5.重点民营企业.png);
}

.bogieWheel .img06 {
    background: url(../images/02/6.人力资源.png);
}

.bogieWheel_disabled .img06 {
    background: url(../images/02/6.人力资源.png);
}

.bogieWheel .img07 {
    background: url(../images/02/7.博士后.png);
}

.bogieWheel .img08 {
    background: url(../images/02/8.海外人才.png);
}

.bogieWheel .img09 {
    background: url(../images/02/9.高校.png);
}

.bogieWheel .img10 {
    background: url(../images/02/10.重点人才.png);
}

.bogieWheel_disabled .img10 {
    background: url(../images/02/10.重点人才.png);
}

.bogieWheel .img11 {
    background: url(../images/02/11.日韩企业.png);
}

.bogieWheel_disabled .img11 {
    background: url(../images/02/11.日韩企业.png);
}

.bogieWheel .img12 {
    background: url(../images/02/1.综合性人才活动.png);
}

.bogieWheel_disabled .img12 {
    background: url(../images/02/1.综合性人才活动.png);
}

.bogieWheel .img01_on {
    background: url(../images/02/1.综合性人才活动_选中.png);
}

.bogieWheel .img02_on {
    background: url(../images/02/2.高能级载体平台_选中.png);
}

.bogieWheel .img03_on {
    background: url(../images/02/3.数字经济重点企业人才_选中.png);
}

.bogieWheel .img04_on {
    background: url(../images/02/4.先进制造业_选中.png);
}

.bogieWheel .img05_on {
    background: url(../images/02/5.重点民营企业_选中.png);
}

.bogieWheel .img06_on {
    background: url(../images/02/6.人力资源_选中.png);
}

.bogieWheel .img07_on {
    background: url(../images/02/7.博士后_选中.png);
}

.bogieWheel .img08_on {
    background: url(../images/02/8.海外人才_选中.png);
}

.bogieWheel .img09_on {
    background: url(../images/02/9.高校_选中.png);
}

.bogieWheel .img10_on {
    background: url(../images/02/10.重点人才_选中.png);
}

.bogieWheel .img11_on {
    background: url(../images/02/11.日韩企业_选中.png);
}

.bogieWheel .img12_on {
    background: url(../images/02/12.百企引航企业_选中.png);
}

.live_room {
    display: flex;
    justify-content: center;
    /* width: 1544px; */
    margin: 0 auto;
    overflow: hidden;
}

.live_room .card,
#roll .card {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    width: 286px;
    height: 501px;
    margin-right: 20px;
    float: left;
    cursor: pointer;
}

#roll .card:hover .mantle {
    background: none;
}

.mantle {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(70, 70, 70, 0) 0%, #0F0F0F 100%);
}

.mantle_none {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(180deg, rgba(70, 70, 70, 0) 0%, #0F0F0F 100%); */
}

.card .live {
    width: 104px;
    height: 40px;
    background: url(../images/live.png);
    background-size: 100% 100%;
    position: absolute;
    margin: 0 -145px 450px 0;
}

.mantle .txt_center {
    height: 147px;
    font-size: 14px;
    line-height: 32px;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #000000;
    font-family: Microsoft YaHei;
    font-weight: 400;
    margin-bottom: 88px;
    text-align: center;
}

#live1 {
    background: url(../images/gnjztpt.png);
}

#live2 {
    background: url(../images/jcdl.png);
}

#live3 {
    background: url(../images/rjxxfw.png);
}

#live4 {
    background: url(../images/swyy_live.png);
}

#live5 {
    background: url(../images/live5.png);
    background-size: 100% 100%;
}

#live6 {
    background: url(../images/live6.png);
    background-size: 100% 100%;
}

#live7 {
    background: url(../images/live7.png);
    background-size: 100% 100%;
}

#live8 {
    background: url(../images/live8.png);
    background-size: 100% 100%;
}

#live9 {
    background: url(../images/live9.png);
    background-size: 100% 100%;
}

#live10 {
    background: url(../images/live10.png);
    background-size: 100% 100%;
}

#live11 {
    background: url(../images/live11.png);
    background-size: 100% 100%;
}

#live12 {
    background: url(../images/live12.png);
    background-size: 100% 100%;
}

#live13 {
    background: url(../images/live13.png);
    background-size: 100% 100%;
}

#live14 {
    background: url(../images/live14.png);
    background-size: 100% 100%;
}

#live15 {
    background: url(../images/live15.png);
    background-size: 100% 100%;
}

#live16 {
    background: url(../images/live16.png);
    background-size: 100% 100%;
}

#live17 {
    background: url(../images/live17.png);
    background-size: 100% 100%;
}

#live18 {
    background: url(../images/live18.png);
    background-size: 100% 100%;
}

.mantle .txt_foot {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

.QR_code {
    width: 85px;
    height: 85px;
    margin-right: 20px;
    background: url(../images/QR_code.jpg) no-repeat;
    background-size: 100% 100%;
}

/* #QR_code1 {
    background: url(../images/QR1.png);
}

#QR_code2 {
    background: url(../images/QR2.png);
}

#QR_code3 {
    background: url(../images/QR3.png);
}

#QR_code4 {
    background: url(../images/QR4.png);
} */

.intro {
    /* width: 136px; */
    height: 43px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #FFFFFF;
}

.to_view {
    height: 19px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 32px;
    color: #0EDEFF;
}

.org {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    margin-bottom: 20px;
    color: #262626;
}

.org span {
    height: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    letter-spacing: 1px;
}



/*slide*/
#roll dd {
    width: 286px;
    height: 510px;
    /* border: 1px solid #00EE00; */
    float: left;
    margin-right: 16px;
}

.slide_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.prev {
    width: 40px;
    height: 160px;
    background: url(../images/left.png)no-repeat;
    background-size: 100% 100%;
    margin-right: 16px;
}

.next {
    width: 40px;
    height: 160px;
    background: url(../images/righ.png)no-repeat;
    background-size: 100% 100%;
    margin-left: 12px;
}

/*slide*/



.footer {
    /* background: #0060CE; */
    background: url(../images/01/bottom.png)no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 20px 0;
    margin: 20px 0 0 0
}