html{
    font-size:calc(100vw/19.2)
}
 .banner-m,.thumb-m{
    display:none
}
 @media screen and (max-width:992px){
    .banner-pc,.thumb-pc{
        display:none
    }
     .banner-m,.thumb-m{
        display:block
    }
}
 .indexSwiper .swiper-pagination-bullet{
    width:160px;
    height:2px;
    background:rgb(0 0 0 / 20%);
    border-radius:7px;
    opacity:1
}
 .index_news .container{
    display:flex;
    padding:0
}
 .index_news .left{
    width:50%;
    position:relative
}
 .index_news .more_btn{
    display:block;
    font-size:16px;
    text-align:right;
    padding-right:50px;
    transition:all .3s linear
}
 .index_news .more_btn:hover{
    color:#0095e5
}
 .index_news .more_btn svg{
    width:9px;
    height:18px;
    fill:#0095e5
}
 .index_news .left_box{
    display:flex
}
 .index_news .left_box .leftswiper_box{
    width:50%
}
 .index_news .left_box .leftswiper_box .swiper-button-next,.index_news .left_box .leftswiper_box .swiper-button-prev{
    display:none
}
 .index_news .left .section-title,.index_solutions .section-title{
    font-size:42px
}
 .index_news .left .section-title{
    margin-bottom:50px
}
 .index_news .left .leftswiper_box .swiper-slide .img{
    border-radius:20px;
    overflow:hidden
}
 .index_news .left .leftswiper_box .swiper-slide .img img{
    width:100%;
    height:360px;
    object-fit:cover
}
 .index_news .left .left_box .item_box .item{
    padding:20px;
    padding-top:0;
    padding-right:45px
}
 .index_news .left .left_box .item_box .item:last-child{
    padding-bottom:0
}
 .index_news .left .left_box .item_box .item a{
    display:block;
    padding-bottom:10px;
    position:relative
}
 .index_news .left .left_box .item_box .item a:before{
    content:'';
    display:block;
    width:0;
    height:1px;
    background:#0095e5;
    position:absolute;
    left:0;
    bottom:0;
    transition:all .3s linear
}
 .index_news .left .left_box .item_box .item a:hover:before{
    width:100%
}
 .index_news .left .left_box .item_box .item .time{
    font-size:16px;
    color:#0095e5;
    line-height:1
}
 .index_news .left .left_box .item_box .item .title{
    font-size:18px;
    color:#010732;
    line-height:24px;
    margin-top:5px;
    font-family:'segoeui blod';
    min-height:72px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    -webkit-line-clamp:3;
    transition:all .3s linear
}
 .index_news .left .left_box .item_box .item a:hover .title{
    color:#0095e5
}
 .section.index_solutions{
    padding-bottom: 0;
}
 .index_solutions .section-title{
    text-align:center
}
 .index_solutions .section-remark{
    font-size:22px;
    text-align:center
}
 .index_solutions .more_btn{
    display:block;
    font-size:16px;
    text-align: center;
    margin-top: 20px;
    transition:all .3s linear
}
 .index_solutions .more_btn:hover{
    color:#0095e5
}
 .index_solutions .more_btn svg{
    width:9px;
    height:18px;
    fill:#0095e5
}

 .index_solutions .index_solutions_box{
    margin-top:60px;
    position:relative
}
 .index_solutions .index_solutions_box .swiper-container{
    padding-bottom:70px
}
 .index_solutions .index_solutions_box .swiper-slide{
    transform:scale(.75);
    transition:all .8s linear;
    opacity:.5
}
 .index_solutions .index_solutions_box .swiper-slide-active{
    transform:unset;
    opacity:1
}
 .index_solutions .index_solutions_box .swiper-slide .img{
    border-radius:30px;
    overflow:hidden
}
.index_solutions .index_solutions_box .swiper-slide .img a{
    display: block;
}
 .index_solutions .index_solutions_box .swiper-slide .img img{
    max-width:100%
}
 .index_solutions .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background:#7e7e7e
}
 .index_solutions .swiper-pagination{
    bottom:0
}
 .index_solutions .swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 5px
}
 .index_solutions .swiper-pagination-bullet{
    width:40px;
    border-radius:0;
    height:2px
}
 .index_solutions .swiper-button-next,.index_solutions .swiper-button-prev{
    background:unset;
    background-color:rgba(0,0,0,.25);
    width:50px;
    height:50px;
    line-height:45px;
    border-radius:100vh;
    text-align:center;
    transition:all .3s linear
}
 .index_solutions .swiper-button-next:hover,.index_solutions .swiper-button-prev:hover{
    background-color:rgba(0,0,0,.5)
}
 .index_solutions .swiper-button-next svg,.index_solutions .swiper-button-prev svg{
    fill:#fff;
    width:20px
}
 .index_solutions .swiper-button-prev{
    left:10%;
    transform:rotate(180deg)
}
 .index_solutions .swiper-button-next{
    right:10%
}
 .news-item{
    border-radius:10px;
    overflow:hidden;
    display:block;
    background-color:#f8f9ff
}
 .news-item__time{
    font-size:16px;
    color:#0095e5;
    line-height:1
}
 .news-item__content{
    padding:38px 38px 48px;
    border-radius:10px 10px 0 0
}
 .news-item__title{
    font-size:20px;
    color:#010732;
    line-height:1.3;
    margin:22px 0;
    font-family:'segoeui blod';
    min-height:52px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    display:block;
    display:-webkit-box;
    -webkit-line-clamp:2
}
 .news-item__arrow{
    font-size:0;
    margin-top:22px
}
 .news-item__desc{
    font-size:18px;
    color:#010732;
    line-height:26px;
    min-height:78px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    display:block;
    display:-webkit-box;
    -webkit-line-clamp:3
}
 .news-item:hover{
    background-color:#f8f9ff
}
 .news-item:hover .news-item__content{
    border-color:#252940
}
 .news-item:hover .news-item__title{
    color:#0095e5
}
 .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
    opacity:.5
}
 .indexSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background:#7e7e7e
}
 .indexSwiper .swiper-pagination{
    bottom:15px
}
 .indexSwiper .swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 5px
}
 .index-banner .swiper-button-next,.index-banner .swiper-button-prev{
    background:no-repeat
}
 .index-banner .swiper-button-next svg,.index-banner .swiper-button-prev svg{
    fill:#fff
}
 .index-banner .swiper-button-prev{
    left:7.5%;
    transform:rotate(180deg)
}
 .index-banner .swiper-button-next{
    right:7.5%
}
 .indexSwiper .swiper-slide{
    position:relative
}
 .indexSwiper .swiper-slide img{
    width:100%
}
 .news-item__pic img{
    width:100%
}
 .newsSwiper{
    padding-bottom:120px;
    padding-top:20px;
    padding-left:15px;
    padding-right:15px
}
 .newsSwiper .swiper-slide{
    transition:all .3s
}
 .newsSwiper .swiper-slide:hover{
    transform:scale(1.03)
}
 .newsSwiper .swiper-pagination-bullet{
    width:14px;
    height:14px;
    background:#fff;
    border-radius:7px;
    opacity:.4;
    background:unset;
    margin:0 5px;
    border:3px solid #2e3356
}
 .newsSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity:1
}
 .newsSwiper .swiper-pagination{
    bottom:30px
}
 .section{
    padding:100px 0
}
 .section-head{
    position:relative;
    margin-bottom:65px;
    text-align:center
}
 .video-desc{
    font-size:18px;
    color:#010930;
    line-height:30px;
    text-align:center;
    max-width:83%;
    margin:0 auto 25px
}
 .video-btn{
    cursor:pointer;
    background-color:#0095e5;
    padding:0 25px;
    height:50px;
    border-radius:25px;
    font-size:16px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    max-width:250px;
    margin:0 auto
}
 .video-btn img{
    margin-left:10px
}
 .section-title{
    font-size:50px;
    color:#010732;
    line-height:1;
    font-family:'segoeui blod';
    margin-bottom:15px
}
 .section-desc{
    font-size:20px;
    color:#010930;
    line-height:1
}
 .c-list{
    margin:0 -12px
}
 .c-list li{
    width:16.6666%;
    float:left;
    padding:0 12px
}
 .c-item{
    position:relative;
    margin-bottom:32px;
    cursor:pointer
}
 .index-section4{
    padding-bottom:60PX;
    background:#f8f9ff
}
 .c-item__pic{
    position:relative
}
 .c-item__pic img{
    width:100%
}
 .c-item__mask{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.6);
    display:flex;
    align-items:center;
    justify-content:center;
    display:none
}
 .c-item__pic:hover .c-item__mask{
    display:flex
}
 .c-item__mask .iconfont{
    color:#fff;
    font-size:32px
}
 .c-item__title{
    text-align:center;
    font-size:18px;
    color:#010732;
    line-height:2;
    padding:18px 0
}
 .bigimg{
    position:fixed;
    top:0;
    left:0;
    z-index:101;
    display:none;
    width:100%;
    height:100%
}
 .bigimg>img{
    position:absolute;
    top:50%;
    left:50%;
    min-height:70%;
    transform:translate(-50%,-50%)
}
 .index-banner{
    position:relative
}
 .additional-features{
    position:fixed;
    right:40px;
    top:60%;
    z-index:98;
    box-sizing:border-box;
    border-bottom:0
}
 .additional-features li{
    padding:3px 0
}
 .additional-features .additional-icon{
    height:50px;
    position:relative;
    cursor:pointer
}
 .additional-features .additional-icon img{
    box-shadow:0 0 10px rgba(0,0,0,.12);
    border-radius:50%;
    position:relative
}
 .additional-features .additional-icon span{
    position:absolute;
    right:-500px;
    opacity:0;
    display:inline-block;
    line-height:50px;
    padding-right:60px;
    font-size:18px;
    font-family:Arial;
    background-color:#fff;
    padding-left:25px;
    border-radius:50px;
    overflow:hidden;
    white-space:nowrap
}
 .additional-features .opa-0{
    display:none
}
 .additional-icon .additional-badge{
    min-width:24px;
    text-align:center;
    font-size:14px;
    color:#fff;
    background-color:#467fbe;
    line-height:24px;
    position:absolute;
    right:-7px;
    top:-3px;
    border-radius:12px;
    z-index:11;
    padding:0 2px
}
 .modal-dialog{
    position:absolute;
    left:50%;
    top:50%;
    margin:0
}
 .modal.fade .modal-dialog{
    transform:translate(-50%,-200%)
}
 .modal.show .modal-dialog{
    transform:translate(-50%,-50%)
}
 .index-section1{
    padding:20px;
    background-color:#101325
}
 .pos-box{
    padding:35px;
    position:relative;
    height:5rem;
    background-image:url(../../images/pos_bg.png);
    background-size:cover;
    border-radius:10px;
    background-repeat:no-repeat;
    position:relative;
    overflow:hidden;
    margin-bottom:20px
}
 .index-section2 .section{
    padding:0;
    position:relative
}
 .index-section2 .section-desc,.index-section2 .section-title,.index-section2 .video-desc{
    color:#fff
}
 .index-section3 .section-desc{
    color:#012260
}
 .index-section2 .section>img{
    width:100%
}
 .section-content{
    position:absolute;
    top:0;
    padding-top:140px;
    left:0;
    width:100%;
    height:100%
}
 .bSilde{
    position:relative
}
 .bSilde .hd{
    position:absolute;
    left:0;
    width:100%;
    bottom:0;
    margin-bottom:80px;
    z-index:9
}
 .pos1 .pos-box__pic{
    position:absolute;
    right:.88rem;
    top:.88rem
}
 .pos1 .pos-box__pic img{
    width:4.91rem;
    height:3.48rem
}
 .b-item{
    background-color:rgba(255,255,255,.9);
    position:relative;
    border-radius:5px;
    display:flex;
    height:120px;
    padding:25px 20px 0
}
 li.on .b-item{
    background-color:#fff;
    height:130px;
    bottom:5px
}
 li.on .b-item::after{
    height:28px;
    width:200px;
    position:absolute;
    content:'';
    top:-27px;
    left:50%;
    transform:translateX(-50%);
    background-image:url(../../images/uper.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top center
}
 .b-item__hd{
    width:45px;
    margin-right:30px
}
 .b-item__hd img{
    width:100%
}
 .b-item__title{
    font-size:24px;
    line-height:1;
    color:#222;
    margin-bottom:10px;
    font-family:'segoeui blod'
}
 .b-item__desc{
    font-size:16px;
    color:#666;
    line-height:20px
}
 .b-row{
    margin:0 -5px
}
 .b-row>li{
    padding:0 5px
}
 .row10{
    margin:0 -5px
}
 .row10>div{
    padding:0 5px
}
 .row20{
    margin:0 -10px
}
 .row20>div{
    padding:0 10px
}
 .pos-box__title{
    font-size:30px;
    color:#fff;
    line-height:1.3;
    font-family:'segoeui blod';
    margin-bottom:8px;
    position:relative;
    z-index:9
}
 .pos-box__desc{
    font-size:18px;
    color:#fff;
    line-height:24px;
    position:relative;
    z-index:9;
    margin-bottom:35px
}
 a.pos-box__more{
    display:flex;
    align-items:flex-end;
    font-size:18px;
    color:#0095e5;
    position:relative;
    line-height:1;
    z-index:9;
    transition:all .3s
}
 .pos-box__more:hover{
    transform:translateY(-3px)
}
 .pos2 .pos-box__pic{
    position:absolute;
    right:.67rem;
    top:.83rem
}
 .pos1 .pos-box__pic img{
    width:8.13rem;
    height:5.01rem
}
 .pos3 .pos-box__pic{
    position:absolute;
    right:1.2rem;
    top:1.38rem
}
 .pos3 .pos-box__pic img{
    width:2.9rem;
    height:3.62rem
}
 .pos4 .pos-box__pic{
    position:absolute;
    right:.54rem;
    top:1.65rem
}
 .pos4 .pos-box__pic img{
    width:2.76rem;
    height:3.18rem
}
 .pos5 .pos-box__pic{
    position:absolute;
    left:1.64rem;
    top:2.18rem
}
 .pos5 .pos-box__pic img{
    width:4.75rem;
    height:2.78rem
}
 .about-us{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 auto;
    max-width:330px;
    font-size:16px;
    color:#0095e5;
    border:2px solid #0095e5;
    padding:0 25px;
    height:50px;
    border-radius:25px
}
 .zos-box{
    margin:75px 100px 0
}
 .zos-box img{
    width:100%
}
 .double-right{
    margin-left:10px;
    width:21px;
    height:11px;
    background-image:url(../../images/double-right.png);
    background-repeat:no-repeat;
    background-size:cover
}
 .about-us:hover{
    color:#fff;
    background-color:#0095e5
}
 .about-us:hover .double-right{
    background-image:url(../../images/double-right2.png)
}
 .index-section3{
    padding:140px 0 80px;
    padding-bottom:0
}
 .index-section3 .section-head{
    margin-bottom:45px
}
 .bigvideo{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:101;
    display:none;
    width:60%;
    height:500px
}
 .bigvideo iframe{
    width:100%;
    height:500px
}
 .index_procategory{
    display:none
}
 .product-wrapper{
    position:relative;
    margin:40px auto
}
 .product-wrapper .pulin-grids{
    position:relative;
    z-index:10
}
 .product-wrapper .pulin-grids .grid{
    position:relative;
    display:block;
    width:33.33333%;
    height:400px;
    float:left;
    border:1px solid rgba(255,255,255,.2);
    margin:-1px 0 0 -1px
}
 .product-wrapper .pulin-grids .grid:hover{
    background-color:rgba(255,255,255,.2)
}
 .product-wrapper .pulin-grids .grid:hover h3{
    padding-right:40px
}
 .product-wrapper .pulin-grids .grid:hover h3 img{
    opacity:1
}
 .product-wrapper .pulin-grids h3{
    position:absolute;
    bottom:40px;
    right:40px;
    font-size:30px;
    color:#fff;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
 .product-wrapper .pulin-grids h3 span{
    margin-left:10px;
    display:inline-block;
    vertical-align:middle
}
 .product-wrapper .pulin-grids h3 img{
    position:absolute;
    opacity:0;
    top:50%;
    transform:translateY(-50%);
    right:0;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    margin-top:3px;
    filter:brightness(0) invert(0)
}
 .product-wrapper .pulin-image-holder{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1
}
 .product-wrapper .pulin-image-holder .image-url-holder-inner{
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:opacity .4s .2s;
    -moz-transition:opacity .4s .2s;
    transition:opacity .4s .2s
}
 .product-wrapper .pulin-image-holder .image-url-holder-inner.hovered{
    -webkit-transition:opacity .5s;
    -moz-transition:opacity .5s;
    transition:opacity .5s;
    opacity:1;
    z-index:10
}
 .product-wrapper .pulin-image-holder .image-url-holder-inner.hovered .image-url{
    -webkit-transition:-webkit-transform 20s cubic-bezier(.215,.61,.355,1);
    -moz-transition:-moz-transform 20s cubic-bezier(.215,.61,.355,1);
    transition:transform 20s cubic-bezier(.215,.61,.355,1);
    -webkit-transform:scale(1.06);
    -moz-transform:scale(1.06);
    transform:scale(1.06)
}
 .product-wrapper .pulin-image-holder .image-url{
    -webkit-transition:all 0s .5s;
    -moz-transition:all 0s .5s;
    transition:all 0s .5s;
    height:100%;
    background-position:center;
    background-size:cover
}
 @media (min-width:1520px){
    .index_news .container,.index_solutions .container{
        max-width:1430px
    }
}
 @media (max-width:1460px){
    .index_news .container,.index_solutions .container{
        max-width:1200px
    }
}
 @media (max-width:1600px){
    .pos-box__title{
        font-size:24px
    }
     .pos-box__desc{
        font-size:16px
    }
     a.pos-box__more{
        font-size:16px
    }
     .section-title{
        font-size:40px
    }
     .section-desc{
        font-size:16px
    }
     .video-desc{
        font-size:16px;
        line-height:24px
    }
     .b-item__title{
        font-size:20px
    }
     .b-item__desc{
        font-size:14px
    }
     .b-item__hd{
        width:40px;
        margin-right:20px
    }
     .section-content{
        padding-top:100px
    }
     .c-item__title{
        font-size:16px
    }
     .news-item__title{
        font-size:18px
    }
     .news-item__desc{
        font-size:16px
    }
     .news-item__content{
        padding:28px 28px 38px
    }
}
 @media (max-width:1330px){
    .c-item__title{
        font-size:14px
    }
     .about-us{
        font-size:14px;
        max-width:280px;
        padding:0 20px
    }
     .video-desc{
        font-size:14px;
        line-height:20px
    }
     .index-section2 .section-head{
        margin-bottom:40px
    }
     .video-btn{
        font-size:14px;
        padding:0 20px;
        max-width:220px
    }
     .video-btn img{
        width:28px;
        height:28px
    }
     .b-item__title{
        font-size:18px
    }
     .b-item__desc{
        font-size:12px;
        line-height:16px
    }
     .b-item{
        padding:15px 10px;
        height:100px
    }
     .bSilde .hd{
        margin-bottom:40px
    }
     .b-item__hd{
        margin-right:10px
    }
     li.on .b-item::after{
        width:150px;
        height:20px;
        top:-19px
    }
     .additional-features .additional-icon{
        height:40px
    }
     .additional-features .additional-icon img{
        width:40px;
        height:40px
    }
     .additional-features .additional-icon span{
        line-height:40px
    }
     .section-title{
        font-size:30px
    }
     .section-desc{
        font-size:14px
    }
     .pos-box__title{
        font-size:20px
    }
     .pos-box__desc{
        font-size:14px;
        margin-bottom:20px
    }
     a.pos-box__more{
        font-size:14px
    }
}
 @media (max-width:1200px){
    .section-content{
        padding-top:60px
    }
     .news-item__title{
        font-size:16px
    }
     .news-item__desc{
        font-size:14px
    }
     .news-item__time{
        font-size:14px
    }
}
 @media (max-width:1024px){
    .video-desc{
        max-width:unset
    }
     .video-desc{
        font-size:12px;
        line-height:18px
    }
     .b-item__hd{
        width:30px
    }
}
 @media (max-width:992px){
    .pos-box .scale img{
        width:70%
    }
     .section-content{
        padding-top:40px
    }
     li.on .b-item{
        height:auto
    }
     li.on .b-item::after{
        width:100px;
        height:16px;
        top:-15px
    }
     .bSilde .hd{
        margin-bottom:20px
    }
     .c-list li{
        width:25%
    }
     .index-banner .swiper-button-next,.index-banner .swiper-button-prev{
        display:none
    }
     .index_news .container{
        flex-wrap:wrap;
        max-width:95%;
        gap:30px
    }
     .index_news .left{
        width:100%
    }
     .index_news .more_btn{
        position:absolute;
        top:0;
        right:0;
        padding-right:0
    }
     .index_news .left_box{
        flex-wrap:wrap;
        gap:20px
    }
     .index_news .left_box .leftswiper_box{
        width:100%;
        position:relative
    }
     .index_news .left_box .leftswiper_box .swiper-button-next,.index_news .left_box .leftswiper_box .swiper-button-prev{
        display:block;
        background:#fff;
        width:45px;
        height:45px;
        line-height:39px;
        text-align:center;
        border-radius:100vh
    }
     .index_news .left_box .leftswiper_box .swiper-button-next svg,.index_news .left_box .leftswiper_box .swiper-button-prev svg{
        height:20px;
        width:10px
    }
     .index_news .left_box .leftswiper_box .swiper-button-prev svg{
        transform:rotate(180deg)
    }
     .index_news .left .section-title,.index_solutions .section-title{
        font-size:30px;
        margin-bottom:25px
    }
     .index_news .left .leftswiper_box .swiper-pagination{
        bottom:10px
    }
     .index_news .left .leftswiper_box .swiper-pagination-bullet{
        width:30px;
        background:rgb(0 0 0 / 20%);
        height:1px;
        opacity:1
    }
     .index_news .left .leftswiper_box .swiper-pagination-bullet-active{
        background:#fff
    }
     .index_news .left .left_box .item_box .item{
        padding:0;
        padding-bottom:20px
    }
     .index_news .left .left_box .item_box .item .time{
        font-size:14px
    }
     .index_news .left .left_box .item_box .item .title{
        min-height:auto;
        font-size:16px;
        line-height:20px
    }
     .index_solutions .section-remark{
        font-size:16px
    }
     .index_solutions .index_solutions_box{
        margin-top:45px
    }
     .index_solutions .index_solutions_box .swiper-container{
        padding-bottom:45px
    }
     .index_solutions .index_solutions_box .swiper-slide{
        transform:unset
    }
     .index_solutions .index_solutions_box .swiper-slide .img{
        border-radius:10px
    }
     .index_solutions .swiper-pagination-bullet{
        width:30px
    }
     .index_solutions .swiper-button-next,.index_solutions .swiper-button-prev{
        width:45px;
        height:45px
    }
     .index_solutions .swiper-button-next svg,.index_solutions .swiper-button-prev svg{
        height:20px;
        width:10px
    }
     .index_solutions .swiper-button-prev{
        left:0
    }
     .index_solutions .swiper-button-next{
        right:0
    }
     .product-wrapper{
        display:none
    }
     .index_procategory{
        display:flex;
        flex-wrap:wrap;
        margin:40px auto
    }
     .index_procategory .item{
        flex: 0 0 calc((100% - 1 * 0px)/ 2);
    }
     .index_procategory .item a{
        display:block;
        text-align:center;
        position: relative;
    }
     .index_procategory .item .img_box{
    }
     .index_procategory .item .img_box img{
        max-width:100%;
        height: 160px;
        object-fit: cover;
    }
     .index_procategory .item .text_box{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-left: 20px;
        padding-bottom: 15px;
        color: #ffffff;
        font-size: 16px;
    }
     .index_procategory .item .text_box p{
        margin-bottom:0;
        text-align:left;
    }
}
 @media (max-width:768px){
    .pos1 .pos-box__pic{
        bottom:-30px
    }
     .pos-box{
        padding:15px;
        height:150px
    }
     .bSilde .hd{
        position:relative;
        margin-top:20px
    }
     .zos-box{
        margin:25px 15px 0
    }
     .index-section2 .section>img{
        height:400px
    }
     .b-item{
        height:auto;
        margin-bottom:20px
    }
     .bSilde{
        display:flex;
        flex-direction:column-reverse
    }
     .c-list li{
        width:33.3333%
    }
     .c-item__title{
        font-size:12px;
        min-height:60px;
        padding:10px 0 0
    }
     .c-item{
        margin-bottom:0
    }
     .pos-box__pic{
        top:unset!important;
        bottom:0
    }
     .pos2 .pos-box__pic{
        bottom:0!important;
        width:60%;
        right:-90px
    }
     .pos2 .scale img{
        width:50%
    }
     .pos5 .pos-box__pic{
        left:unset;
        right:0
    }
     .pos-box__title{
        font-size:18px
    }
     .pos-box__desc{
        font-size:12px
    }
     a.pos-box__more{
        font-size:12px
    }
     .section-title{
        font-size:20px
    }
     .section{
        padding:30px 0
    }
     .section-head{
        margin-bottom:30px
    }
     .section-desc{
        font-size:12px
    }
     .indexSwiper .swiper-pagination{
        bottom:8px
    }
     .indexSwiper .swiper-pagination-bullet{
        width:30px;
        height:1px
    }
     .indexSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background:#fff
    }
     .newsSwiper{
        padding-bottom:40px
    }
     .newsSwiper .swiper-pagination{
        bottom:10px
    }
     .newsSwiper .swiper-pagination-bullet{
        width:8px;
        margin:0 4px;
        height:8px;
        border-width:1px
    }
     .bigvideo{
        width:320px;
        height:240px
    }
     .bigvideo iframe{
        width:100%;
        height:300px
    }
     .product-wrapper .pulin-grids .grid{
        width:50%;
        height:160px
    }
     .product-wrapper .pulin-grids h3{
        font-size:16px;
        background:rgb(255 255 255 / 50%);
        padding:2px 5px;
        bottom:0;
        top:0;
        height:max-content;
        left:0;
        right:0;
        margin:auto;
        width:max-content
    }
     .additional-features{
        display:none
    }
     #tidio-chat iframe{
        bottom:60px!important
    }
}
 @media (max-width:576px){
    .bigimg>img{
        max-width:75%;
        min-height:auto
    }
     .additional-features{
        right:20px
    }
}