 .loading-box{
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
    z-index:99;
    text-align:center;
    top:0;
    padding-top:10%;
    display:none
}
 .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:0
}
 .swiper-pagination{
}
 .swiper-pagination-bullet{
    width:25px;
    height:8px;
    border-radius:10px;
    background:#dcdcdc;
    opacity:1;
    transition:all .3s linear;
    margin-right:10px
}
 .swiper-pagination-bullet-active{
    background:#43bbff
}
 .swiper-button-prev,.swiper-button-next{
    background:#ffffff;
    width:75px;
    height:75px;
    border-radius:100vh;
    line-height:75px;
    text-align:center;
    transition:all .3s linear
}
 .swiper-button-prev:hover,.swiper-button-next:hover{
    background:#43bbff
}
 .swiper-button-prev img,.swiper-button-next img{
    filter:brightness(0);
    max-width:27px;
    transition:all .3s linear
}
 .swiper-button-prev:hover img,.swiper-button-next:hover img{
    filter:unset
}
 .swiper-button-prev{
    left:10.63%
}
 .swiper-button-next{
    right:10.63%
}
 .swiper-button-prev img{
    transform:rotate(-154deg)
}
 .swiper-button-next img{
    transform:rotate(24deg)
}
 .home_banner{
    padding-top:115px;
    position:relative
}
 .home_banner .search_box{
    position:absolute;
    top:15%;
    left:0;
    right:0;
    z-index:2;
    border-bottom:1px solid #ffffff;
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .home_banner .search_box form{
    width:100%
}
 .home_banner .search_box input{
    background:transparent;
    border:0;
    color:#ffffff;
    font-size:16px;
    width:100%;
    outline:none;
    line-height:normal;
    line-height:45px
}
 .home_banner .search_box input.bnts{
    display:none
}
 .home_banner .search_box input::placeholder{
    color:#ffffff
}
 .home_banner .search_box .search_btn{
}
 .home_banner .search_box .search_btn img{
    max-width:35px
}
 .home_banner .banner_box{
    position:relative
}
 .home_banner .banner_box .swiper-container{
}
 .home_banner .banner_box .swiper-wrapper{
}
 .home_banner .banner_box .swiper-slide{
}
 .home_banner .banner_box .swiper-slide .item{
    text-align:center
}
 .home_banner .banner_box .swiper-slide .item a{
}
 .home_banner .banner_box .swiper-slide .item img{
    max-width:100%
}
 .home_banner .banner_box .swiper-pagination{
    bottom:30px
}
 .home_banner .banner_box .swiper-pagination-bullet{
}
 .home_banner .banner_box .swiper-pagination-bullet-active{
}
 .home_banner .banner_box .banner_btn{
    position:absolute;
    bottom:45px;
    right:5%;
    text-align:center;
    z-index:1
}
 .home_banner .banner_box .banner_btn .yinbot1{
    display:block;
    animation:ani-svg 0.85s linear 0s alternate infinite;
    -webkit-animation:ani-svg 0.85s linear 0s alternate infinite
}
 .home_banner .banner_box .banner_btn img{max-height: 300px;}
 @keyframes ani-svg{
    0%{
        opacity:0.4;
        transform:translateY(-20px)
    }
     15%{
        opacity:0.65;
        transform:translateY(-15px)
    }
     25%{
        opacity:0.8;
        transform:translateY(-10px)
    }
     50%{
        opacity:1;
        transform:translateY(0px)
    }
     65%{
        opacity:0.8;
        transform:translateY(5px)
    }
     75%{
        opacity:0.65;
        transform:translateY(10px)
    }
     100%{
        opacity:0.4;
        transform:translateY(15px)
    }
}
@-webkit-keyframes ani-svg{
    0%{
        opacity:0.4;
        -webkit-transform:translateY(-20px)
    }
     15%{
        opacity:0.65;
        -webkit-transform:translateY(-15px)
    }
     25%{
        opacity:0.8;
        -webkit-transform:translateY(-10px)
    }
     50%{
        opacity:1;
        -webkit-transform:translateY(0px)
    }
     65%{
        opacity:0.8;
        -webkit-transform:translateY(5px)
    }
     75%{
        opacity:0.65;
        -webkit-transform:translateY(10px)
    }
     100%{
        opacity:0.4;
        -webkit-transform:translateY(15px)
    }
}
@-moz-keyframes ani-svg{
    0%{
        opacity:0.4;
        -moz-transform:translateY(-20px)
    }
     15%{
        opacity:0.65;
        -moz-transform:translateY(-15px)
    }
     25%{
        opacity:0.8;
        -moz-transform:translateY(-10px)
    }
     50%{
        opacity:1;
        -moz-transform:translateY(0px)
    }
     65%{
        opacity:0.8;
        -moz-transform:translateY(5px)
    }
     75%{
        opacity:0.65;
        -moz-transform:translateY(10px)
    }
     100%{
        opacity:0.4;
        -moz-transform:translateY(15px)
    }
}
.head_block{
    margin-bottom:50px
}
 .head_block p{
    font-size:40px;
    color:#14171e
}
 .head_block span{
    font-size:22px
}
 .block_banner{
    text-align:center
}
 .index_categorys{
    padding-top:100px;
    background:#f6fcff
}
 .index_categorys .auto-container{
    padding-bottom:100px
}
 .index_categorys .auto-container > a{
    text-transform:capitalize;
    color:#43bbff;
    text-align:center;
    font-size:16px;
    display:block
}
 .index_categorys .head_block{
}
 .index_categorys .head_block p{
}
 .index_categorys .head_block span{
}
 .index_categorys .index_categorys_box{
    padding-bottom:85px
}
 .index_categorys > a{
}
 .index_categorys .index_categorys_box .top_catebox{
    display:flex;
    border-bottom:2px solid #bfbfbf;
    gap:50px;
    justify-content:space-between
}
 .index_categorys .index_categorys_box .top_catebox p{
    font-size:16px;
    color:#4d4d4d;
    text-transform:capitalize;
    position:relative;
    padding-right:50px;
    padding-bottom:15px
}
 .index_categorys .index_categorys_box .top_catebox p:before{
    content:'';
    display:block;
    width:0;
    height:4px;
    background:#14181e;
    position:absolute;
    left:0;
    bottom:-3px;
    transition:all .3s linear
}
 .index_categorys .index_categorys_box .top_catebox p.active:before,.index_categorys .index_categorys_box .top_catebox p:hover:before{
    width:100%
}
 .index_categorys .index_categorys_box .top_catebox p.active a{
    color:#14171e;
    font-weight:bold
}
 .index_categorys .index_categorys_box .top_catebox p a{
}
 .index_categorys .index_categorys_box .cate_product_box{
    margin-top:50px
}
 .index_categorys .index_categorys_box .cate_product_box .item_box{
    display:none
}
 .index_categorys .index_categorys_box .cate_product_box .item_box.active{
    display:flex;
    gap:35px;
    flex-wrap:wrap
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item{
    flex:0 0 calc((100% - 2 * 35px) / 3)
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item a{
    position:relative
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item .img_box{
    border-radius:10px;
    overflow:hidden;
    position:relative
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item .img_box:before{
    content:'';
    display:block;
    border-radius:10px;
    background-color:rgb(168 220 250 / 80%);
    opacity:0;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    transition:all .3s linear
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item:hover .img_box:before{
    opacity:1
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item .img_box img{
    width:100%;
    height:100%
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item .img_box .other{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    z-index:2;
    height:100%;
    padding:45px 0;
    display:flex;
    flex-wrap:wrap;
    align-content:space-between;
    align-items:stretch;
    opacity:0;
    transition:all .3s linear
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item:hover .img_box .other{
    opacity:1
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item .img_box .other .head_info{
    width:100%
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item .img_box .other .head_info p{
    font-size:24px;
    color:#ffffff;
    background:#43bbff;
    text-align:center;
    border-radius:10px;
    padding:8px 25px;
    width:max-content;
    margin:auto;
    margin-bottom:20px;
    max-width: 90%;
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item .img_box .other .head_info span{
    font-size:24px;
    color:#ffffff
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item .img_box .other .img{
    width:100%
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item .img_box .other .img img{
    max-width:59px
}
 .index_categorys .index_categorys_box .cate_product_box .item_box .item .text_box{
    font-size:24px;
    color:#656564;
    margin-top:20px
}
 .index_application{
    position:relative;
    aspect-ratio:19.2 / 5.8;
    margin:auto;
    padding:0 12.45%;
    padding-top:90px;
    padding-bottom:50px;
    background-size: cover;
    max-width: 1920px;
}
 .index_application .head_block{
    color:#ffffff;
    max-width:40%
}
 .index_application .head_block p{
    color:#ffffff;
    margin-bottom:15px
}
 .index_application .head_block span{
}
 .index_application .index_application_box{
    display:flex;
    gap:25px;
    position:absolute;
    right:12.45%;
    bottom:50px
}
 .index_application .index_application_box .item{
    background:#ffffff;
    border-radius:10px;
    display:flex;
    align-items:center;
    padding:30px;
    position:relative;
    cursor:pointer
}
 .index_application .index_application_box .item > img{
    max-height:49px;
    margin-right:20px
}
 .index_application .index_application_box .item p{
    font-size:24px;
    color:#333333
}
 .index_application .index_application_box .item span{
    display:none
}
 .index_application .index_application_box .item a{
    position:absolute;
    top:-32px;
    right:0;
    width:60px;
    height:60px;
    background:#43bbff;
    border-radius:100vh;
    line-height:60px;
    text-align:center;
    opacity:0;
    transition:all .3s linear
}
 .index_application .index_application_box .item a img{
    max-width:26px
}
 .index_application .index_application_box .item:hover a,.index_application .index_application_box .item.active a{
    opacity:1
}
 .index_about{
    padding:100px 0;
    background:#f6fcff
}
 .index_about .auto-container{
    display:flex
}
 .index_about .left,.index_about .right{
    width:50%
}
 .index_about .left{
    background:#ffffff;
    border-radius:10px;
    position:relative
}
 .index_about .left .swiper-container{
    height:100%;
    width:100%
}
 .index_about .left .swiper-wrapper{
}
 .index_about .left .swiper-slide{
}
 .index_about .left .swiper-slide .img{
    width:max-content;
    height:100%;
    display:flex;
    align-items:center
}
 .index_about .left .swiper-slide .img img{width: 100%;height: 100%;object-fit: cover;}
 .index_about .left .swiper-pagination{
    bottom:30px;
    right:30px
}
 .index_about .right{
    padding-left:5%;
    text-align:center
}
 .index_about .right .right_logo{
    margin-bottom:50px
}
 .index_about .right .right_logo img{
    max-height:160px
}
 .index_about .right .item_box{
}
 .index_about .right .item_box .item{
    padding:0 12%;
    margin-bottom:45px;
    padding-bottom:45px;
    border-bottom:1px solid #6f6f6e
}
 .index_about .right .item_box .item:last-child{
    margin-bottom:30px
}
 .index_about .right .item_box .item p{
    font-size:30px;
    color:#14171e
}
 .index_about .right .item_box .item span{
    font-size:18px;
    line-height:1.4
}
 .index_about .right a{
    font-size:16px;
    color:#43bbff
}
 .index_factory{
    background:#f6fcff;
    padding-bottom:100px;
    position:relative;
    max-width:1920px;
    margin:auto
}
 .index_factory .swiper-container{
}
 .index_factory .swiper-wrapper{
}
 .index_factory .swiper-slide{
}
 .index_factory .swiper-slide .img_box{
    border-radius:10px;
    overflow:hidden
}
 .index_factory .swiper-slide .img_box img{
     width: 100%;
}
 .index_factory .swiper-pagination{
}
 .index_factory .swiper-button-prev{
}
 .index_factory .swiper-button-next{
}
 .index_honors{
    padding:100px 0;
    background:#e7f2ff
}
 .index_honors .auto-container{
}
 .index_honors .head_block{
    text-align:center;
    max-width:50%;
    margin:auto;
    margin-bottom:55px
}
 .index_honors .head_block p{
    margin-bottom:20px
}
 .index_honors .head_block span{
    color:#070508;
    line-height:1.2
}
 .index_honors .head_block a{
    font-size:16px;
    color:#5b5b5a;
    margin-top:20px
}
 .index_honors .index_honors_box{
}
 .index_honors .index_honors_box .swiper-container{
    padding-bottom:100px
}
 .index_honors .index_honors_box .swiper-wrapper{
}
 .index_honors .index_honors_box .swiper-slide{
}
 .index_honors .index_honors_box .swiper-slide .img_box{
    border-radius:10px;
    overflow:hidden;
    cursor:pointer
}
 .index_honors .index_honors_box .swiper-slide .img_box img{
}
 .index_honors .index_honors_box .swiper-pagination{
}
 .index_choose_us{
    padding:100px 0;
    background:#f6fcff
}
 .index_choose_us .auto-container{
}
 .index_choose_us .head_block{
    text-align:center;
    margin-bottom:80px
}
 .index_choose_us .head_block p{
}
 .index_choose_us .index_choose_us_box{
    display:flex;
    gap:100px
}
 .index_choose_us .index_choose_us_box .item{
    flex:0 0 calc((100% - 2 * 100px) / 3);
    display:flex;
    align-items:center
}
 .index_choose_us .index_choose_us_box .item .img{
}
 .index_choose_us .index_choose_us_box .item .img img{
    max-height:146px;
    transition:all .3s linear
}
 .index_choose_us .index_choose_us_box .item:hover .img img{
    transform:scale(1.05)
}
 .index_choose_us .index_choose_us_box .item .txt{
    max-width:57%;
    padding-left:20px
}
 .index_choose_us .index_choose_us_box .item .txt p{
    font-size:24px;
    line-height:1.3;
    color:#282828;
    margin-bottom:15px
}
 .index_choose_us .index_choose_us_box .item .txt span{
    font-size:16px
}
 .index_case{
    padding-bottom:100px;
    background:#f6fcff
}
 .index_case .head_block{
}
 .index_case .head_block p{
    text-align:center
}
 .index_case .index_case_box{
    max-width:1920px;
    margin:auto
}
 .index_case .index_case_box .swiper-container{
    padding:0 21.1%;
    padding-bottom:65px
}
 .index_case .index_case_box .swiper-wrapper{
}
 .index_case .index_case_box .swiper-slide{
    opacity:.5;
    transition:all .3s linear
}
 .index_case .index_case_box .swiper-slide-active{
    opacity:1
}
 .index_case .index_case_box .swiper-slide .item{
}
 .index_case .index_case_box .swiper-slide .item a{
    position:relative;
    width: 100%;
}
 .index_case .index_case_box .swiper-slide .item a:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:#000000;
    position:absolute;
    left:0;
    right:0;
    opacity:0;
    transition:all .3s linear
}
 .index_case .index_case_box .swiper-slide-active .item a:before{
    opacity:0.5
}
 .index_case .index_case_box .swiper-slide .item a > span{
    position:absolute;
    left:60px;
    top:60px;
    font-size:20px;
    color:#ffffff
}
 .index_case .index_case_box .swiper-slide .item a .img_box{
    overflow:hidden
}
 .index_case .index_case_box .swiper-slide .item a .img_box img{width: 100%;max-height: 600px;object-fit: cover;}
 .index_case .index_case_box .swiper-slide .item a .text_box{
}
 .index_case .index_case_box .swiper-slide .item a .text_box span{
    display:block;
    width:70px;
    height:70px;
    margin:auto;
    background:#43bbff;
    border-radius:100vh;
    line-height:70px;
    text-align:center
}
 .index_case .index_case_box .swiper-slide .item a .text_box span img{
    max-height:20px
}
 .index_case .index_case_box .swiper-slide .item a .text_box{
    position:absolute;
    left:0;
    right:0;
    bottom:60px;
    margin:auto;
    text-align:center;
    color:#ffffff
}
 .index_case .index_case_box .swiper-slide .item a .text_box .line-1{
    margin:20px 0;
    font-size:24px
}
 .index_case .index_case_box .swiper-slide .item a .text_box p{
    font-size:16px;
    white-space:pre-line
}
 .index_news{
    background:#f6fcff;
    padding-bottom:100px;
    max-width:1920px;
    margin:auto
}
 .index_news .head_block{
}
 .index_news .head_block p{
    text-align:center;
    color:#797979
}
 .index_news .index_news_box{
    position:relative
}
 .index_news .index_news_box .swiper-container{
    padding:0px 13%
}
 .index_news .index_news_box .swiper-wrapper{
}
 .index_news .index_news_box .swiper-slide{
    opacity:.5;
    transition:all .3s linear
}
 .index_news .index_news_box .swiper-slide-active,.index_news .index_news_box .swiper-slide-active + .swiper-slide,.index_news .index_news_box .swiper-slide-active + .swiper-slide + .swiper-slide{
    opacity:1
}
 .index_news .index_news_box .swiper-slide .item{
}
 .index_news .index_news_box .swiper-slide .item a{
}
 .index_news .index_news_box .swiper-slide .item a .img_box{
    overflow:hidden;
    border-radius:10px
}
 .index_news .index_news_box .swiper-slide .item a .img_box img{
}
 .index_news .index_news_box .swiper-slide .item a .text_box{
    margin-top:15px;
    color:#292929
}
 .index_news .index_news_box .swiper-slide .item a .text_box .line-2{
    font-size:24px;
    line-height:1.2;
    min-height:58px;
    margin-bottom:15px
}
 .index_news .index_news_box .swiper-slide .item a .text_box p{
    font-size:20px;
    margin-bottom:15px
}
 .index_news .index_news_box .swiper-slide .item a .text_box span{
    font-size:16px
}
 .index_news .index_news_box .swiper-slide .item a .text_box span img{
    filter:brightness(0);
    margin-right:10px;
    margin-top:-3px;
    max-width:15px
}
 .index_news .index_news_box .swiper-pagination{
}
 .index_news .index_news_box .swiper-button-prev{
}
 .index_news .index_news_box .swiper-button-next{
}
