.hero{position:relative;overflow:hidden}.hero .hero-bg{width:100%;height:100%;display:block}.content-wapper{max-width:12.4rem;margin:0 auto}.section{margin-top:.8rem}.section-title{font-size:.32rem;font-weight:600;color:#222f3f;line-height:.32rem;margin-bottom:.32rem}.section-desc{font-size:.16rem;color:#222f3f;margin-bottom:.28rem}.card-group .card span,.flow-list .flow-label{font-size:.2rem;color:#222f3f;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.32rem}.section-header .section-title{margin-bottom:0}.card-group{display:flex;gap:.2rem}.card-group .card{background-color:#fff;border-radius:.32rem;flex:1;overflow:hidden;text-align:center;padding-bottom:.16rem}.card-group .card img{width:100%}.card-group .card span{display:block;line-height:.28rem;margin-top:.16rem;padding:0 .12rem}.flow-list{display:flex;flex-direction:column;gap:.2rem}.flow-list .flow-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff;border-radius:.32rem;padding:.28rem .32rem}.flow-list .flow-label{flex-shrink:0;margin-right:.02rem}.flow-list .flow-steps{display:flex;align-items:center;flex-wrap:wrap;margin-top:.08rem}.flow-list .step{display:flex;align-items:center;justify-content:center;border-radius:10rem;height:.96rem;padding:0 .16rem;font-size:.16rem;color:#222f3f;margin-bottom:.08rem}.flow-list .step.purple{background-color:#d0dbff}.flow-list .step.orange{background-color:#ffe0d0}.flow-list .step.yellow{background-color:#fff4d0;margin-right:.2rem}.flow-list .step.yellow:last-child{margin-right:0}.flow-list .arrow-icon{width:.32rem;height:.32rem;margin:0 .2rem}.welfare-group{display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem}.welfare-card{background-color:#fff;border-radius:.32rem;padding:.28rem .32rem}.welfare-card img{width:.48rem;height:.48rem;display:block}.welfare-card .text-group h4{font-size:.2rem;font-weight:600;color:#222f3f;line-height:.28rem;margin-top:.2rem}.welfare-card .text-group p{font-size:.16rem;color:#5a636d;line-height:.24rem;margin-top:.08rem}.carousel-controls{display:flex;gap:.2rem}.control-btn{width:.4rem;height:.4rem;border-radius:.48rem;background:#fff;display:flex;align-items:center;justify-content:center;border:none}.control-btn .btn-icon{width:.24rem;height:.24rem;background:url(../img/talent/icon_arrow_left_24@2x-4d3f3d9a18.png);background-size:100% 100%}.control-btn .btn-icon.right{transform:rotate(180deg)}.control-btn.active,.control-btn:hover{background:#216cfc}.control-btn.active .btn-icon,.control-btn:hover .btn-icon{width:.24rem;height:.24rem;background:url(../img/talent/icon_arrow_right_24@2x-9df2633289.png);background-size:100% 100%}.control-btn.active .btn-icon.left,.control-btn:hover .btn-icon.left{transform:rotate(180deg)}.control-btn.active .btn-icon.right,.control-btn:hover .btn-icon.right{transform:rotate(0)}.env-showcase{background:#fff;border-radius:.32rem;overflow:hidden}.env-showcase .env-swiper-box{overflow:hidden;padding-top:.4rem}.env-showcase .env-swiper-box.m-mobile{display:none}.env-showcase .env-tags-row{display:flex;gap:.2rem;padding:.4rem;justify-content:center;align-items:center;flex-wrap:wrap}.env-showcase .env-tags-row span{background:#f3f6f9;border-radius:.08rem;padding:.12rem .28rem;font-size:.18rem;font-weight:600;color:#9da5ae;cursor:pointer}.env-showcase .env-tags-row span.active{color:#fff;background:#06f}.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.2rem}.activity-item{position:relative;border-radius:.16rem}.activity-item img{width:100%;display:block}.activity-item span{position:absolute;bottom:.1rem;left:.32rem;font-size:.18rem;font-weight:600;color:#FFF}.view-more{display:flex;align-items:center;font-size:.24rem;color:#5a636d;text-decoration:none}.job-card .job-count,.job-card .job-name{font-size:.2rem;font-weight:600;color:#222f3f}.view-more img{width:.24rem;height:.24rem;margin-left:.1rem}.job-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.2rem}.job-card,.job-card .job-info{display:flex;align-items:center}.job-card{background:#fff;border-radius:.32rem;padding:.28rem .32rem}.job-card .job-img{width:.48rem;height:.48rem;display:block;margin-right:.1rem;background:url(../img/talent/icon_cpb_48@2x-c402325c4f.png);background-size:100% 100%}.job-card .hot-icon{width:.16rem;height:.2rem;margin-left:.12rem;background:url(../img/talent/icon_hot_24@2x-6931dde21c.png);background-size:100% 100%}.job-card .job-count{margin-left:auto}.join-banner{position:relative;border-radius:.32rem;overflow:hidden;margin-bottom:.8rem}.join-banner .banner-bg-img{display:block;width:100%;height:auto}.join-banner .btn-group{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.4rem}.join-banner .join-btn{background:rgba(255,255,255,.2);border:.02rem solid #fff;border-radius:.08rem;padding:.16rem .32rem;color:#fff;font-size:.24rem;cursor:pointer;backdrop-filter:blur(.04rem);-webkit-backdrop-filter:blur(.04rem)}@media only screen and (max-width:1224px){.section{margin-top:.6rem}.section-title{font-size:.28rem;margin-bottom:.28rem}.section-desc{font-size:.15rem;margin-bottom:.24rem}.card-group .card span,.flow-list .flow-label,.job-card .job-count,.job-card .job-name{font-size:.18rem}.card-group{gap:.16rem}.flow-list .flow-row,.job-card,.welfare-card{padding:.24rem .28rem}.activity-item span{font-size:.16rem}}@media only screen and (max-width:1024px){.flow-list .flow-row,.job-card,.welfare-card{padding:.2rem .24rem}.section{margin-top:.48rem}.section-title{font-size:.24rem;margin-bottom:.24rem}.section-desc{font-size:.14rem;margin-bottom:.2rem}.card-group{gap:.12rem}.card-group .card span,.flow-list .flow-label{font-size:.16rem}.flow-steps .step{font-size:.14rem;height:.8rem}.welfare-group{grid-template-columns:repeat(3,1fr)}.welfare-card img{width:.4rem;height:.4rem}.activity-item span{font-size:.16rem}.job-card .job-count,.job-card .job-name{font-size:.18rem}.join-banner .join-btn{font-size:.2rem;padding:.12rem .24rem}}@media only screen and (max-width:824px){.section{margin-top:.4rem}.section-title{font-size:.2rem;margin-bottom:.2rem}.section-desc{font-size:.13rem;margin-bottom:.16rem}.card-group{gap:.1rem}.card-group .card span,.flow-list .flow-label{font-size:.15rem}.flow-list .flow-row{padding:.16rem .2rem}.flow-list .step{font-size:.13rem;height:.72rem;padding:0 .12rem}.job-card,.welfare-card{padding:.16rem .2rem}.flow-list .arrow-icon{width:.24rem;height:.24rem;margin:0 .12rem}.welfare-group{gap:.12rem}.welfare-card img{width:.36rem;height:.36rem}.job-card .job-count,.job-card .job-name{font-size:.16rem}.job-card .job-img{width:.4rem;height:.4rem}.activity-item span{font-size:.14rem}.join-banner .join-btn{font-size:.18rem;padding:.1rem .2rem}}@media only screen and (max-width:768px){.section-header,.section-title{margin-bottom:.12rem}.section{margin-top:.32rem}.section-title{font-size:.16rem;line-height:.24rem}.flow-list .step,.section-desc{font-size:.14rem;margin-bottom:.08rem}.card-group{gap:.12rem;display:grid;grid-template-columns:repeat(2,1fr)}.card-group .card{border-radius:.16rem;padding-bottom:.12rem}.card-group .card span{font-size:.14rem;margin-top:.12rem;line-height:.2rem;padding:0 .08rem}.flow-list{gap:.12rem}.flow-list .flow-label{font-size:.14rem}.flow-list .flow-row{border-radius:.16rem;padding:.16rem;display:flex;flex-wrap:wrap}.carousel-controls,.env-showcase .env-swiper-box.m-pc{display:none}.flow-list .step{height:unset;padding:.06rem .12rem}.job-card,.welfare-card{padding:.16rem}.flow-list .arrow-icon{margin:0 .04rem}.welfare-card{border-radius:.28rem}.env-showcase,.job-card,.join-banner{border-radius:.16rem}.welfare-card img{width:.36rem;height:.36rem}.welfare-card .text-group h4{font-size:.16rem;margin-top:.16rem;line-height:.24rem}.welfare-card .text-group p{font-size:.12rem;line-height:.16rem}.activity-grid{gap:.1rem}.job-cards,.join-banner .btn-group{gap:.12rem}.activity-item span{font-size:.12rem;left:.16rem;bottom:.04rem}.view-more{font-size:.14rem}.view-more img{width:.16rem;height:.16rem;margin-left:.04rem}.job-cards{grid-template-columns:repeat(auto-fill,minmax(2rem,1fr))}.job-card .job-img{width:.32rem;height:.32rem;margin-right:.08rem}.job-card .job-count,.job-card .job-name{font-size:.16rem}.job-card .hot-icon{width:.16rem;height:.16rem;margin-left:.04rem}.join-banner{margin-bottom:.32rem}.join-banner .join-btn{padding:.06rem .12rem;font-size:.12rem}.env-showcase{padding:0}.env-showcase .env-swiper-box{padding-top:0}.env-showcase .env-swiper-box.m-mobile{display:block}.env-showcase .env-tags-row{padding:.2rem;margin-top:0;gap:.08rem}.env-showcase .env-tags-row span{font-size:.14rem;padding:.04rem .12rem;border-radius:.04rem}}@media only screen and (max-width:600px){.section{margin-top:.32rem}.section-title{font-size:.18rem;margin-bottom:.16rem}.card-group .card span{font-size:.14rem}.flow-list .flow-row{padding:.12rem .16rem}.flow-list .step{height:.64rem;padding:0 .1rem}.welfare-group{grid-template-columns:repeat(2,1fr);gap:.1rem}.job-cards{grid-template-columns:repeat(auto-fill,minmax(1.6rem,1fr))}.join-banner .join-btn{font-size:.16rem;padding:.08rem .16rem}}@media only screen and (max-width:500px){.welfare-group{gap:.08rem;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:480px){.section{margin-top:.24rem}.section-title{font-size:.16rem;margin-bottom:.12rem}.section-desc{font-size:.12rem}.card-group{display:grid;grid-template-columns:repeat(2,1fr);gap:.08rem}.card-group .card{border-radius:.12rem}.card-group .card span{font-size:.12rem;line-height:.16rem;margin-top:.08rem}.flow-list .flow-label{font-size:.13rem}.flow-list .flow-row{padding:.1rem .12rem}.flow-list .step{font-size:.12rem;height:.56rem;padding:0 .08rem}.flow-list .arrow-icon{width:.16rem;height:.16rem;margin:0 .08rem}.welfare-card{border-radius:.16rem;padding:.12rem .16rem}.activity-item{border-radius:.08rem}.activity-item span{font-size:.12rem;left:.12rem}.join-banner .join-btn{font-size:.14rem;padding:.06rem .12rem;border:.01rem solid #fff}.job-cards{grid-template-columns:repeat(1,1fr);gap:.12rem}}