@charset "utf-8";
/* .swiper{} vertical 竖向切换，必须设置高度，即使.swiper-slide{}设置了高度 */
.block_index{width:100%;display:block;margin:0px 0px 0px;padding:0px 0px 0px;box-sizing:border-box;}
.block_index{width:100%;height:100%;overflow:hidden;}
.block_index > .swiper{width:100%;height:100vh;margin:0px;padding:0px 0px 0px;box-sizing:border-box;}
.block_index > .swiper > .swiper-pagination {right:auto;left:10px;}
.block_index > .swiper > .swiper-pagination > .swiper-pagination-bullet{width:10px;height:10px;line-height:1;border-radius:100px;margin:0px 0px 15px 9px;opacity:1;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;border:2px solid rgba(255,255,255,0.7);background:rgba(0,0,0,0.4);background:#192f72;-webkit-box-shadow:0px 0px 10px rgba(120,120,120,0.2);box-shadow:0px 0px 10px rgba(120,120,120,0.2);}
.block_index > .swiper > .swiper-pagination > .swiper-pagination-bullet:hover{width:16px;height:16px;margin-left:6px;}
.block_index > .swiper > .swiper-pagination > .swiper-pagination-bullet-active{width:28px!important;height:28px!important;margin-left:0px!important;border:2px solid rgba(255,255,255,0.7);background:#13af68;}
.block_index > .swiper > .swiper-pagination > .swiper-pagination-white{background:rgba(255,255,255,0.8);}
.block_index > .swiper > .swiper-pagination > .swiper-pagination-white.swiper-pagination-bullet-active{background:#13af68;}

@media (max-width: 867px), (max-height: 718px) {
.block_index > .swiper > .swiper-pagination {right:auto;left:2px;}
.block_index > .swiper > .swiper-pagination > .swiper-pagination-bullet{width:8px;height:8px;margin:0px 0px 12px 5px;}
.block_index > .swiper > .swiper-pagination > .swiper-pagination-bullet:hover{width:10px;height:10px;margin-left:4px;}
.block_index > .swiper > .swiper-pagination > .swiper-pagination-bullet-active{width:18px!important;height:18px!important;margin-left:0px!important;}
}
/* swiper切换，整屏 */
/* 子元素，垂直居中 */
.block_index > .swiper > .swiper-wrapper > .swiper-slide{text-align:left;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;padding:0px;margin:0px;overflow:hidden;}
/* 子元素，非垂直居中 */
.block_index > .swiper > .swiper-wrapper > .swiper-slide{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:stretch;align-items:stretch;}
/* .block_index > .swiper > .swiper-wrapper > .swiper-slide{width:100%;display:block;padding:0px;margin:0px;box-sizing:border-box;} */

/* 当slidesPerView: "auto", 时，子元素的内容，必须具有满屏(100vh)的高度，才会刚好整屏切换 */
/* 当slidesPerView: 1, 或 .swiper-slide{height:100vh;}时，子元素的内容，可以不满屏(如:200px)，也会整屏切换 */
/* 当slidesPerView: "auto", 时，.swiper-slide-footer{height:auto;}，使得页脚footer按实际高度显示，而非用空白来硬占满一屏，也不会整屏切换 */
/* 当.swiper-slide{}为display:flex;时，充当子元素 */
.block_index > .swiper > .swiper-wrapper > .swiper-slide{height:auto;}
/* .block_index > .swiper > .swiper-wrapper > .swiper-slide > .block_index_swiper_slide_box{-ms-flex:1 0 auto;flex:1 0 auto;max-width:100%;padding:0px;margin:0px;overflow:hidden;} */
    .block_index > .swiper > .swiper-wrapper > .swiper-slide > .block_index_swiper_slide_box{width:100%;display:block;padding:0px;margin:0px;box-sizing:border-box;overflow:hidden;}
.block_index > .swiper > .swiper-wrapper > .swiper-slide-footer{height:auto;}


.banner01{height:-webkit-calc(100vh - 90px);height:calc(100vh - 90px);}
.banner01 .banner_img{width:100%!important;height:100%!important;overflow:hidden;}
.banner01 .banner_img{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;}
.banner02 .banner_img{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-end;}
.banner03 .banner_img{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;}
.banner01 .banner_img img{width:1920px;height:850px;max-width:1920px;}





.index_slide_product{height:100vh;background:url(../images/block_product.jpg) center 0 no-repeat;background-size:cover;}
.index_slide_application{height:100vh;background:#f7f7f7;}
.block_application_list .itembox{height:60vh;}
.block_application_list .itembox .img{width:100%;height:100%;}
.block_application_list .itembox .img img{width:100%;height:100%;}

@media (min-width:1940px){
    .banner01 .banner_img .banner_img2{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin:0px;padding:0px;font-size:0;overflow:hidden;} 
}

/* 取消 swiper切换 */
/* 出现滚动条，滑动更平滑 */
@media (max-width: 867px), (max-height: 718px) {
/* @media (max-width:867px){ */
    .block_index{width:100%;height:auto;overflow:auto;}

    /* .block_index > .swiper{height:auto;} */
    /* .block_index > .swiper > .swiper-wrapper > .swiper-slide{height:auto;} */
    /* .block_index > .swiper > .swiper-wrapper > .swiper-slide-product{background:url(../images/block_product.jpg) center 0 no-repeat;background-size:cover;} */
    
    .banner01{height:auto;}
    .banner01 .banner_img{width:auto!important;height:auto!important;}
    .banner01 .banner_img img{width:auto!important;height:auto!important;max-width:100%!important;}
    /* .banner01 .banner_img img{min-width:480px;min-width:576px;} */
    .banner01 .banner_img,
    .banner02 .banner_img,
    .banner03 .banner_img{justify-content:center;align-items:center;}


    
    
    .index_slide_product{height:auto;}
    .index_slide_application{height:auto;}
    .block_application_list .itembox{height:auto;}
}
.index_slide_1{border:0px solid green;width:100%;display:block;margin:0px 0px 0px;padding:0px 0px 0px;box-sizing:border-box;overflow:hidden;}



.swiper {
    overflow:hidden;
}





/* // 方案一： */
.block_index_noswiper{width:100%;display:block;margin:0px 0px 0px;padding:0px 0px 0px;box-sizing:border-box;overflow:visible;}
.block_index_noswiper > .noswiper{width:100%;height:auto!important;margin:0px;padding:0px 0px 0px;box-sizing:border-box;overflow:visible;}
.block_index_noswiper > .noswiper > .noswiper_wrapper{display:block;height:auto!important;margin:0px 0px 0px;padding:0px 0px 0px;border:0px solid red;overflow:visible;}
.block_index_noswiper > .noswiper > .noswiper_wrapper > .noswiper_slide{display:block;height:auto!important;margin:0px 0px 0px;padding:0px 0px 0px;border:0px solid red;overflow:visible;}
.block_index_noswiper > .noswiper > .noswiper_wrapper > .noswiper_slide > .block_index_swiper_slide_box{height:auto!important;overflow:visible;}