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


.hor_banner_c{width:73%;overflow:hidden;height:100%;position:absolute;left:13.5%;top:0;z-index:999;opacity:1;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.hor_banner_c .hor_txt{width:100%;overflow:hidden;opacity:0;}
.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_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:space-between}
.hor_banner_c .hor_icon ul li{width:calc( ( 100% - .2rem ) / 3 );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: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;}
.page2 .pagefr_n{position:relative;}
.page2 .p2_l{width:50%;height:calc(var(--vh) * 100);overflow:hidden;position:relative;float:left;}
.page2 .p2_l video{width:100%;height:100%;overflow:hidden;object-fit:cover;}
.page2 .p2_l .a_play{height:.65rem;display:inline-block;position:absolute;right:1rem;bottom:1rem;}
.page2 .p2_l .a_play span{float:left;display:inline-block;font-size:.18rem;color:#fff;line-height:.65rem;margin-right:.3rem;}
.page2 .p2_l .a_play img{width:.65rem;height:.65rem;display:block;-webkit-animation:an_01 2.1s linear infinite;animation: an_01 2.1s linear infinite;}

.page2 .p2_r{width:50%;height:calc(var(--vh) * 100 - 1.08rem);margin-top:1.08rem;overflow:hidden;position:relative;padding:0px 1rem;float:right;background:url("../upimg/join_02.jpg") center no-repeat;background-size:cover;display:flex;display:-webkit-flex;align-items:center;justify-content:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.pe2r_c{width:100%;overflow:hidden;}
.pe2rc_t{width:100%;overflow:hidden;}
.pe2rc_t p.p1{font-size:.44rem;color:#222222;line-height:1.5;text-transform:uppercase;}
.pe2rc_t p.p2{font-size:.42rem;color:#222;line-height:1.5;font-weight:bold; display:none;}
.pe2rc_t p.p3{/*margin-top:.3rem;*/font-size:.28rem;line-height:1.5;color:#222;position:relative;padding-bottom:.3rem;}
.pe2rc_t p.p3 b{width:.4rem;height:.03rem;display:block;overflow:hidden;position:absolute;left:0px;bottom:0px;background-color:#d0141a;}

.pe2rc_c{width:100%;overflow:hidden;margin-top:.3rem;}
.pe2rc_c p{width:100%;font-size:.18rem;color:#666;line-height:1.5;margin:.15rem 0px;}
.pe2rc_c strong{color:#444;}

.page3{overflow:hidden;position:relative;}
.page3_t{width:100%;height:calc(var(--vh) * 55 - 1.08rem);overflow:hidden;padding-top:1.08rem;background:url("../upimg/join_03.jpg") center bottom no-repeat;background-size:cover;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.page3_t .pe3tfr{width:100%;overflow:hidden;}
.page3_t p{width:100%;overflow:hidden;text-align:center;}
.page3_t p.p1{font-size:.44rem;color:#222;text-transform:uppercase;line-height:1.5;}
.page3_t p.p2{font-size:.28rem;color:#222;line-height:1.5;margin-top:.2rem;position:relative;padding-bottom:.3rem;}
.page3_t p.p2 b{width:.4rem;height:.03rem;display:block;overflow:hidden;position:absolute;left:50%;margin-left:-.2rem;bottom:0px;background-color:#d0141a;}
.page3_t p.p3{font-size:.18rem;color:#222;line-height:1.5;margin-top:.3rem;}

.page3_c{width:100%;height:calc(var(--vh) * 45);overflow:hidden;}
.page3_c ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between}
.page3_c ul li{width:33.3333%;height:calc(var(--vh) * 45);overflow:hidden;position:relative;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.page3_c ul li b.b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.page3_c ul li .pe3c_c{width:100%;overflow:hidden;padding:0px .4rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;z-index:99;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.page3_c ul li .pe3c_c p{width:100%;overflow:hidden;color:#fff;}
.page3_c ul li .pe3c_c p.p1{font-size:.32rem;font-weight:bold;text-align:center;line-height:2;position:relative;padding-bottom:.25rem;margin-bottom:.4rem;}
.page3_c ul li .pe3c_c p.p1 b{width:.2rem;height:.05rem;display:block;overflow:hidden;border-radius:0.05rem;position:absolute;left:50%;margin-left:-.1rem;bottom:0px;background-color:#d0141a;}
.page3_c ul li .pe3c_c p.p2{font-size:.18rem;line-height:1.5;text-align:left;margin:.15rem 0px;}
.page3_c ul li .pe3c_c p.p2 span{display:inline-block;text-align:left;}
.page3_c ul li .pe3c_c p.p3 span{background:url("../images/join_01.png") left center no-repeat;background-size:.21rem;padding-left:.36rem;}
.page3_c ul li .pe3c_c p.p4 span{background:url("../images/join_02.png") left .1rem no-repeat;background-size:.21rem;padding-left:.36rem;}
.page3_c ul li .pe3c_c p.p5 span{background:url("../images/join_03.png") left center no-repeat;background-size:.21rem;padding-left:.36rem;}
.page3_c ul li:hover b.b1{transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06);}
.page3_c ul li:hover .pe3c_c{transform:translateY(-6px) !important;-webkit-transform:translateY(-6px) !important;-moz-transform:translateY(-6px) !important;}


.page4 .pagefr_n{overflow:hidden;background:url("../upimg/join_07.jpg") center no-repeat;background-size:cover;position:relative;}
.page4 .pe4_t{position:absolute;left:calc(1.94rem);top:calc(1.08rem + .4rem);}
.page4 .pe4_t p{width:100%;overflow:hidden;}
.page4 .pe4_t p.p1{font-size:.44rem;color:#fff;line-height:1.5;text-transform:uppercase;}
.page4 .pe4_t p.p2{font-size:.42rem;color:#fff;font-weight:bold;line-height:1.5;}

.page4 .pe4_c{width:100%;height:calc(var(--vh) * 100);overflow:hidden;}
.page4 .pe4_c ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between}
.page4 .pe4_c ul li{width:25%;overflow:hidden;height:calc(var(--vh) * 100);position:relative;padding:0px .4rem;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.page4 .pe4_c ul li.on{width:50%;}
.page4 .pe4_c ul li:before{content:"";width:.01rem;height:100%;display:block;overflow:hidden;background-color:rgba(255,255,255,.5);position:absolute;right:0px;top:0px;}
.page4 .pe4_c ul li:last-child:before{width:0px;}
.page4 .pe4_c ul li .pe4c_t{width:100%;overflow:hidden;position:absolute;left:0px;bottom:.85rem;text-align:center;font-size:.32rem;color:#fff;font-weight:bold;}
.page4 .pe4_c ul li .pe4c_c{width:calc(100% - 1.94rem);overflow:hidden;position:absolute;left:1.84rem;bottom:1.95rem;opacity:0;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.page4 .pe4_c ul li .pe4c_c p{width:100%;overflow:hidden;color:#fff;}
.page4 .pe4_c ul li .pe4c_c p.p1{font-family:Arial;font-size:.6rem;line-height:1.1;text-transform:uppercase;font-weight:bold;}
.page4 .pe4_c ul li .pe4c_c p.p2{font-size:.42rem;font-weight:bold;line-height:1.5;margin-top:.3rem;}
.page4 .pe4_c ul li .pe4c_c p.p3{font-size:.2rem;line-height:1.5;margin-top:.2rem;}
.page4 .pe4_c ul li .pe4c_c p.p4{margin-top:.6rem;}
.page4 .pe4_c ul li .pe4c_c p.p4 a{display:inline-block;line-height:.5rem;padding:0px .3rem;background-color:#d0141a;font-size:.18rem;font-family:Arial;color:#fff;border-radius:.5rem;}
.page4 .pe4_c ul li.on .pe4c_c{opacity:1;left:1.94rem;}
.page4 .pe4_c ul li.on .pe4c_t{opacity:0;}


.page5{overflow:hidden;background:url("../upimg/join_08.jpg") center no-repeat;background-size:cover;}
.pe5fr{width:100%;overflow:hidden;padding:.7rem 0px 1rem 0px;}
.pe5_t{width:100%;overflow:hidden;}
.pe5_t p{width:100%;overflow:hidden;text-align:center;}
.pe5_t p.p1{font-size:.42rem;color:#222;font-weight:bold;line-height:1.5;}
.pe5_t p.p2{font-size:.28rem;color:#222;line-height:1.5;position:relative;margin-top:.1rem;padding-bottom:.3rem;margin-bottom:.3rem;}
.pe5_t p.p2 b{width:.4rem;height:.03rem;display:block;overflow:hidden;background-color:#d0141a;position:absolute;left:50%;margin-left:-.2rem;bottom:0px;}
.pe5_t p.p3{font-size:.2rem;color:#222;line-height:1.5;}

.pe5_c{width:calc(100% - 4rem);overflow:hidden;margin:0px auto;padding:0px;margin-top:.45rem;display:flex;display:-webkit-flex;justify-content:space-around}
.pe5_c label{width:32%;height:.65rem;display:block;overflow:hidden;position:relative;}
.pe5_c label:nth-child(3){width:20%;}
.pe5_c label:nth-child(4){width:12%;}
.pe5_c label input{width:100%;height:100%;border:.01rem solid #bfbfbf;border-radius:.04rem;padding:0px .3rem 0px .64rem;font-size:.2rem;color:#222;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.pe5_c label input.pe5c_txt1{background:url("../images/join_04.png") .3rem center no-repeat #fff;background-size:.2rem;}
.pe5_c label input.pe5c_txt2{background:url("../images/join_05.png") .3rem center no-repeat #fff;background-size:.2rem;}
.pe5_c label input.pe5c_txt3{background:url("../images/join_06.png") .3rem center no-repeat #fff;background-size:.2rem;}
.pe5_c label a{width:100%;height:100%;display:block;overflow:hidden;border:.01rem solid #b2c5db;border-radius:.04rem;padding:0px .3rem;background-color:#e8eef5;font-size:.2rem;color:#6c8baf;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}

.pe5_b{width:calc(100% - 4rem);overflow:hidden;margin:0px auto;padding:0px;text-align:center;margin-top:.5rem;}
.pe5_b p{width:100%;overflow:hidden;text-align:center;}
.pe5_b p.p1 input{width:32%;height:.65rem;border-radius:.04rem;border:0px;cursor:pointer;background:none;background-color:#d0141a;font-size:.2rem;color:#fff;}
.pe5_b p.p2{font-size:.2rem;line-height:2;margin-top:.3rem;}
.pe5_b p.p2 a{display:inline-block;color:#6c8baf;border-bottom:.01rem solid #6c8baf;}























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


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

}

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

    
}


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

   

}



@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;}
    .hor_banner_c .hor_icon ul li.on span{font-size:.2rem;}

    .page2 .p2_l{width:100%;height:calc(var(--vh) * 40);}
    .page2 .p2_r{width:100%;height:calc(var(--vh) * 60);margin-top:0px;padding:0px .2rem;}

    .page3_t{height:calc(var(--vh) * 34 - 1.08rem);}
    .page3_t .pe3tfr{padding:0px .2rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

    .page3_c{height:66vh;}
    .page3_c ul{display:block;}
    .page3_c ul li{width:100%;height:calc(var(--vh) * 22);}

    .page4 .pe4_t{left:.3rem;}

    .page4 .pe4_c ul li.on .pe4c_c{left:.3rem;}
    .page4 .pe4_c ul li .pe4c_c{width:calc(100% - .6rem);}


    .pe5_c{width:calc(100% - .4rem);display:block;}

    .pe5_c label:nth-child(1){width:49%;float:left;}
    .pe5_c label:nth-child(2){width:49%;float:left;margin-left:2%;}
    .pe5_c label:nth-child(3){width:49%;float:left;margin-top:.2rem;}
    .pe5_c label:nth-child(4){width:49%;float:left;margin-left:2%;margin-top:.2rem;}

}


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


}