@charset "utf-8";
/* CSS Document */
*{padding: 0; margin: 0;}

.banner_slide .swiper-slide .nbanner_bg b.on{transition:0s ease;-webkit-transition:0s ease;-o-transition:0s ease;-moz-transition:0s ease;}
.banner_slide .swiper-slide .nbanner_bg b{transform: scale(1, 1) rotate(0deg) translate3d(0,0,0); -moz-transform: scale(1, 1) rotate(0deg) translate3d(0,0,0); -webkit-transform: scale(1, 1) rotate(0deg) translate3d(0,0,0);}

.hor_banner_c{width:73%;overflow:hidden;position:absolute;left:13.5%;bottom:1rem;z-index:999;opacity:0;}
.hor_banner_c .hor_txt{width:100%;overflow:hidden;}
.hor_banner_c .hor_txt p{width:100%;overflow:hidden;text-align:center;}
.hor_banner_c .hor_txt p.p1{font-family:Arial;font-size:.32rem;line-height:1.5;color:rgba(255,255,255,0.5);text-transform:uppercase;line-height:.6rem;}
.hor_banner_c .hor_txt p.p2{font-size:.8rem;line-height:1.2rem;color:#fff;padding-bottom:.3rem;position:relative;}
.hor_banner_c .hor_txt p.p2 b{width:.4rem;height:.05rem;display:block;overflow:hidden;background-color:#de181d;border-radius:.05rem;position:absolute;left:50%;bottom:0px;margin-left:-.2rem;}
.hor_banner_c .hor_txt p.p3{font-size:.28rem;line-height:1.5;color:#fff;margin-top:.4rem;}
.hor_banner_c .hor_txt p.p4{font-size:.18rem;line-height:1.5;color:#fff;margin-top:.8rem;}
.hor_banner_c .hor_icon{width:100%;overflow:hidden;margin-top:1.6rem;}
.hor_banner_c .hor_icon ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:center}
.hor_banner_c .hor_icon ul li{width:calc( ( 100% - .4rem ) / 3 );margin:0px .2rem;text-align:center;position:relative;background-color:#fff;height:1rem;text-align:center;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.hor_banner_c .hor_icon ul li:first-child{margin-left:0px;}
.hor_banner_c .hor_icon ul li:last-child{margin-right:0px;}

.hor_banner_c .hor_icon ul li:before{content:"";width:0%;height:100%;display:block;overflow:hidden;background-color:#d0141a;position:absolute;left:50%;top:0px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.hor_banner_c .hor_icon ul li a{display:inline-block;position:relative;z-index:99;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.hor_banner_c .hor_icon ul li i{float:left;display:inline-block;position:relative;}
.hor_banner_c .hor_icon ul li i img{display:block;}
.hor_banner_c .hor_icon ul li i img.img2{position:absolute;left:0px;top:0px;opacity:0;}
.hor_banner_c .hor_icon ul li span{display:inline-block;float:left;margin-left:.3rem;font-size:.24rem;color:#1c1c1c;}
.hor_banner_c .hor_icon ul li.on:before{width:100%;left:0px;}
.hor_banner_c .hor_icon ul li.on i img.img1{opacity:0;}
.hor_banner_c .hor_icon ul li.on i img.img2{opacity:1;}
.hor_banner_c .hor_icon ul li.on span{color:#fff;font-size:.32rem;}


.page2{overflow:hidden;background:url("../upimg/job_04.jpg") center no-repeat;background-size:cover;height:calc(var(--vh) * 100);position:relative}
.page2 .b1{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;object-fit:cover;}
.page2 .pagefr_n{width:100%;height:calc(var(--vh) * 100 - 1.08rem);padding-top:1.08rem;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-end;}
.pe2fr{width:40%;float:right;margin-right:9%;padding:.6rem .8rem;background-color:rgba(255,255,255,0.95);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.pe2fr p{width:100%;overflow:hidden;}
.pe2fr p.p1{border-bottom:.01rem solid #bfbfbf;font-size:.36rem;color:#000;font-weight:bold;line-height:2;padding-bottom:.2rem;}
.pe2fr p.p2{font-size:.16rem;color:#333;line-height:1.75;margin-top:.3rem;text-align:justify;text-justify:inter-ideograph;}
.pe2fr p.p3{margin-top:.3rem;line-height:2;}
.pe2fr p.p3 a{font-size:.14rem;color:#ed8037;}
.jobpe2{opacity:0;}

.rcfzouter{width: 100%;position: relative;height: 2.2rem; }
.rcfzbox{ width: 100%;  height: 100%; position: absolute; overflow: hidden;left:0; top:0;}
.rcfz{width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    left:0;
    top:0;
    font-size:.18rem;color:#393939;line-height:.28rem;
    padding-right: .2rem;
    box-sizing: border-box;
}
.page3{overflow:hidden;position:relative;}
.page3 .fl{width:56%;height:calc(var(--vh) * 100);overflow:hidden;position:relative;}
.page3 .fl .p3_map{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.page3 .fr{width:44%;height:calc(var(--vh) * 100);overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:center;background: linear-gradient(to right,#ea5e30, #f1ab40);background: -webkit-linear-gradient(to right,#ea5e30, #f1ab40);background: -o-linear-gradient(to right,#ea5e30, #f1ab40); background: -moz-linear-gradient(to right,#ea5e30, #f1ab40);}
.page3 .fr .pe3_c{width:100%;overflow:hidden;margin:0px auto;padding:0px .6rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.page3 .fr p{width:100%;overflow:hidden;}
.page3 .fr p.p1{font-size:.34rem;color:#fff;border-bottom:.01rem solid rgba(255,255,255,0.2);line-height:1.5;padding-bottom:.2rem;}
.page3 .fr p.p2{font-size:.14rem;color:rgba(255,255,255,0.8);line-height:1.75;margin-top:.1rem;}
.page3 .fr p.p3{font-size:.22rem;color:#fff;line-height:1.5;margin-top:.2rem;}
.page3 .fr p.p4{margin-top:.1rem;overflow:visible; }
.page3 .fr p.p4 label{width:.50rem;display:block;/*overflow:hidden;*/position:relative;border-radius:50%;float:left;border:.01rem solid rgba(255,255,255,0.2);margin-left:.2rem;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.page3 .fr p.p4 span.qrcode{ display: none; flex-direction: column; justify-content: center; align-items: center; padding: 10px; position: absolute; bottom: .6rem;right:-.42rem; background:url("../images/hover_bg.png") center no-repeat; width: 1.37rem; height: 1.46rem;box-sizing: border-box; background-size: 100%;}
.page3 .fr p.p4 label img{width:100%;display:block;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.page3 .fr p.p4 label img.img2{position:absolute;left:0px;top:0px;opacity:0;}
.page3 .fr p.p4 label:nth-child(1){margin-left:0px;}
.page3 .fr p.p4 label:hover{background-color:#fff;border:.01rem solid #fff;}
.page3 .fr p.p4 label:hover img.img2{opacity:1;}
.page3 .fr p.p4 label:hover img.img1{opacity:0;}

.page3 .fr p.p5{font-size:.14rem;color:rgba(255,255,255,0.8);line-height:1.75;margin-top:1rem;}

.page4{overflow:hidden;background-color:#fff;}
.page4 .pagefr_n{height:auto;padding:.6rem 0px;text-align:center;position:relative;}
.page4 .pagefr_n span{font-size:.2rem;color:#666;line-height:.6rem;display:inline-block;background-color:#fff;position:relative;z-index:9;padding:0px .6rem;}
.page4 .pagefr_n b{width:100%;height:.01rem;display:block;overflow:hidden;background-color:#eee;position:absolute;left:0px;top:50%;margin-top:-.005rem;}


@media screen and (max-width:1820px) {
}


@media screen and (max-width:1520px) {
    

}

@media screen and (max-width:1300px) {

    
}


@media screen and (max-width:1200px) {

   
    .page3 .fl{width:100%;height:calc(var(--vh) * 30);}
    .page3 .fr{width:100%;height:calc(var(--vh) * 70);}

    .pe3_c{width:calc(100% - 20px);margin:0px auto;padding:0px;}

}



@media screen and (max-width:992px) {


}

@media screen and (max-width:768px) {


}
@media screen and (max-width:749px) {
    
    .hor_banner_c{width:90%;left:5%;}
    .hor_banner_c .hor_icon ul li i img{width:.4rem;}
    .hor_banner_c .hor_icon ul li span{margin-left:.1rem;font-size:.2rem;}
    .hor_banner_c .hor_icon ul li.on span{font-size:.2rem;}

    .pe2fr{width:90%;margin-right:5%;}

    

}


@media screen and (max-width:480px) {


}