@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; max-width:9.5rem; margin:.8rem auto 0 auto;text-align:left;}
.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;width:.45rem;}
.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);}
.pe2fr_c{width:100%;overflow:hidden;}
.pe2c_slide{width:100%;overflow:hidden;height:calc(var(--vh) * 100);position: relative;}
.pe2c_slide .swiper-slide{width:100% !important;overflow:hidden;position:relative;height:calc(var(--vh) * 100);}
.pe2c_slide .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_slide .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_c{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_c{width:100%;overflow:hidden;opacity:0;}
.pe2csc_c p{width:100%;overflow:hidden;}
.pe2csc_c p.p1{font-size:.55rem;color:#fff;line-height:1.3;font-weight:bold;}
.pe2csc_c p.p2{font-size:.24rem;color:rgba(255,255,255,0.5);line-height:1.2;text-transform:uppercase;padding-top:.24rem;}
.pe2csc_c 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_b{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_b .pe2cb_prev{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_b .pe2cb_next{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_b .swiper-button-disabled{opacity:0.4;}

.pe2cb_slide{width:calc(100% - 1.2rem * 2);height:1.8rem;overflow:hidden;margin:0px auto;padding:0px;}
.pe2cb_slide .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_slide .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_slide .swiper-slide .pe2cb_c{width:calc(100% - .8rem);overflow:hidden;color:#fff;margin:0px auto;padding:0px;position:relative;z-index:999;}
.pe2cb_slide .swiper-slide .pe2cb_c p{width:100%;overflow:hidden;}
.pe2cb_slide .swiper-slide .pe2cb_c p.p1{font-size:.24rem;line-height:1.4;text-align:center;font-weight:bold;}
.pe2cb_slide .swiper-slide .pe2cb_c 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_slide .swiper-slide.on:before{opacity:1;}
.pe2c_prev,.pe2c_next{position: absolute;width: 20%; height: 100%; top: 0; cursor: pointer; z-index: 999;}
.pe2c_prev{ left: 0;}
.pe2c_next{right: 0;}
.page3{overflow:hidden;background:url("../upimg/ai_08.jpg") center no-repeat #f3f3f3;background-size:cover;}
.page3 .pagefr_n{height:calc(var(--vh) * 100 - 1.08rem);margin-top:1.08rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.page3 .pe3fr{width:100%;overflow:hidden;}
.page3 .p1{width:100%;overflow:hidden;font-size:.48rem;color:#000;line-height:2;margin-bottom:.6rem;font-weight:bold;}

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

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



.page3 .pe3fr ul{width:100%;overflow:hidden;text-align:center;font-size:0px;padding:.15rem 0px;}
.page3 .pe3fr ul li{width:22%;display:inline-block;overflow:hidden;position:relative;height:calc(var(--vh) * 18);margin:0px .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); background: #f2f2f2;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.page3 .pe3fr ul li label{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.page3 .pe3fr ul li i{width:100%;display:block;overflow:hidden;position:relative;}
.page3 .pe3fr ul li img{width:100%;display:block;object-fit:contain;max-height:calc(var(--vh) * 18);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.page3 .pe3fr ul li img.img1{opacity:0;}
.page3 .pe3fr ul li img.img2{position:absolute;left:0px;top:0px;opacity:1;}
.page3 .pe3fr ul li.no{-moz-box-shadow:0px 0px 0px rgba(0,0,0,0.05); -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.05); box-shadow:0px 0px 0px rgba(0,0,0,0.05);}
.page3 .pe3fr ul li:hover{background: #fff;}
.page3 .pe3fr ul li:hover img.img1{opacity:1;}
.page3 .pe3fr ul li:hover img.img2{opacity:0;}


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



.page2a .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%;opacity:0;padding:.6rem 1rem;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;}
.pe2fr p.p3{margin-top:.3rem;line-height:2;}
.pe2fr p.p3 a{font-size:.14rem;color:#ed8037;}
.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;
}










@-webkit-keyframes tman_0 {
    0% {
        
        stroke-dashoffset: -157;
    }
    100% {
        stroke-dashoffset:0;
    }
}
 
@keyframes tman_0 {
    0% {
        
        stroke-dashoffset: -157;
    }
    100% {
        stroke-dashoffset:0;
    }
}

@-webkit-keyframes tman_1 {
    0% {
        
        stroke-dashoffset: -157;
    }
    100% {
        stroke-dashoffset:0;
    }
}
 
@keyframes tman_1 {
    0% {
        
        stroke-dashoffset: -157;
    }
    100% {
        stroke-dashoffset: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;}
    .pe2csc_c p.p3{max-width:100%;}

    .pe2fr_b{height:2.2rem;}
    .pe2cb_slide{height:2.2rem;}
    .page3 .pe3fr ul li{height:calc(var(--vh) * 10);}

    .page3 .pe3fr ul li:hover img.img1{opacity:0;}
    .page3 .pe3fr ul li:hover img.img2{opacity:1;}

    .pe2fr{width:82%;padding:.3rem;}
    .rcfzouter{height:auto;}
    .rcfzbox{position:relative;}
    .rcfz{position:relative;}

}


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


}