@charset "utf-8";

.index_page_swiper {height:100%}
.index_page_swiper .index_swiper_wrapper {-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1)}
.index_page_img {height:100%}

.html_page{position:relative;z-index:19;background:#ffffff;width:100%}
.index_html_page{overflow-x:hidden}
.page_center{padding:0 5.7291666vw}
.cover{position:relative;height:0;overflow:hidden}
.cover img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover}
.swiper-animation{opacity:0}
.banner_box .swiper-slide{background:#fff;overflow:hidden}
.swiper-pagination-bullet{outline:none;cursor:pointer}
.index_banner_wrap{height:100vh;position:relative}
.index_banner_button_wrap{position:absolute;left:5.7291666vw;bottom:2.6041666vw;z-index:9;opacity:0;pointer-events:none}
.index_banner_btn_box{width:3.2291666vw;height:3.2291666vw;-webkit-border-radius:100%;border-radius:100%;margin-right:0.78125vw;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:rgba(255,255,255,.15);cursor:pointer;outline:none;-webkit-transition:all .6s ease;transition:all .6s ease}
.index_banner_btn_prev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.index_banner_btn_active{background:#1860c2}
.index_banner_btn_icon{width:0.5208333vw}
.index_banner_btn_icon svg{fill:#ffffff;display:block;width:100%;height:100%}
.index_banner_tips_wrap{position:absolute;right:5.7291666vw;bottom:2.6041666vw;width:6.5625vw;z-index:9;-webkit-transform:scale(0);transform:scale(0);opacity:0;pointer-events:none}
.index_banner_tips_box{position:relative}
.index_banner_tips_read{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.index_banner_tips_img{-webkit-animation:tipsImg 10s linear infinite both normal;animation:tipsImg 10s linear infinite both normal}
@-webkit-keyframes tipsImg{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes tipsImg{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.index_banner_tips_img img {width:100%;}
.index_banner_tips_icon{width:0.9375vw}
.index_banner_tips_icon svg{display:block;width:100%;height:100%;fill:#ffffff}
.index_banner_page_wrap{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;-webkit-align-items:center;align-items:center;pointer-events:none;opacity:0}
.index_banner_page_content{width:100%;margin-bottom:17.708333vw}
.index_banner_page_box{-webkit-align-items:flex-end;align-items:flex-end}
.index_banner_page_text{color:#ffffff;font-size:0.83333vw;line-height:2.08333vw;margin-right:0.26041666vw}
.index_banner_page_current{font-size:1.5625vw;line-height:2.6041666vw}
.index_banner_pagination_wrap{position:absolute;left:0;bottom:2.6041666vw;width:100%;z-index:9;opacity:0;pointer-events:none}
.index_banner_pagination_li{width:0.5208333vw;height:1.041666vw;position:relative;margin-right:0.78125vw;-webkit-transform:skew(-45deg);transform:skew(-45deg);cursor:pointer}
.index_banner_pagination_li:after{content:"";position:absolute;left:50%;top:50%;width:200%;height:200%;-webkit-transform:translateX(-50%) translateY(-50%) scale(.5);transform:translateX(-50%) translateY(-50%) scale(.5);border:0.1041666vw solid rgba(255,255,255,.25);box-sizing:border-box;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1)}
.index_banner_pagination_li:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:#ffffff;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1)}
.index_banner_pagination_current:after{border:1px solid rgba(255,255,255,1)}
.index_banner_pagination_current:before{height:100%}
.index_banner_swiper{height:100%}
.index_banner_content{height:100%;background:#ffffff}
.index_banner_img{height:100%}
.index_banner_img img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:all 11s linear;transition:all 11s linear}
.index_banner_img video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.index_banner_big{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-align-items:center;align-items:center}
.index_banner_read{width:100%}
.index_banner_pack{width:100%}

.index_banner_circle_box{position:relative;opacity:0;height:1.1458333vw;pointer-events:none;-webkit-transform:translateY(4vw);transform:translateY(4vw)}
.index_banner_circle_icon{width:1.1458333vw;height:1.1458333vw;overflow:hidden;position:absolute;left:0;top:0;opacity:0}
.index_banner_circle_label{position:absolute;right:0;top:0;width:1.1458333vw;height:1.1458333vw;background:#1860c2;-webkit-border-radius:100%;border-radius:100%;z-index:9}
.index_banner_circle_icon:nth-child(1){z-index:3}
.index_banner_circle_icon:nth-child(2){width:0.625vw;left:0.5208333vw;z-index:2}
.index_banner_circle_icon:nth-child(3){width:0.625vw;left:1.3541666vw;z-index:1}
.index_banner_circle_icon:nth-child(2) .index_banner_circle_label,.index_banner_circle_icon:nth-child(3) .index_banner_circle_label{background:#23c0c8}
.index_banner_title{font-size:3.125vw;line-height:3.6458333vw;letter-spacing:0.208333vw;margin-top:2.08333vw;color:#ffffff;opacity:0;pointer-events:none;-webkit-transform:translateY(4vw);transform:translateY(4vw)}
.index_banner_text{font-size:2.825vw;line-height:3.6458333vw;color:#ffffff;margin-top:0.78125vw;letter-spacing:0.5208333vw;opacity:0;pointer-events:none;-webkit-transform:translateY(4vw);transform:translateY(4vw)}
.index_banner_label{font-size:2.3333vw;line-height:2.25vw;color:#ffffff;margin-top:2.08333vw;opacity:0;pointer-events:none;-webkit-transform:translateY(4vw);transform:translateY(4vw);}
.index_banner_current{position:relative;z-index:9}
.index_banner_current .index_banner_circle_box{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1)}
.index_banner_current .index_banner_img img{-webkit-transform:none !important;transform:none !important}
.index_banner_current .index_banner_title{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1);-webkit-transition-delay:.1s;transition-delay:.1s}
.index_banner_current .index_banner_text{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1);-webkit-transition-delay:.2s;transition-delay:.2s}
.index_banner_current .index_banner_label{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1);-webkit-transition-delay:.3s;transition-delay:.3s}
.index_banner_current .index_banner_circle_icon:nth-child(1){opacity:1;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1)}
.index_banner_current .index_banner_circle_icon:nth-child(2){left:1.3541666vw;opacity:1;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1);-webkit-transition-delay:.2s;transition-delay:.2s}
.index_banner_current .index_banner_circle_icon:nth-child(3){left:2.1875vw;opacity:1;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1);-webkit-transition-delay:.3s;transition-delay:.3s}
.index_page_slide:last-child{height:31.19791666vw}

.body_animate .header_wrap{-webkit-transform:none;transform:none;opacity:1;pointer-events:auto;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1)}
.body_animate .index_banner_button_wrap{opacity:1;pointer-events:auto;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1);-webkit-transition-delay:1s;transition-delay:1s}
.body_animate .index_banner_tips_wrap{-webkit-transform:none;transform:none;opacity:1;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1);-webkit-transition-delay:1s;transition-delay:1s}
