@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_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;height:calc(var(--vh) * 100);position:relative;}
.pe2fr{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe2_slide{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe2_slide .swiper-slide{width:100%;overflow:hidden;position:relative;}
.pe2_slide .swiper-slide .pe2s_txt{overflow:hidden;position:absolute;left:3%;top:20%;z-index:999;}
.pe2_slide .swiper-slide .pe2s_txt_c{widtH:100%;overflow:hidden;}
.pe2_slide .swiper-slide .pe2s_txt_c p.p1{font-family:Arial;font-size:.48rem;font-weight:bold;line-height:1.3;text-transform:uppercase;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.9);}
.pe2_slide .swiper-slide .pe2s_bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe2_slide .swiper-slide .pe2s_bg b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe2_slide .swiper-slide .pe2s_bg .pe2sb_video{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe2_slide .swiper-slide .pe2s_bg .pe2sb_video video{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe2_slide .swiper-slide .pe2s_bg .pe2sbv_play{width:50%;height:70%;display:block;overflow:hidden;position:absolute;left:25%;top:15%;z-index:999;}
.pe2_slide .swiper-slide .pe2s_bg .pe2sbv_prev{width:25%;height:70%;display:block;overflow:hidden;position:absolute;left:0%;top:15%;z-index:999;}
.pe2_slide .swiper-slide .pe2s_bg .pe2sbv_next{width:25%;height:70%;display:block;overflow:hidden;position:absolute;right:0%;top:15%;z-index:999;}

.pe2_slide .swiper-slide .pe2s_c{width:50%;height:3rem;overflow:hidden;background-color:rgba(0,0,0,.5);padding:.2rem 2.4rem .2rem .6rem;padding-right:1.8rem;position:absolute;right:0px;bottom:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.pe2_slide .swiper-slide .pe2s_c label{width:100%;display:block;overflow:hidden;height:1.8rem;position:relative;padding-left:0rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.pe2_slide .swiper-slide .pe2s_c em{display:block;font-style:normal;}
.pe2_slide .swiper-slide .pe2s_c em.em1{width:2.9rem;height:1.8rem;overflow:hidden;float:left;position:absolute;left:0px;top:0px;border-radius:.08rem;cursor:pointer;display:none;}
.pe2_slide .swiper-slide .pe2s_c em.em1 b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe2_slide .swiper-slide .pe2s_c em.em1 i{width:.5rem;height:.5rem;display:block;overflow:hidden;background:url("../images/play_02.png") center no-repeat;background-size:100%;position:absolute;left:50%;top:50%;margin-left:-.25rem;margin-top:-.25rem;}
.pe2_slide .swiper-slide .pe2s_c em.em2{width:100%;overflow:hidden;height:2.6rem;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;}
.pe2_slide .swiper-slide .pe2s_c em.em3{width:100%;display:block;overflow:hidden;}
.pe2_slide .swiper-slide .pe2s_c em.em2 span{width:100%;display:block;overflow:hidden;}
.pe2_slide .swiper-slide .pe2s_c em.em2 span.sp1{font-size:.24rem;color:#fff;line-height:1.5;}
.pe2_slide .swiper-slide .pe2s_c em.em2 span.sp2{font-size:.16rem;color:#fff;line-height:.24rem;height:1.4rem;margin-top:.1rem;overflow-y:auto;}


.pe2_a{width:1.2rem;height:3rem;overflow:hidden;background-color:#d0141b;position:absolute;right:0px;bottom:0px;z-index:999;}
.pe2_a .pe2_prev{width:100%;height:1rem;display:block;outline:none;border:0px;overflow:hidden;position:absolute;left:0px;top:.5rem;background:url("../images/data_01.png") center no-repeat;background-size:.3rem;cursor:pointer;}
.pe2_a .pe2_next{width:100%;height:1rem;display:block;outline:none;border:0px;overflow:hidden;position:absolute;left:0px;bottom:.5rem;background:url("../images/data_02.png") center no-repeat;background-size:.3rem;cursor:pointer;}
.pe2_a .pe2_prev.pe2_disabled{background:url("../images/data_01_on.png") center no-repeat;background-size:.3rem;}
.pe2_a .pe2_next.pe2_disabled{background:url("../images/data_02_on.png") center no-repeat;background-size:.3rem;}


.page3{overflow:hidden;height:calc(var(--vh) * 100);position:relative;background:url("../upimg/data_03.jpg") center no-repeat;background-size:cover;}
.page3 .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:center;}
.pe3fr{width:85%;overflow:hidden;position:relative;}
.pe3fr img.img_bg{width:100%;display:block;}
.pe3fr .p1{width:100%;overflow:hidden;font-size:.48rem;color:#000;line-height:2;font-weight:bold;position:absolute;left:0px;top:0px;}
.pe3r_c{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe3r_c ul li{position:absolute;left:0px;top:0px;width:13.6%;height:32%;}
.pe3r_c ul li img{width:100%;height:100%;display:block;position:absolute;left:0px;top:0px;object-fit:contain;}

.pe3r_c ul li:nth-child(1){left:6.9%;top:34%}

.pe3r_c ul li:nth-child(2){left:24.9%;top:11%}
.pe3r_c ul li:nth-child(3){left:24.9%;top:58%}

.pe3r_c ul li:nth-child(4){left:43.3%;top:34%}

.pe3r_c ul li:nth-child(5){left:61.3%;top:11%}
.pe3r_c ul li:nth-child(6){left:61.3%;top:58%}

.pe3r_c ul li:nth-child(7){left:79.5%;top:34%}

.pe3_slide{width:100%;overflow:hidden;}
.pe3_slide .swiper-slide{width:100%;overflow:hidden;position:relative;}

.pe3_sp{width:100%;overflow:hidden;z-index:9999;text-align:center;position:absolute;left:0px;bottom:0rem;z-index:999;}
.pe3_sp .pe3_prev{width:.5rem;height:.5rem;display:inline-block;outline:none;border:0px;margin:0px .1rem;cursor:pointer;overflow:hidden;background:url("../images/arr_left.png") center no-repeat;background-size:100%;}
.pe3_sp .pe3_prev:hover{background:url("../images/arr_left_on.png") center no-repeat;background-size:100%;outline:none;border:0px;}
.pe3_sp .pe3_next{width:.5rem;height:.5rem;display:inline-block;outline:none;border:0px;margin:0px .1rem;cursor:pointer;overflow:hidden;background:url("../images/arr_right.png") center no-repeat;background-size:100%;}
.pe3_sp .pe3_next:hover{background:url("../images/arr_right_on.png") center no-repeat;background-size:100%;outline:none;border:0px;}
.pe3_sp .swiper-button-disabled{opacity:0.4;}



.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;}



.pe2c_slide1{width:100%;overflow:hidden;height:calc(var(--vh) * 100);position: relative;}
.pe2c_slide1 .swiper-slide{width:100% !important;overflow:hidden;position:relative;height:calc(var(--vh) * 100);}
.pe2c_slide1 .swiper-slide b.b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;opacity:.5;transition:2.3s ease;-webkit-transition:2.3s ease;-o-transition:2.3s ease;-moz-transition:2.3s ease;}
.pe2c_slide1 .swiper-slide b.b1.on{transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06);opacity:1;}
.pe2cs_c1{width:100%;overflow:hidden;height:calc(var(--vh) * 100 - 1.08rem - 2.4rem);display:flex;display:-webkit-flex;align-items:center;justify-content:center;position:absolute;left:0px;top:1.08rem;}
.pe2csc_c1{width:100%;overflow:hidden;opacity:0;}
.pe2csc_c1 p{width:100%;overflow:hidden;}
.pe2csc_c1 p.p1{font-size:.55rem;color:#fff;line-height:1.3;font-weight:bold;}
.pe2csc_c1 p.p2{font-size:.24rem;color:rgba(255,255,255,0.5);line-height:1.2;text-transform:uppercase;padding-top:.24rem;}
.pe2csc_c1 p.p3{font-size:.18rem;color:rgba(255,255,255,0.8);line-height:1.5;padding-top:.4rem;max-width:35.4%;text-align:justify;text-justify:inter-ideograph;}

.pe2fr_b1{width:100%;height:1.8rem;overflow:hidden;position:absolute;left:0px;bottom:0px!important;z-index:9999;border-top:.01rem solid rgba(255,255,255,0.2);}
.pe2fr_b1 .pe2cb_prev1{width:1.2rem;height:100%;display:block;cursor:pointer;position:absolute;left:0px;top:0px;overflow:hidden;background:url("../images/in_07.png") center no-repeat;background-size:.12rem;border-right:.01rem solid rgba(255,255,255,0.2);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.pe2fr_b1 .pe2cb_next1{width:1.2rem;height:100%;display:block;cursor:pointer;position:absolute;right:0px;top:0px;overflow:hidden;background:url("../images/in_08.png") center no-repeat;background-size:.12rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.pe2fr_b1 .swiper-button-disabled{opacity:0;}

.pe2cb_slide1{width:calc(100% - 1.2rem * 2);height:1.8rem;overflow:hidden;margin:0px auto;padding:0px;}
.pe2cb_slide1 .swiper-slide{width:25%;overflow:hidden;cursor:pointer;display:flex;display:-webkit-flex;align-items:center;justify-content:center;border-right:.01rem solid rgba(255,255,255,0.2);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.pe2cb_slide1 .swiper-slide:before{width:100%;height:100%;opacity:0;overflow:hidden;content:"";display:block;position:absolute;left:0px;top:0px;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);transition:.3s ease;-webkit-transition:.3s ease;-o-transition:.3s ease;-moz-transition:.3s ease;}
.pe2cb_slide1 .swiper-slide .pe2cb_c1{width:calc(100% - .8rem);overflow:hidden;color:#fff;margin:0px auto;padding:0px;position:relative;z-index:999;}
.pe2cb_slide1 .swiper-slide .pe2cb_c1 p{width:100%;overflow:hidden;}
.pe2cb_slide1 .swiper-slide .pe2cb_c1 p.p1{font-size:.24rem;line-height:1.4;text-align:center;font-weight:bold;}
.pe2cb_slide1 .swiper-slide .pe2cb_c1 p.p2{font-size:.14rem;color:rgba(255,255,255,0.5);text-transform:uppercase;line-height:1.2;text-align:center;margin-top:.17rem;}
.pe2cb_slide1 .swiper-slide.on:before{opacity:1;}
.pe2c_prev1,.pe2c_next1{position: absolute;width: 20%; height: 100%; top: 0; cursor: pointer; z-index: 999;}
.pe2c_prev1{ left: 0;}
.pe2c_next1{right: 0;}



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

    .pe2_slide .swiper-slide .pe2s_c{width:100%;}
    .pe2_slide .swiper-slide .pe2s_c{padding:.6rem 1.6rem .6rem .3rem;}
    .pe2_slide .swiper-slide .pe2s_c label{padding-left:0rem;}
    .pe3_slide{margin-top: 1rem; height:calc(var(--vh) * 60);}
    .pe3fr img.img_bg{display:none;}
    .pe3r_c ul{display: flex; justify-content: center;flex-wrap: wrap;}
    .pe3r_c ul li{position:static;left:0px;top:0px;width:40%; height: auto; margin-top: .2rem; margin-right:2%;}
    .pe3r_c ul li img{width:100%;height:100%;display:block;position:static;left:0px;top:0px;object-fit:contain;}
    
    .pe2fr_b1{height:2.2rem;}
    .pe2cb_slide1{height:2.2rem;}
    .pe2csc_c1 p.p3{max-width:100%;}
}


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


}