@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;}
.pe2_bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe2bg_slide{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe2bg_slide .swiper-slide{width:100%;overflow:hidden;position:relative;}
.pe2bg_slide .swiper-slide .pe2bg_v{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe2bg_slide .swiper-slide .pe2bg_v b.b1{width:100%;height:100%;display:block;position:absolute;left:0px;top:0px;}

.pe2bg_slide .swiper-slide .pe2bg_c{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.pe2bg_slide .swiper-slide .pe2bg_c a.pe2bgs_prev{width:40%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe2bg_slide .swiper-slide .pe2bg_c a.pe2bgs_next{width:40%;height:100%;display:block;overflow:hidden;position:absolute;right:0px;top:0px;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b{width:100%;overflow:visible;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .wrap_nr{position:relative;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_c{width:34%;overflow:hidden;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_c p{width:100%;overflow:hidden;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_c p.p1{font-family:Arial;font-size:.72rem;font-weight:bold;line-height:1.3;text-transform:uppercase;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.5);}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_c p.p2{font-size:.48rem;color:#fff;line-height:1.3;font-weight:bold;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_c p.p3{margin-top:.3rem;font-size:.18rem;line-height:1.5;color:rgba(255,255,255,0.5);}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_c p.p4{margin-top:1rem;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_c p.p4 a{display:inline-block;line-height:.6rem;padding:0px .6rem;background-color:#d0141a;border-radius:.6rem;font-size:.18rem;color:#fff;}

.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_r{width:38%;overflow:visible;position:fixed;right:31%;top:50%;margin-top:-15vh;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_r a{width:100%;display:block;overflow:visible;position:relative;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_r em{width:100%;display:block;overflow:hidden;font-style:normal;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_r em.em1{position:relative;border-radius:.08rem;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_r em.em1 b.b1{width:100%;height:calc(var(--vh) * 30);display:block;overflow:hidden;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_r em.em1 label{width:1rem;height:1rem;display:block;overflow:hidden;position:absolute;left:50%;top:50%;margin-left:-.5rem;margin-top:-.5rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;cursor:pointer}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_r em.em1 label i.i2{width:.7rem;height:.7rem;display:block;overflow:hidden;background:url("../images/play_01.png") center no-repeat;background-size:100%;position:relative;z-index:99;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_r em.em1 label i.i1{width:.7rem;height:.7rem;display:block;overflow:hidden;background-color:rgba(211,47,37,.4);position:absolute;left:50%;top:50%;margin-left:-.35rem;margin-top:-.35rem;border-radius:50%;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_r em.em1 label i.i1{-webkit-animation:an_cg_01 1.1s linear infinite;animation: an_cg_01 1.1s linear infinite;}
.pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_r em.em2{text-align:center;font-size:.18rem;color:#fff;line-height:1.5;margin-top:.15rem;}


@-webkit-keyframes an_cg_01 {
  0%{background-color:rgba(211,47,37,.4);width:.7rem;height:.7rem;left:50%;top:50%;margin-left:-.35rem;margin-top:-.35rem;}
 100%{background-color:rgba(211,47,37,.1);width:100%;height:100%;left:0;top:0;margin-left:0;margin-top:0;}
}
 
@keyframes an_cg_01 {
 0%{background-color:rgba(211,47,37,.4);width:.7rem;height:.7rem;left:50%;top:50%;margin-left:-.35rem;margin-top:-.35rem;}
 100%{background-color:rgba(211,47,37,.1);width:100%;height:100%;left:0;top:0;margin-left:0;margin-top:0;}
}

.pe2bg_b{position:absolute;right:.5rem;bottom:1.2rem;z-index:999;width:40%;}
.pe2bg_b:before{content:"";width:100%;height:.03rem;display:block;overflow:hidden;background-color:rgba(255,255,255,0.03);position:absolute;left:0px;bottom:.02rem;}
.pe2bg_b ul li{float:left;padding:0px .68rem;position:relative;padding-bottom:.24rem;cursor:pointer;}
.pe2bg_b ul li span{width:100%;display:block;overflow:hidden;font-family:Arial;font-size:.48rem;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.3);}
.pe2bg_b ul li.on b{width:100%;height:.07rem;display:block;overflow:hidden;border-radius:.07rem;background-color:#d32f25;position:absolute;left:0px;bottom:0px;}
.pe2bg_b ul li.on span{color:#fff;-webkit-text-fill-color:initial;-webkit-text-stroke:initial;}
.pe2bgb_slide{width:100%;overflow:hidden;}
.pe2bgb_slide .swiper-slide{width:auto;}
.pe2bgb_slide .swiper-slide label{display:inline-block;position:relative;padding:0px .68rem;padding-bottom:.24rem;cursor:pointer;}
.pe2bgb_slide .swiper-slide label span{width:100%;display:block;overflow:hidden;font-family:Arial;font-size:.48rem;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.3);}
.pe2bgb_slide .swiper-slide label.on b{width:100%;height:.07rem;display:block;overflow:hidden;border-radius:.07rem;background-color:#d32f25;position:absolute;left:0px;bottom:0px;}
.pe2bgb_slide .swiper-slide label.on span{color:#fff;-webkit-text-fill-color:initial;-webkit-text-stroke:initial;}
.pe2bg_b .pe2bgb_prev{width:.12rem;height:0.55rem;display:block;overflow:hidden;background:url("../images/in_07.png") center no-repeat;background-size:100%;position:absolute;left:-.4rem;top:0px;z-index:999;}
.pe2bg_b .pe2bgb_next{width:.12rem;height:0.55rem;display:block;overflow:hidden;background:url("../images/in_08.png") center no-repeat;background-size:100%;position:absolute;right:-.4rem;top:0px;z-index:999;}


.page3{background:url("../upimg/cg_04.jpg") center no-repeat;background-size:cover;position:relative;}
.page3 .pagefr_n{height:auto;}
.pe3fr{width:100%;height:calc(var(--vh) * 100 - 1.2rem);overflow:hidden;padding:1.2rem 0px 0rem 0px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.pe3_c{width:100%;overflow:visible;}
.pe3_c .p1{width:100%;overflow:hidden;font-size:.48rem;color:#000;line-height:2;margin-bottom:.6rem;font-weight:bold;}
.pe3_c ul{width:100%;overflow:visible;/*border-top:.01rem solid #bfbfbf;*/}
/*.pe3_c ul li{width:25%;overflow:hidden;float:left;position:relative;border-bottom:.01rem solid #bfbfbf;border-right:.01rem solid #bfbfbf;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition: all .3s linear; box-shadow: 0 0 .3rem rgba(0,0,0,0);}*/
.pe3_c ul li{width:22%;display:inline-block;overflow:hidden;position:relative;max-height:calc(var(--vh) * 18);margin:.12rem .1rem;border-radius:18vh;-moz-box-shadow:0px 0px 21px rgba(0,0,0,0.05); -webkit-box-shadow:0px 0px 21px rgba(0,0,0,0.05); box-shadow:0px 0px 21px rgba(0,0,0,0.05);display:inline-flex;display:-webkit-inline-flex;align-items:center;justify-content:center;}
/*.pe3_c ul li:nth-child(5),.pe3_c ul li:nth-child(6),.pe3_c ul li:nth-child(7),.pe3_c ul li:nth-child(8){border-top:none;border-bottom:none;}*/
.pe3_c ul li label{width:100%;display:block;overflow:hidden;position:relative;}
.pe3_c ul li i{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;}
.pe3_c ul li img{width:100%;display:block;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.pe3_c ul li img.img0{width:100%;display:block;}
.pe3_c ul li img.img1{position:absolute;left:0px;top:0px;opacity:1;}
.pe3_c ul li img.img2{position:absolute;left:0px;top:0px;opacity:0;}
/*.pe3_c ul li:nth-child(1){border-bottom:0px;}
.pe3_c ul li:nth-child(2){border-bottom:0px;}
.pe3_c ul li:nth-child(3){border-bottom:0px;}
.pe3_c ul li:nth-child(4){border-bottom:0px;}*/

.pe3_c ul li:nth-child(4n){border-right:.01rem solid transparent;}
/*.pe3_c ul li:hover{-moz-box-shadow:0px 0px 21px rgba(0,0,0,0.05); -webkit-box-shadow:0px 0px 21px rgba(0,0,0,0.05); box-shadow:0px 0px 21px rgba(0,0,0,0.05);z-index:999;}*/
.pe3_c ul li:hover{ transform: scale(1.01); box-shadow: 0 0 .3rem rgba(0,0,0,.2); border-color: transparent; z-index: 999;  }
.pe3_c ul li:hover img.img1{opacity:0;}
.pe3_c ul li:hover img.img2{opacity:1;}

.pe3_sp{width:100%;overflow:hidden;z-index:9999;text-align:center;margin-top:.6rem;}
.pe3_sp .pe3_prev{width:.5rem;height:.5rem;outline:none;border:0px;display:inline-block;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_prev:focus{outline:none;border:0px;}
.pe3_sp .pe3_next{width:.5rem;height:.5rem;outline:none;border:0px;display:inline-block;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 .pe3_next:focus{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;}








@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) {

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

    .pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .wrap_nr{display:block;}
    .pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_c{width:100%;}
    .pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_r{right:65%;top:80%;}
    .pe2bg_slide .swiper-slide .pe2bg_c .pe2bgc_b .pe2bgc_c p.p4{margin-top:.4rem;}

    .pe2bg_b{bottom:.5rem;}
    .pe2bg_b ul li{padding:0px .3rem;}

    .pe3_c ul li{width:46%; background: #f6f6f6;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
    .pe3_c ul li:hover{background: #fff;}
    .pe3_c ul li:nth-child(4){border-right:.01rem solid #bfbfbf;}
   /* .pe3_c ul li:nth-child(5){border-bottom:0px;}
    .pe3_c ul li:nth-child(6){border-bottom:0px;}*/
    .pe3_c ul li:nth-child(8){border-right:.01rem solid #bfbfbf;}






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


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


}