@charset "utf-8";
.banner{ width: 100%; overflow: hidden;}
.banner .swiper_banner{ width: 100%; overflow: hidden;}
.banner .swiper_banner .swiper-slide{ width: 100%; overflow: hidden;}
.banner .swiper_banner .swiper-slide .pic{ width: 100%; overflow: hidden;}
.banner .swiper_banner .swiper-slide .pic img{ width: 100%;}
.banner .swiper_banner .swiper-slide .pic .img1{ display: block;}
.banner .swiper_banner .swiper-slide .pic .img2{ display: none;}
@media all and (max-width:750px){
    .banner .swiper_banner .swiper-slide .pic .img2{ display: block;}
    .banner .swiper_banner .swiper-slide .pic .img1{ display: none;}
}

.container{ background: #f5f7fa;}
.gcon_1{ padding: 30px 0;}
.container .nr{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.container .lt{ width: 930px;}
.container .rt{ width: 450px;}
.container .ihd{ display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 2px solid #0056a8;}
.container .ihd .title{ background: url(../images/icon-title.png) left center no-repeat; background-size: 11px; padding-left: 22px; font-size: 24px; color: #1b2230; font-weight: bold;}
.container .ihd .more a{ display: block; font-size: 14px; color: #9ca3ac; background: url(../images/icon-more.png) right center no-repeat; padding-right: 16px; background-size: 6px;}
.container .ibd{ margin-top: 20px;}

.gcon_1 .ibd .con1{ display: flex; justify-content: space-between; height: 431px;}
.gcon_1 .ibd .con1 .n1{ background: #fff; width: 400px; flex: 0 0 400px; height: 100%;}
.gcon_1 .ibd .con1 .n1 .item{ width: 100%; height: 100%;}
.gcon_1 .ibd .con1 .n1 .item>a{ display: flex; flex-direction: column; height: 100%;}
.gcon_1 .ibd .con1 .n1 .item .pic{ width: 100%; height: 300px; flex: 0 0 300px; overflow: hidden;}
.gcon_1 .ibd .con1 .n1 .item .pic img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 0.3s linear;}
.gcon_1 .ibd .con1 .n1 .item:hover .pic img{ transform: scale(1.1);}
.gcon_1 .ibd .con1 .n1 .item .cont{ flex: 1; box-sizing: border-box; padding: 18px 20px; display: flex; flex-direction: column; justify-content: center;}
.gcon_1 .ibd .con1 .n1 .item .cont .title{ font-size: 18px; color: #1b2230; line-height: 30px; height: 60px; overflow: hidden; text-align: justify;}
.gcon_1 .ibd .con1 .n1 .item .cont .time{ font-size: 14px; color: #aab2bd; margin-top: 8px;}
.gcon_1 .ibd .con1 .n1 .item:hover .cont{ background: #0056a8;}
.gcon_1 .ibd .con1 .n1 .item:hover .cont .title{ color: #fff;  font-weight: bold;}
.gcon_1 .ibd .con1 .n1 .item:hover .cont .time{  color: rgba(255,255,255,0.5);}
.gcon_1 .ibd .con1 .n2{ flex: 1; min-width: 0; background: #fff; box-sizing: border-box; padding: 0 20px; display: flex; flex-direction: column;}
.gcon_1 .ibd .con1 .n2 .item{ flex: 1; min-height: 0; box-sizing: border-box; border-bottom: 1px dashed #d8dade; display: flex; align-items: center;}
.gcon_1 .ibd .con1 .n2 .item:last-child{ border: 0;}
.gcon_1 .ibd .con1 .n2 .item a{ display: block; width: 100%;}
.gcon_1 .ibd .con1 .n2 .item .title{ font-size: 18px; color: #1b2230;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_1 .ibd .con1 .n2 .item .time{ font-size: 14px; color: #aab2bd; margin-top: 4px;}
.gcon_1 .ibd .con1 .n2 .item:hover .title{ color: #0056a8; font-weight: bold;}
.gcon_1 .ibd .con2{ background: #fff; box-sizing: border-box; padding: 0 20px; display: flex; flex-direction: column; height: 431px;}
.gcon_1 .ibd .con2 .item{ flex: 1; min-height: 0; box-sizing: border-box;  border-bottom: 1px dashed #d8dade; display: flex; align-items: center;}
.gcon_1 .ibd .con2 .item:last-child{ border: 0;}
.gcon_1 .ibd .con2 .item a{ display: block;width: 100%;}
.gcon_1 .ibd .con2 .item .title{ display: flex; align-items: flex-start; width: 100%;}
.gcon_1 .ibd .con2 .item .title .t1{ max-width: 100%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size: 18px; color: #1b2230; background: url(../images/icon-dot.png) left center no-repeat; background-size: 7px; padding-left: 15px;}
.gcon_1 .ibd .con2 .item .time{ font-size: 14px; color: #aab2bd; margin-top: 4px;}
.gcon_1 .ibd .con2 .item:hover .title .t1{ color: #0056a8; font-weight: bold;}
@media all and (max-width:1440px){
    .container .lt{ width: 800px;}
    .container .rt{ width: 385px;}
    .container .ihd{ padding: 8px 0;}
    .container .ihd .title{ background-size: 10px; padding-left: 20px; font-size: 22px;}
    .container .ihd .more a{ font-size: 13px; padding-right: 15px; background-size: 5px;}
    .container .ibd{ margin-top: 20px;}
    .gcon_1 .ibd .con1{ height: 375px;}
    .gcon_1 .ibd .con1 .n1{ width: 360px; flex: 0 0 360px;}
    .gcon_1 .ibd .con1 .n1 .item .pic{ height: 258px; flex: 0 0 258px;}
    .gcon_1 .ibd .con1 .n1 .item .cont{ padding: 16px;}
    .gcon_1 .ibd .con1 .n1 .item .cont .title{ font-size: 16px; line-height: 28px; height: 56px;}
    .gcon_1 .ibd .con1 .n1 .item .cont .time{ font-size: 13px; margin-top: 6px;}
    .gcon_1 .ibd .con1 .n2{ padding: 0 16px;}
    .gcon_1 .ibd .con1 .n2 .item .title{ font-size: 16px;}
    .gcon_1 .ibd .con1 .n2 .item .time{ font-size: 13px;}
    .gcon_1 .ibd .con2{ padding: 0 16px; height: 375px;}
    .gcon_1 .ibd .con2 .item .title .t1{ background-size: 6px; padding-left: 12px; font-size: 16px;}
    .gcon_1 .ibd .con2 .item .title .t2 img{ width: 18px;}
    .gcon_1 .ibd .con2 .item .time{ font-size: 13px;}
}
@media all and (max-width:1200px){
    .gcon_1{ padding: 20px 0;}
    .container .lt{ width: 100%;}
    .container .rt{ width: 100%; margin-top: 20px;}
    .container .ihd .title{ background-size: 8px; padding-left: 18px; font-size: 20px;}
    .container .ihd .more a{ font-size: 12px; padding-right: 12px; background-size: 4px;}
    .container .ibd{ margin-top: 20px;}
    .gcon_1 .ibd .con1{ height: 375px;}
    .gcon_1 .ibd .con1 .n1{ width: 360px; flex: 0 0 360px;}
    .gcon_1 .ibd .con1 .n1 .item .pic{ height: 258px; flex: 0 0 258px;}
    .gcon_1 .ibd .con1 .n1 .item .cont{ padding: 16px;}
    .gcon_1 .ibd .con1 .n1 .item .cont .title{ font-size: 16px; line-height: 28px; height: 56px;}
    .gcon_1 .ibd .con1 .n1 .item .cont .time{ font-size: 12px; margin-top: 6px;}
    .gcon_1 .ibd .con1 .n2{ padding: 0 16px;}
    .gcon_1 .ibd .con1 .n2 .item .title{ font-size: 16px;}
    .gcon_1 .ibd .con1 .n2 .item .time{ font-size: 12px;}
    .gcon_1 .ibd .con2{ padding: 0 16px; height: 375px;}
    .gcon_1 .ibd .con2 .item .title .t1{ background-size: 6px; padding-left: 12px; font-size: 16px;}
    .gcon_1 .ibd .con2 .item .title .t2 img{ width: 18px;}
    .gcon_1 .ibd .con2 .item .time{ font-size: 12px;}
}
@media all and (max-width:900px){
    .gcon_1 .ibd .con1{ flex-wrap: wrap; height: auto;}
    .gcon_1 .ibd .con1 .n1{ width: 100%; flex: 0 0 100%; height: auto;}
    .gcon_1 .ibd .con1 .n1 .item>a{ height: auto;}
    .gcon_1 .ibd .con1 .n1 .item .pic{ height: 220px; flex: 0 0 220px;}
    .gcon_1 .ibd .con1 .n1 .item .cont .title{ height: auto;}
    .gcon_1 .ibd .con1 .n2{ width: 100%; flex: 0 0 100%; margin-top: 20px; padding: 0 16px;}
    .gcon_1 .ibd .con1 .n2 .item{ flex: 0 0 auto; min-height: 70px; padding: 12px 0;}
    .gcon_1 .ibd .con2{ height: auto;}
    .gcon_1 .ibd .con2 .item{ flex: 0 0 auto; height: 70px;}
}

.gcon_2{ background: url(../images/bg-job.jpg) top center no-repeat; background-size: cover; padding: 30px 0;}
.gcon_2 .ibd .con1{ display: flex; background: #fff; height: 414px;}
.gcon_2 .ibd .con1 .n1{ width: 220px; flex: 0 0 220px; overflow: hidden;}
.gcon_2 .ibd .con1 .n1 .pic{ width: 100%; height: 100%; overflow: hidden;}
.gcon_2 .ibd .con1 .n1 .pic img{ display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.gcon_2 .ibd .con1 .n2{ flex: 1; min-width: 0; box-sizing: border-box; padding: 0 20px; display: flex; flex-direction: column;}
.gcon_2 .ibd .con1 .n2 .item{ flex: 1; min-height: 0; border-bottom: 1px dashed #d8dade; display: flex; align-items: center;}
.gcon_2 .ibd .con1 .n2 .item:last-child{ border-bottom: 0;}
.gcon_2 .ibd .con1 .n2 .item a{ display: flex; align-items: center; width: 100%;}
.gcon_2 .ibd .con1 .n2 .item a .pic{ width: 72px; height: 72px; flex: 0 0 72px; box-sizing: border-box; border: 1px solid #d0d7e2; overflow: hidden; background: url(../images/ph-job-thumb.svg) center center no-repeat; background-size: cover;}
.gcon_2 .ibd .con1 .n2 .item a .pic img{ display: block; transform: scale(1); transition: all 0.3s; width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.gcon_2 .ibd .con1 .n2 .item a:hover .pic img{ transform: scale(1.1);}
.gcon_2 .ibd .con1 .n2 .item .cont{ flex: 1; min-width: 0; box-sizing: border-box; padding-left: 12px;}
.gcon_2 .ibd .con1 .n2 .item .cont .title{ font-size: 18px; color: #1b2230;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_2 .ibd .con1 .n2 .item .cont .intro{ font-size: 14px; color: #aab2bd; margin-top: 2px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_2 .ibd .con1 .n2 .item:hover .cont .title{ color: #0056a8; font-weight: bold;}
.gcon_2 .ibd .con2{ width: 100%; box-sizing: border-box; padding: 0 20px; background: #fff; height: 414px; display: flex; flex-direction: column; justify-content: space-evenly;}
.gcon_2 .ibd .con2 .item{ width: 100%; overflow: hidden; border-radius: 15px; position: relative;}
.gcon_2 .ibd .con2 .item .pic{ width: 100%; overflow: hidden;}
.gcon_2 .ibd .con2 .item .pic img{ transform: scale(1); transition: all 0.3s; width: 100%; overflow: hidden;}
.gcon_2 .ibd .con2 .item:hover .pic img{ transform: scale(1.1);}
.gcon_2 .ibd .con2 .item .cont{ width: 100%; position: absolute; left: 0; top:50%; transform: translateY(-50%); box-sizing: border-box; padding-left: 70px; display: flex; align-items: center; color: #fff;} 
.gcon_2 .ibd .con2 .item .cont .i img{ display: block; height: 41px;}
.gcon_2 .ibd .con2 .item .cont .t{ font-size: 28px; margin-left: 30px; font-weight: bold;}
@media all and (max-width:1440px){
    .gcon_2 .ibd .con1{ height: 357px;}
    .gcon_2 .ibd .con1 .n1{ width: 190px; flex: 0 0 190px;}
    .gcon_2 .ibd .con1 .n2{ padding: 0 16px;}
    .gcon_2 .ibd .con1 .n2 .item a .pic{ width: 64px; height: 64px; flex: 0 0 64px;}
    .gcon_2 .ibd .con1 .n2 .item .cont{ flex: 1; min-width: 0; padding-left: 10px;}
    .gcon_2 .ibd .con1 .n2 .item .cont .title{ font-size: 16px;}
    .gcon_2 .ibd .con1 .n2 .item .cont .intro{ font-size: 13px;}
    .gcon_2 .ibd .con2{ padding: 0 16px; height: 357px;}
    .gcon_2 .ibd .con2 .item{ border-radius: 12px;}
    .gcon_2 .ibd .con2 .item .cont{ padding-left: 50px; } 
    .gcon_2 .ibd .con2 .item .cont .i img{ height: 35px;}
    .gcon_2 .ibd .con2 .item .cont .t{ font-size: 24px; margin-left: 25px;}
}
@media all and (max-width:1200px){
    .gcon_2 .ibd .con1{ height: 357px;}
    .gcon_2 .ibd .con1 .n1{ width: 190px; flex: 0 0 190px;}
    .gcon_2 .ibd .con1 .n2{ padding: 0 16px;}
    .gcon_2 .ibd .con1 .n2 .item a .pic{ width: 64px; height: 64px; flex: 0 0 64px;}
    .gcon_2 .ibd .con1 .n2 .item .cont{ flex: 1; min-width: 0; padding-left: 10px;}
    .gcon_2 .ibd .con1 .n2 .item .cont .title{ font-size: 16px;}
    .gcon_2 .ibd .con1 .n2 .item .cont .intro{ font-size: 12px;}
    .gcon_2 .ibd .con2{ height: auto; gap: 0 16px; padding: 16px; flex-direction: row;}
    .gcon_2 .ibd .con2 .item{ border-radius: 10px;}
    .gcon_2 .ibd .con2 .item .cont{ padding-left: 20px; } 
    .gcon_2 .ibd .con2 .item .cont .i img{ height: 28px;}
    .gcon_2 .ibd .con2 .item .cont .t{ font-size: 20px; margin-left: 20px;}
}
@media all and (max-width:750px){
    .gcon_2 .ibd .con1{ height: auto;}
    .gcon_2 .ibd .con1 .n1{ width: 0; display: none;}
    .gcon_2 .ibd .con1 .n2{ width:100%; height: auto; flex: 0 0 100%;}
    .gcon_2 .ibd .con1 .n2 .item{ padding: 12px 0; width:100%; flex: 0 0 auto;}
    .gcon_2 .ibd .con2{ gap:  16px 0; height: auto; padding: 16px; flex-direction: row;}
    .gcon_2 .ibd .con2{ flex-wrap: wrap;}
    .gcon_2 .ibd .con2 .item{ width: 100%;}
}
.gcon_2 .w2{ margin-top: 20px;}
.gcon_2 .w2 .pic{ width: 100%; overflow: hidden;}
.gcon_2 .w2 .pic img{ transform: scale(1); transition: all 0.3s; width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.gcon_2 .w2 .pic:hover img{ transform: scale(1.05);}


.gcon_3{ width: 100%; padding:0 0 30px 0; background: #f5f7fa;}
.gcon_3 .ibd .con1{ width: 100%; background: #fff; box-sizing: border-box; padding: 0 20px;}
.gcon_3 .ibd .con1 .item{ border-bottom: 1px dashed #d8dade;}
.gcon_3 .ibd .con1 .item:last-child{ border-bottom: 0;}
.gcon_3 .ibd .con1 .item a{ display: flex; align-items: center; flex-wrap: wrap; height: 58px; justify-content: space-between}
.gcon_3 .ibd .con1 .item a .t1{ display: flex; align-items: center; width: calc(100% - 100px);}
.gcon_3 .ibd .con1 .item a .tt1{ font-size: 18px; color: #c8a25c;}
.gcon_3 .ibd .con1 .item a .tt2{ font-size: 18px; color: #1b2230; flex: 1;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_3 .ibd .con1 .item a .t2{ font-size: 14px; color: #aab2bd;}
.gcon_3 .ibd .con1 .item:hover a .tt2{ font-weight: bold; color: #0056a8;}
.gcon_3 .ibd .con2{ width: 100%;}
.gcon_3 .ibd .con2 .n1{ width: 100%; background: #fff; box-sizing: border-box; padding: 0 20px;}
.gcon_3 .ibd .con2 .n1 .item{ box-sizing: border-box;  border-bottom: 1px dashed #d8dade; display: flex; align-items: center;}
.gcon_3 .ibd .con2 .n1 .item:last-child{ border: 0;}
.gcon_3 .ibd .con2 .n1 .item a{ display: block;width: 100%; padding: 16px 0;}
.gcon_3 .ibd .con2 .n1 .item .title{ display: flex; align-items: flex-start; width: 100%;}
.gcon_3 .ibd .con2 .n1 .item .title .t1{ max-width: 100%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size: 18px; color: #1b2230; background: url(../images/icon-dot.png) left center no-repeat; background-size: 7px; padding-left: 15px;}
.gcon_3 .ibd .con2 .n1 .item .time{ font-size: 14px; color: #aab2bd; margin-top: 5px;}
.gcon_3 .ibd .con2 .n1 .item:hover .title .t1{ color: #0056a8; font-weight: bold;}
.gcon_3 .ibd .con2 .n2{ width: 100%; margin-top: 12px; position: relative;}
.gcon_3 .ibd .con2 .n2 .item{ width: 100%; position: relative;}
.gcon_3 .ibd .con2 .n2 .item .pic{ width: 100%; overflow: hidden;}
.gcon_3 .ibd .con2 .n2 .item .pic img{ transform: scale(1); transition: all 0.3s; width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.gcon_3 .ibd .con2 .n2 .item:hover .pic img{ transform: scale(1.05);}
.gcon_3 .ibd .con2 .n2 .item .t{ position: absolute; left: 22px; top:50%; transform: translateY(-50%); width: fit-content; background: url(../images/icon-download.png) 0 bottom no-repeat; background-size: 20px; padding-bottom: 42px; font-size: 24px; font-weight: bold; color: #fff;}
@media all and (max-width:1440px){
    .gcon_3 .ibd .con1{ padding: 0 16px;}
    .gcon_3 .ibd .con1 .item a{ height: 53px;}
    .gcon_3 .ibd .con1 .item a .t1{ width: calc(100% - 90px);}
    .gcon_3 .ibd .con1 .item a .tt1{ font-size: 16px; }
    .gcon_3 .ibd .con1 .item a .tt2{ font-size: 16px;}
    .gcon_3 .ibd .con1 .item a .t2{ font-size: 13px;}
    .gcon_3 .ibd .con2 .n1{ padding: 0 16px;}
    .gcon_3 .ibd .con2 .n1 .item a{ padding: 16px 0;}
    .gcon_3 .ibd .con2 .n1 .item .title .t1{ font-size: 16px; background-size: 6px; padding-left: 12px;}
    .gcon_3 .ibd .con2 .n1 .item .time{ font-size: 13px; }
    .gcon_3 .ibd .con2 .n2{ width: 100%; margin-top: 11px; }
    .gcon_3 .ibd .con2 .n2 .item .t{ left: 20px; background-size: 16px; padding-bottom: 36px; font-size: 22px;}
}
@media all and (max-width:1200px){
    .gcon_3{ padding:0 0 20px 0;}
    .gcon_3 .ibd .con1 .item a .t1{ width: calc(100% - 90px);}
    .gcon_3 .ibd .con1 .item a .t2{ font-size: 12px;}
    .gcon_3 .ibd .con2 .n1 .item .time{ font-size: 12px; }
    .gcon_3 .ibd .con2 .n2 .item .t{ background-size: 12px; padding-bottom: 24px; font-size: 20px;}
}