.swiper-container .swiper-pagination{
    bottom:0
}
 .swiper-container .swiper-pagination .swiper-pagination-bullet{
    transition:all .3s linear;
    width:.23rem;
    height:.07rem;
    background:#aaaaaa;
    border-radius:100vh
}
 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
    width:.5rem;
    background:#1f2a66
}
 .index_banner{
    padding-bottom:.8rem
}
 .head_block{
    text-align:center
}
 .head_block h2{
    font-size:.52rem;
    font-family:'RobotoBold'
}
 .head_block .title{
    font-size: .3rem;
    text-transform:capitalize;
    line-height:1.3
}
 .head_block .remark{
    font-size: .16rem;
    line-height:1.4;
    color:#666666
}
 .section.index_pro_categories{
    max-width:96.5%;
    margin:auto
}
 .index_pro_categories .head_block{
}
 .index_pro_categories .head_block h2{
}
 .index_pro_categories .pro_categories_box{
    margin-top:.45rem;
    display:flex;
    gap:.25rem;
    flex-wrap:wrap
}
 .index_pro_categories .pro_categories_box .item{
    flex:0 0 calc((100% - 1 * .25rem) / 2);
    border-radius:.1rem;
    overflow:hidden
}
 .index_pro_categories .pro_categories_box .item a{
    color:#ffffff;
    position:relative;
    z-index:2
}
 .index_pro_categories .pro_categories_box .item a:before{
    content:'';
    display:block;
    background-image:linear-gradient(transparent 25%,rgba(56,148,203,0.7)75%);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    bottom:0;
    z-index:2;
    opacity:0;
    transition:all .3s linear
}
 .index_pro_categories .pro_categories_box .item:hover a:before{
    opacity:1
}
 .index_pro_categories .pro_categories_box .item a .img{
}
 .index_pro_categories .pro_categories_box .item a .img img{
}
 .index_pro_categories .pro_categories_box .item a .text_box{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding-left:.5rem;
    padding-bottom:.3rem;
    padding-right:.5rem;
    z-index:2
}
 .index_pro_categories .pro_categories_box .item a .text_box .text{
    font-size:.32rem;
    font-family:'RobotoBold';
    margin-bottom:.25rem
}
 .index_pro_categories .pro_categories_box .item a .text_box .remark{
    font-size:.24rem;
    line-height:1.2;
    margin-bottom:.45rem
}
 .index_pro_categories .pro_categories_box .item a .text_box span{
    font-size:.16rem;
    color:#58a44e;
    display:inline-block;
    border:.01rem solid #58a44e;
    border-radius:.05rem;
    padding:10px;
    transition:all .3s linear
}
 .index_pro_categories .pro_categories_box .item a .text_box span img{
    transition:all .3s linear
}
 .index_pro_categories .pro_categories_box .item:hover a .text_box span{
    background:#58a44e;
    color:#ffffff
}
 .index_pro_categories .pro_categories_box .item:hover a .text_box span img{
    filter:brightness(0) invert(1)
}
 .section.index_block_banner{
    margin-top:.65rem;
    position:relative
}
 .section.index_block_banner:before{
    content:'';
    display:block;
    background:linear-gradient(0deg,#58a44e 5%,transparent 100%);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    bottom:0
}
 .index_block_banner .img_box{
}
 .index_block_banner .img_box img{
}
 .index_block_banner .text_box{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    text-align:center;
    padding-bottom:.8rem;
    max-width:50%
}
 .index_block_banner .text_box .head_block{
    color:#ffffff;
    margin-bottom:.65rem
}
 .index_block_banner .text_box .head_block h2{
    font-size:.48rem;
    margin-bottom:.25rem;
    text-transform:uppercase
}
 .index_block_banner .text_box .head_block .remark{
    font-size:.24rem;
    line-height:1.2;
    color: #ffffff;
}
 .index_block_banner .text_box .btn_box{
}
 .index_block_banner .text_box .btn_box a.btn_effect4{
}
 .index_block_banner .text_box .btn_box a .btn_small_wrap{
}
 .index_block_banner .text_box .btn_box a .btn_small_wrap .btn_small_list{
    background:transparent;
    color:#ffffff;
    padding:.07rem .2rem
}
 .index_block_banner .text_box .btn_box a .btn_small_wrap .btn_small_list .btn_main_text img{
    filter:brightness(0) invert(1);
    transition:all .3s linear
}
 .index_block_banner .text_box .btn_box a .btn_small_wrap .btn_small_list.hover{
    background:#ffffff;
    border-color:#ffffff;
    color:#58a44e
}
 .index_block_banner .text_box .btn_box a .btn_small_wrap .btn_small_list.hover .btn_main_text img{
    filter:unset
}
 .section.index_solutions{
    margin-top:.85rem;
    padding-left:4%;
    display:flex;
    flex-direction:row-reverse;
    position:relative
}
 .index_solutions .left{
    width:55%
}
.index_solutions .left .img{aspect-ratio: 11 / 9;}
 .index_solutions .left .img img{
}
 .index_solutions .right{
    background:var(--color);
    width:45%;
    border-top-left-radius:.1rem;
    border-bottom-left-radius:.1rem
}
 .index_solutions .right .solutions_box_head{
    background:#58a44e;
    display:flex;
    border-radius:.1rem;
    padding:.1rem;
    position:absolute;
    width:1600px;
    left:8.25%;
    top:7%;
    gap:.1rem
}
 .index_solutions .right .solutions_box_head .item{
    border-radius:.1rem;
    transition:all .3s linear;
    color:#ffffff;
    cursor:pointer;
    text-align:center;
    padding:.25rem .1rem;
    flex:0 0 calc((100% - 4 * .1rem) / 5)
}
 .index_solutions .right .solutions_box_head .item.active,.index_solutions .right .solutions_box_head .item:hover{
    background:#ffffff;
    color:var(--color)
}
 .index_solutions .right .solutions_box_head .item .img{
    margin-bottom:.15rem
}
 .index_solutions .right .solutions_box_head .item .img img{
    filter:brightness(0) invert(1);
    transition:all .3s linear;
    max-height:.6rem
}
 .index_solutions .right .solutions_box_head .item.active .img img,.index_solutions .right .solutions_box_head .item:hover .img img{
    filter:unset
}
 .index_solutions .right .solutions_box_head .item .text{
    font-size:.18rem;
    line-height:1.2
}
 .index_solutions .right .solutions_box_head .item .remark{
    display:none
}
 .index_solutions .right > .remark{
    position:absolute;
    left:10%;
    top:37%;
    width:35%
}
 .index_solutions .right .remark a{
    color:#ffffff
}
 .index_solutions .right .remark a .remark_head{
    display:flex;
    align-items:center;
    margin-bottom:.45rem
}
 .index_solutions .right .remark a .remark_head .img{
    margin-right:.15rem;
    width:10%
}
 .index_solutions .right .remark a .remark_head .img img{
    max-width:.65rem;
    filter:brightness(0) invert(1)
}
 .index_solutions .right .remark a .remark_head .title{
    font-size:.36rem;
    font-family:'RobotoBold';
    width:87%;
    line-height:1.2
}
 .index_solutions .right .remark a .description{
    font-size:.16rem;
    line-height:1.3;
    white-space:pre-line
}
 .index_solutions .right .remark a .btn_effect4{
    margin-top:.45rem
}
 .index_solutions .right .remark a .btn_effect4 .btn_small_list{
    background:transparent;
    border-color:#ffffff;
    padding:.07rem .15rem
}
 .index_solutions .right .remark a .btn_effect4 .btn_small_list img{
    filter:brightness(0) invert(1)
}
 .index_solutions .right .remark a .btn_effect4 .btn_small_list.hover{
    background:#58a44e;
    border-color:#58a44e
}
 .index_solutions .right .remark a .btn_effect4 .btn_small_list.hover img{
}
 .section.index_about{
    display:flex;
    padding-right:4%;
    margin-top:.6rem
}
 .index_about .video_box{
    width:48%;
    position:relative
}
 .index_about .video_box .img_box{
}
 .index_about .video_box .img_box img{
}
 .index_about .video_box .play_btn{
    position:absolute;
    bottom:1rem;
    left:0;
    right:0;
    margin:auto;
    text-align:center
}
 .index_about .video_box .play_btn .cril .triangle{
    text-align:center;
    display:inline-block;
    width:100%;
    height:100%;
    line-height:1.5rem;
    position:relative;
    z-index:2
}
 .index_about .video_box .play_btn .cril .triangle img{
    vertical-align:middle;
    max-width:.8rem
}
 .index_about .video_box .play_btn .cril{
    position:relative;
    cursor:pointer;
    width:1.8rem;
    margin:auto
}
 .index_about .video_box .play_btn .cril .dots{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    width:1.8rem;
    height:1.8rem;
    border:.04rem solid #58a44e;
    border-radius:50%;
    transform-origin:center center;
    opacity:0;
    margin:auto
}
 .index_about .video_box .play_btn .cril .dot{
    animation:Spread1 4s ease-out 1s infinite
}
 .index_about .video_box .play_btn .cril .dot-two{
    animation:Spreadtwo 4s ease-out 2s infinite
}
 .index_about .video_box .play_btn .cril .dot-three{
    animation:Spreadthree 4s ease-out 3s infinite
}
 .index_about .video_box .play_btn .cril .dot-four{
    animation:Spreadfour 4s ease-out 4s infinite
}
 @keyframes Spread1{
    0%{
        opacity:0;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
     20%{
        opacity:1
    }
     100%,80%{
        opacity:0;
        -webkit-transform:scale(1.3);
        transform:scale(1)
    }
}
@keyframes Spreadtwo{
    0%{
        opacity:0;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
     20%{
        opacity:1
    }
     100%,80%{
        opacity:0;
        -webkit-transform:scale(1.3);
        transform:scale(1)
    }
}
@keyframes Spreadthree{
    0%{
        opacity:0;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
     20%{
        opacity:1
    }
     100%,80%{
        opacity:0;
        -webkit-transform:scale(1.3);
        transform:scale(1)
    }
}
@keyframes Spreadfour{
    0%{
        opacity:0;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
     20%{
        opacity:1
    }
     100%,80%{
        opacity:0;
        -webkit-transform:scale(1.3);
        transform:scale(1)
    }
}
.index_about .text_box{
    width:52%;
    background:#58a44e;
    border-top-right-radius:.1rem;
    border-bottom-right-radius:.1rem;
    color:#ffffff;
    padding:1rem
}
 .index_about .text_box .head_block{
    text-align:left;
    margin-bottom:.4rem
}
 .index_about .text_box .head_block h2.title{
    font-size:.48rem;
    line-height:normal;
    margin-bottom:.4rem
}
 .index_about .text_box .head_block .remark{
    font-size:.24rem;
    line-height:1.6;
    color: #ffffff;
}
 .index_about .text_box .more_btn{
}
 .index_about .text_box .more_btn .btn_effect4{
}
 .index_about .text_box .more_btn .btn_effect4 .btn_small_list{
    background:transparent;
    border-color:#ffffff;
    padding:.07rem .15rem;
    color:#ffffff
}
 .index_about .text_box .more_btn .btn_effect4 .btn_small_list.hover{
    background:#ffffff;
    border-color:#ffffff;
    color:#58a44e
}
 .section.index_company_strength{
    margin:.65rem auto;
    max-width:96.5%
}
 .index_company_strength .head_block{
}
 .index_company_strength .head_block h2.title{
}
 .index_company_strength .index_company_strength_box{
    margin-top:.4rem
}
 .index_company_strength .swiper-container{
}
 .index_company_strength .swiper-wrapper{
}
 .index_company_strength .swiper-slide{
    border-radius:.1rem;
    overflow:hidden;
    cursor:pointer
}
 .index_company_strength .swiper-slide .img_box{
    overflow:hidden
}
 .index_company_strength .swiper-slide .img_box img.scale{
}
 .index_company_strength .swiper-slide p{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    background:rgb(0 0 0 / 50%);
    font-size:.16rem;
    color:#ffffff;
    text-align:center;
    padding:.2rem
}
 .index_company_strength .swiper-pagination{
}
 .index_company_strength .swiper-pagination-bullet{
}
 .index_company_strength .swiper-pagination-bullet-active{
}
 .section.index_case{
    margin-bottom:.65rem
}
 .index_case .head_block{
}
 .index_case .head_block h2.title{
    text-transform:uppercase
}
 .index_case .index_case_box{
    position:relative;
    margin-top:.65rem
}
 .index_case .index_case_box .swiper-container{
    padding:0 13.5%;
    padding-bottom:.65rem
}
 .index_case .index_case_box .swiper-wrapper{
}
 .index_case .index_case_box .swiper-slide{
}
 .index_case .index_case_box .swiper-slide .item{
    border-radius:.1rem;
    overflow:hidden
}
 .index_case .index_case_box .swiper-slide .item a{
    position:relative
}
 .index_case .index_case_box .swiper-slide .item a:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:linear-gradient(0deg,#00000073 5%,transparent 100%);
    position:absolute;
    left:0;
    top:0
}
 .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.scale{
}
 .index_case .index_case_box .swiper-slide .item a .txt{
    position:absolute;
    left:0;
    bottom:0;
    color:#ffffff;
    padding:.65rem
}
 .index_case .index_case_box .swiper-slide .item a .txt p{
    font-size:.24rem;
    margin-bottom:.3rem
}
 .index_case .index_case_box .swiper-slide .item a .txt h3{
    font-size:.36rem;
    margin-bottom:.4rem;
    line-height:1.2
}
 .index_case .index_case_box .swiper-slide .item a .txt .btn_effect4 .btn_small_list{
    background:#58a44e;
    border-color:#58a44e;
    padding:.07rem .15rem
}
 .index_case .index_case_box .swiper-slide .item a .txt .btn_effect4 .btn_small_list img{
    filter:brightness(0) invert(1);
    transition:all .3s linear
}
 .index_case .index_case_box .swiper-slide .item a .txt .btn_effect4 .btn_small_list.hover{
    background:#ffffff;
    border-color:#ffffff;
    color:#58a44e
}
 .index_case .index_case_box .swiper-slide .item a .txt .btn_effect4 .btn_small_list.hover img{
    filter:unset
}
 .index_case .index_case_box .swiper-pagination{
}
 .index_case .index_case_box .swiper-pagination-bullet{
}
 .index_case .index_case_box .swiper-pagination-bullet-active{
}
 .index_case .index_case_box .swiper-button-prev,.index_case .index_case_box .swiper-button-next{
    background:0;
    border:0
}
 .index_case .index_case_box .swiper-button-prev:before,.index_case .index_case_box .swiper-button-next:before{
    border-color:#ffffff;
    width:.15rem;
    height:.15rem;
    border-width:.03rem
}
 .index_case .index_case_box .swiper-button-prev{
    left:15%
}
 .index_case .index_case_box .swiper-button-next{
    right:15%
}
 .index_news{
    background:url(/res/magic/images/index_news_bg.webp) no-repeat center;
    padding-bottom:.85rem
}
 .index_news .auto-container{
    max-width:1600px
}
 .index_news .head_block{
    text-align:center
}
 .index_news .head_block .title{
}
 .index_news .head_block .remark{
}
 .index_news .index_news_box{
    margin-top:.4rem
}
 .index_news .swiper-container{
    padding-bottom:.75rem
}
 .index_news .swiper-wrapper{
}
 .index_news .swiper-slide{
}
 .index_news .swiper-slide .item{
}
 .index_news .swiper-slide .item{
    transition:all .3s linear
}
 .index_news .swiper-slide .item .img_box{
    border-radius:.08rem .08rem 0px 0px;
    overflow:hidden
}
 .index_news .swiper-slide .item .img_box img{
     width: 100%;
     object-fit: cover;
}
 .index_news .swiper-slide .item .txt{
    background:#ffffff;
    padding:.25rem;
    padding-top:.15rem
}
 .index_news .swiper-slide .item .txt h3{
    margin-bottom:.15rem;
    font-size:.2rem;
    transition:all .3s linear;
    line-height:normal
}
 .index_news .swiper-slide .item .txt .remark{
    font-size:.16rem;
    color:#666666;
    line-height:1.3;
    margin-bottom:.2rem
}
 .index_news .swiper-slide .item .txt p{
    font-size:.16rem;
    color:#666666;
    margin-bottom:.05rem
}
 .index_news .swiper-slide .item .txt span{
    font-size:.16rem;
    color:#666666;
    transition:all .3s linear
}
 .index_news .swiper-slide .item .txt span img{
    max-width:.18rem;
    filter:grayscale(1);
    transition:all .3s linear
}
 .index_news .swiper-slide .item:hover{
    box-shadow:0px .04rem .04rem rgba(0,0,0,0.1)
}
 .index_news .swiper-slide .item:hover .txt h3{
    color:#58a44e
}
 .index_news .swiper-slide .item:hover .txt span{
    color:#58a44e
}
 .index_news .swiper-slide .item:hover .txt span img{
    filter:unset
}
 .page_banner{
    padding-top:0.8rem
}
 .page_banner .img{
}
 .page_inside{
    padding:.15rem 0px
}
 .page_inside .auto-container{
    font-size:.18rem;
    display:flex;
    align-items:center
}
 .page_inside a{
    color:#999999;
    text-transform:capitalize
}
 .page_inside a:last-child{
    color:var(--color)
}
 .page_inside img{
    margin-top:.03rem;
    max-width:.17rem;
    filter:grayscale(1);
    margin-left:.05rem;
    margin-right:.05rem
}
 .page_inside a img:first-child{
    margin-top:-.05rem;
    margin-right:.1rem;
    max-width:.22rem;
    margin-left:0
}
 .page_about{
}
 .page_about .page_about_box{
}
 .page_about .page_about_section1{
    padding:.45rem 0
}
 .page_about .page_about_section1 .auto-container{
}
 .page_about .page_about_section1 .page_about_section1_box{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between
}
 .page_about .page_about_section1 .page_about_section1_box .left{
    width:50%;
    border-radius:.08rem;
    overflow:hidden
}
 .page_about .page_about_section1 .page_about_section1_box .left img{
     width: 100%;
     object-fit: cover;
}
 .page_about .page_about_section1 .page_about_section1_box .head_block{
    width:45%
}
 .page_about .page_about_section1 .page_about_section1_box .head_block .title{
    position:relative;
    padding-bottom:.15rem;
    margin-bottom:.55rem
}
 .page_about .page_about_section1 .page_about_section1_box .head_block .title:after,.page_about .page_about_section1 .page_about_section1_box .head_block .title:before{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    left:0
}
 .page_about .page_about_section1 .page_about_section1_box .head_block .title:after{
    width:100%;
    height:.01rem;
    background:#d9d9d9;
    bottom:.01rem
}
 .page_about .page_about_section1 .page_about_section1_box .head_block .title:before{
    width:1.5rem;
    height:.04rem;
    background:var(--color);
    z-index:2
}
 .page_about .page_about_section1 .page_about_section1_box .head_block .remark{
    font-size:.2rem;
    line-height:1.5;text-align: left;
}
 .page_about .page_about_section1 .page_about_num{
    margin-top:.8rem;
    display:flex;
    justify-content:space-between
}
 .page_about .page_about_section1 .page_about_num .item{
    width:25%;
    text-align:center
}
 .page_about .page_about_section1 .page_about_num .item div{
    font-size:.32rem;
    color:#118FE9
}
 .page_about .page_about_section1 .page_about_num .item div p.counter{
}
 .page_about .page_about_section1 .page_about_num .item span{
    font-size:.2rem;
    color:#999999
}
 .page_about .page_about_section2{
    padding:.9rem 0;
    position:relative
}
 .page_about .page_about_section2 .page_about_section2_box{
}
 .page_about .page_about_section2 .history_swiper{
    padding-bottom:.85rem
}
 .page_about .page_about_section2 .history_swiper .swiper-wrapper{
}
 .page_about .page_about_section2 .swiper-slide{
}
 .page_about .page_about_section2 .swiper-slide .item{
    display:flex;
    justify-content:space-between
}
 .page_about .page_about_section2 .swiper-slide .item .img_box{
    width:40%;
    overflow:hidden;
    border-radius:.08rem
}
 .page_about .page_about_section2 .swiper-slide .item .img_box img.scale{
}
 .page_about .page_about_section2 .swiper-slide .item .text_box{
    width:53%
}
 .page_about .page_about_section2 .swiper-slide .item .text_box .title{
    font-size:.64rem;
    color:var(--color);
    font-family:'RobotoBold'
}
 .page_about .page_about_section2 .swiper-slide .item .text_box .remark{
    font-size:.18rem;
    color:#666666;
    height:2.5rem;
    overflow:auto
}
 .page_about .page_about_section2 .swiper-slide .item .text_box .remark::-webkit-scrollbar{
    width:5px;
    height:5px
}
 .page_about .page_about_section2 .swiper-slide .item .text_box .remark::-webkit-scrollbar-track{
    background:#f1f1f1;
    border-radius:10px
}
 .page_about .page_about_section2 .swiper-slide .item .text_box .remark::-webkit-scrollbar-thumb{
    background:var(--color);
    border-radius:10px
}
 .page_about .page_about_section2 .swiper-slide .item .text_box .remark::-webkit-scrollbar-button{
    display:none
}
 .page_about .page_about_section2 .swiper-slide .item .text_box .remark p{
    margin-bottom:.15rem
}
 .page_about .page_about_section2 .swiper-pagination{
    bottom:0;
    display:flex;
    justify-content:space-between
}
 .page_about .page_about_section2 .swiper-pagination-bullet{
    width:10%;
    height:max-content;
    border-radius:unset;
    background:unset;
    opacity:1;
    position:relative
}
 .page_about .page_about_section2 .swiper-pagination-bullet:before,.page_about .page_about_section2 .swiper-pagination-bullet:after{
    content:'';
    display:block;
    border-radius:.2rem;
    position:absolute;
    left:0;
    right:0;
    top:-.7rem;
    bottom:0;
    margin:auto
}
 .page_about .page_about_section2 .swiper-pagination-bullet:before{
    width:.2rem;
    height:.2rem;
    border:.01rem solid #d9d9d9;
    padding:.1rem;
    background:#f8f8f8
}
 .page_about .page_about_section2 .swiper-pagination-bullet:after{
    width:.1rem;
    height:.1rem;
    background:#d9d9d9
}
 .page_about .page_about_section2 .swiper-pagination-bullet div{
    font-size:.2rem;
    color:#666666
}
 .page_about .page_about_section2 .swiper-pagination-bullet-active:before{
    background:#ffffff;
    border-color:var(--color)
}
 .page_about .page_about_section2 .swiper-pagination-bullet-active:after{
    background:var(--color)
}
 .page_about .page_about_section2 .swiper-pagination-bullet-active div{
    color:var(--color)
}
 .page_about .page_about_section2 .short-line{
    width:100%;
    height:.01rem;
    background:#d9d9d9;
    position:absolute;
    bottom:1.4rem
}
 .page_about .page_about_section3{
    position:relative
}
 .page_about .page_about_section3 .head_block{
    text-align:center
}
 .page_about .page_about_section3 .head_block .title{
    margin-bottom:.15rem
}
 .page_about .page_about_section3 .head_block .remark{
}
 .page_about .page_about_section3 .page_about_section3_box{
}
 .page_about .page_about_section3 .swiper-container{
    padding-top:.7rem;
    padding-bottom:.9rem
}
 .page_about .page_about_section3 .swiper-wrapper{
}
 .page_about .page_about_section3 .swiper-slide{
    max-width:11.9rem
}
 .page_about .page_about_section3 .swiper-slide .img_box{
    overflow:hidden;
    border-radius:.08rem
}
 .page_about .page_about_section3 .swiper-slide-active{
    filter:drop-shadow(0px .15rem .5rem rgba(0,0,0,0.25))
}
 .page_about .page_about_section3 .swiper-slide .img_box img{
    max-height: 7.8rem;
}
 .page_about .page_about_section3 .swiper-pagination{
}
 .page_about .page_about_section3 .swiper-button-next,.page_about .page_about_section3 .swiper-button-prev{
    background:unset
}
 .page_about .page_about_section3 .swiper-button-next{
    right:14%
}
 .page_about .page_about_section3 .swiper-button-prev{
    left:14%
}
 .page_about .page_about_section3 .swiper-button-next:before,.page_about .page_about_section3 .swiper-button-prev:before{
    width:.25rem;
    height:.25rem
}
 .page_about .page_about_section3 .swiper-button-next:hover:before,.page_about .page_about_section3 .swiper-button-prev:hover:before{
    border-color:var(--color)
}
 .page_about .page_about_section4{
    padding:.5rem 0
}
 .page_about .page_about_section4 .auto-container{
}
 .page_about .page_about_section4 .head_block{
    text-align:center
}
 .page_about .page_about_section4 .head_block .title{
    margin-bottom:.15rem
}
 .page_about .page_about_section4 .page_about_section4_box{
    position:relative;
    margin-top:.45rem;
    padding-bottom:1rem
}
 .page_about .page_about_section4 .page_about_section4_box:before{
    content:'';
    display:block;
    width:85%;
    height:.01rem;
    background:#d9d9d9;
    position:absolute;
    bottom:5%;
    right:0
}
 .page_about .page_about_section4 .swiper-container{
}
 .page_about .page_about_section4 .swiper-wrapper{
}
 .page_about .page_about_section4 .swiper-slide{
    text-align:center
}
 .page_about .page_about_section4 .swiper-slide .img_box{
    border:.1rem solid #d9d9d9;
    overflow:hidden;
    cursor:pointer
}
 .page_about .page_about_section4 .swiper-slide img{
}
 .page_about .page_about_section4 .swiper-slide p{
    font-size:.18rem;
    color:#666666;
    margin:.1rem 0
}
 .page_about .page_about_section4 .swiper-pagination{
}
 .page_about .page_about_section4 .swiper-button-next,.page_about .page_about_section4 .swiper-button-prev{
    left:0;
    bottom:0;
    top:unset;
    opacity:1;
    background:#d9d9d9
}
 .page_about .page_about_section4 .swiper-button-next:hover,.page_about .page_about_section4 .swiper-button-prev:hover{
    background:var(--color)
}
 .page_about .page_about_section4 .swiper-button-next{
    right:unset;
    left:6%
}
 .page_about .page_about_section4 .swiper-button-prev{
}
 .page_contact{
    padding-bottom:.9rem
}
 .page_contact .page_contact_head{
    padding:.7rem 0
}
 .page_contact .page_contact_head .head_block{
    text-align:center
}
 .page_contact .page_contact_head .head_block .title{
}
 .page_contact .page_contact_head_box{
    margin-top:.6rem;
    display:flex;
    gap:.3rem .2rem;
    flex-wrap:wrap
}
 .page_contact .page_contact_head_box .item{
    width:32.35%;
    background:#ffffff;
    padding:.25rem;
    display:flex;
    align-items:center
}
 .page_contact .page_contact_head_box .item:last-child,.page_contact .page_contact_head_box .item:nth-last-child(2){
    width:49.2%
}
 .page_contact .page_contact_head_box .item .img_box{
    width:15%
}
 .page_contact .page_contact_head_box .item:last-child .img_box,.page_contact .page_contact_head_box .item:nth-last-child(2) .img_box{
    width:10%
}
 .page_contact .page_contact_head_box .item .img_box img{
    max-width: .46rem;
}
 .page_contact .page_contact_head_box .item .txt_box{
    width:85%
}
 .page_contact .page_contact_head_box .item .txt_box p{
    font-size:.18rem;
    color:#000000;
    margin-bottom:.1rem
}
 .page_contact .page_contact_head_box .item .txt_box > a,.page_contact .page_contact_head_box .item .txt_box span{
    font-size:.16rem;
    color:#666666
}
 .page_contact .page_contact_head_box .item .txt_box > a{
}
 .page_contact .page_contact_head_box .item .txt_box > a:hover{
    color:var(--color)
}
 .page_contact .page_contact_head_box .item .txt_box span{
}
 .page_contact .page_contact_head_box .item .txt_box .share_box{
}
 .page_contact .page_contact_head_box .item .txt_box .share_box a{
    display:inline-block;
    margin-right:.05rem
}
 .page_contact .page_contact_head_box .item .txt_box .share_box a img{
    max-height:.2rem;
}
 .page_contact_quotation{
    margin-top:.9rem
}
 .page_contact_quotation>p,.page_contact_quotation form > p{
    font-size:.36rem;
    font-family:RobotoMedium;
    text-transform:capitalize;
    line-height:normal;
    padding-bottom:.15rem;
    border-bottom:.01rem solid #ddd
}
 .page_contact_quotation form{
    margin-top:.4rem
}
 .page_contact_quotation .input{
    display:flex;
    gap:.45rem .6rem;
    flex-wrap:wrap
}
 .page_contact_quotation .input>div{
    width:47.85%
}
 .page_contact_quotation .input>div p,.page_contact_quotation .textarea_box p,.page_contact_quotation .upload-box p{
    font-size:.2rem;
    line-height:normal;
    margin-bottom:.1rem
}
 .page_contact_quotation .input>div p span{
    color:red
}
 .page_contact .page_contact_quotation .upload-box{
    margin-top:.5rem
}
 .page_contact .page_contact_quotation .upload-box #fileName{
    width:100%!important;
    margin-top:.1rem;
    color:#222;
    font-size:.16rem;
    overflow:hidden
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap{
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:.2rem;
    background:#f6f6f6;
    border:.01rem solid #d7d7d7;
    border-radius:.05rem;
    margin-bottom:.15rem
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap .file-open{
    height:.55rem;
    width:1.5rem;
    line-height:.55rem;
    padding:0 .1rem;
    border-radius:.04rem;
    border:.01rem solid #d4d4d4;
    background:#fff;
    text-align:center
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap p{
    font-size:.16rem;
    color:#999;
    display:inline-block;
    line-height:.22rem;
    margin-left:.3rem;
    max-width:45%
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap .file-open img{
    vertical-align:middle;
    filter:brightness(0) invert(.5)
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap .file-ele{
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    height:100%;
    width:100%;
    cursor:pointer;
    z-index:2
}
 .page_contact_quotation .input>div input,.page_contact_quotation .textarea_box textarea{
    width:100%;
    padding:.15rem .3rem;
    border:.01rem solid #d7d7d7;
    border-radius:.04rem;
    font-size:.16rem;
    color:#999
}
 .page_contact_quotation .textarea_box{
    margin-top:.2rem
}
 .page_contact_quotation .textarea_box textarea{
    height:2rem
}
 .page_contact_quotation .submit{
    margin-top:.3rem;
    text-align:center
}
 .page_contact_quotation .submit .btn_effect4{
    height:auto
}
 .page_contact_quotation .submit .btn_small_wrap .btn_small_list{
    text-transform:capitalize;
    color:#333;
    border-radius:.04rem;
    background:var(--color);
    color:#ffffff;
    padding:.12rem .3rem
}
 .page_contact_quotation .submit .btn_small_wrap .btn_small_list .btn_main_text{
    font-size:.2rem;
    font-family:'RobotoMedium'
}
 .page_contact_quotation .submit .btn_small_wrap .btn_small_list.hover{
    background:#ffffff;
    border-color:var(--color);
    color:var(--color)
}
.page_contact_map{margin-top: .75rem;}
.page_contact_map iframe{}


 .list_faq{
    margin-top:.45rem
}
 .list_faq .list_faq_box{
}
 .list_faq .list_faq_box{
}
 .list_faq .list_faq_box .list_faq_head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between
}
 .list_faq .list_faq_box .list_faq_head h1{
    font-size:.36rem;
    line-height:1.3;
    text-transform:capitalize;
    margin-bottom:.3rem
}
 .list_faq .list_faq_box .list_faq_head p{
    font-size:.18rem;
    line-height:1.5
}
 .list_faq .list_faq_box .list_faq_head p a{
    color:var(--color)
}
 .list_faq .list_faq_box .list_faq_head .left{
    width:60%
}
 .list_faq .list_faq_box .list_faq_head{
}
 .list_faq .list_faq_box .list_faq_head .search_box{
    display:flex;
    width:25%;
    border-radius:.02rem;
    overflow:hidden
}
 .list_faq .list_faq_box .list_faq_head .search_box .form_control.keywords{
    background:#eaeaea;
    padding:0 .1rem;
    font-size:.14rem;
    width:100%
}
 .list_faq .list_faq_box .list_faq_head .search_box .search_btn{
    width:.5rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    background:var(--color);
    cursor:pointer;
    transition:all .3s linear
}
 .list_faq .list_faq_box .list_faq_head .search_box .search_btn img{
    filter:brightness(0) invert(1)
}
 .list_faq .list_faq_box .list_faq_head .search_box .search_btn:hover img{
}
 .list_faq .list_faq_box .list_faq_item_box{
    margin-top:.4rem;
    margin-bottom:.45rem
}
 .list_faq .list_faq_box .list_faq_item_box .item{
    display:flex;
    padding:.35rem 0;
    border-bottom:.01rem solid #ddd
}
 .list_faq .list_faq_box .list_faq_item_box .item .left{
    margin-right:.1rem
}
 .list_faq .list_faq_box .list_faq_item_box .item .left img{
    max-width:.3rem
}
 .list_faq .list_faq_box .list_faq_item_box .item .right{
    width:97%
}
 .list_faq .list_faq_box .list_faq_item_box .item.active{
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head{
    display:flex;
    cursor:pointer
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head i{
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head i img{
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .title{
    font-size:.22rem;
    width:97%;
    transition:all .3s linear
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .title:hover{
    color:var(--color)
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .faq_icon{
    width:.3rem;
    height:.3rem;
    position:relative;
    cursor:pointer
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .faq_icon:after{
    content:'';
    display:block;
    width:0;
    height:0;
    border-top:.08rem solid transparent;
    border-bottom:.08rem solid transparent;
    border-right:.1rem solid #666666;
    position:absolute;
    left:0;
    right:0;
    top:25%;
    margin:auto;
    transform:rotate(-90deg)
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .faq_icon.open:after{
    transform:rotate(90deg)
}
 .list_faq .list_faq_box .list_faq_item_box .item .remark{
    font-size:.18rem;
    color:#666666;
    display:none;
    margin-top:.15rem
}
 .list_faq .list_faq_box .list_faq_item_box .item .remark p{
    margin-bottom:.1rem
}
 .list_faq .list_faq_box .list_faq_item_box .item .remark a{
    color:var(--color)
}
 .page_content .inside-pagination{
    text-align:center;
    margin-bottom:.9rem
}
 .page_content .inside-pagination ul li a{
    color:#222;
    display:inline-block;
    width:.45rem;
    height:.45rem;
    line-height:.45rem;
    border-radius:.45rem;
    border:.01rem solid #999999;
    font-size:.18rem;
    transition:all .3s linear
}
 .page_content .inside-pagination ul li a.active,.page_content .inside-pagination ul li a:hover,.page_content .inside-pagination ul li.active a{
    color:#fff;
    background:var(--color);
    border-color:var(--color)
}
 .page_content .inside-pagination ul li{
    display:inline-block;
    margin-right:.05rem
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
    border-color:var(--color)
}
 .page_content .inside-pagination ul li>a>img{
    transition:all .3s linear;
    margin-top:-.04rem;
    max-width:.17rem
}
 .page_content .inside-pagination ul li.pre-page>a>img{
    transform:rotate(180deg)
}
 .page_content .inside-pagination ul li:hover>a>img{
    filter:brightness(0) invert(1)
}
 .page_news{
}
 .page-content.page_news .page_more_btn{
    padding-top:.4rem
}
 .page_news .item_box{
    padding-top:.6rem;
    display:flex;
    flex-wrap:wrap;
    gap:.4rem .3rem;
    padding-bottom:.6rem
}
 .page_news .item_box .item{
    flex: 0 0 calc((100% - 2* 0.3rem) / 3);
    transition:all .3s linear
}
 .page_news .item_box .item a{
    display:block
}
 .page_news .item_box .item .img_box{
    overflow:hidden
}
.page_news .item_box .item .img_box img{
    width: 100%;
    object-fit: cover;
}
 .page_news .item_box .item .text_box{
    background:#ffffff;
    padding:.2rem
}
 .page_news .item_box .item .text_box .title{
    font-size:.2rem;
    margin-bottom:.15rem;
    line-height:1.3;
    min-height:.52rem;
    transition:all .3s linear
}
 .page_news .item_box .item .text_box .remark{
    font-size:.16rem;
    line-height:1.3;
    color:#666;
    min-height:.63rem
}
 .page_news .item_box .item .text_box .other{
    color:#666666;
    font-size:.15rem;
    display:flex;
    justify-content:space-between;
    margin-bottom:.15rem;
    align-items:center
}
 .page_news .item_box .item .text_box .other span:first-child{
    margin-right:10px
}
 .page_news .item_box .item .text_box .other span img{
    filter:brightness(0) invert(.5);
    margin-right:.05rem;
    margin-top:-.03rem;
    max-width:.22rem
}
 .page_news .item_box .item:hover{
    box-shadow:0px .04rem .04rem rgba(0,0,0,0.1)
}
 .page_news .item_box .item:hover .text_box .title{
    color:var(--color)
}
 .show_news{
    background:#f8f8f8;
    padding:.4rem 0
}
 .show_news .post-info{
    background:#fff;
    color:#333;
    padding:.3rem;
    font-size:.16rem
}
 .show_news .post-info .header{
    margin-bottom:.4rem;
    text-align:center;
    padding-bottom: .4rem;
    border-bottom: .01rem solid #eeeeee;
}
 .show_news .post-info .header>h1{
    font-size:.36rem;
    font-family:RobotoBold;
    line-height:1.3
}
 .show_news .post-info .header>p{
    margin:.2rem auto;
    border-bottom:.01rem solid #eee;
    padding-bottom:.2rem
}
 .show_news .post-info .header>p>span{
    margin-right:.3rem;
    font-size:.14rem
}
 .show_news .post-info .header>p>span>img{
    margin-right:.05rem;
    max-width:.2rem
}
 .show_news .post-info li,.show_news .post-info ul{
    line-height:1.6
}
 .show_news .post-info .content{
    border-bottom:.01rem solid #eee;
    padding-bottom:.3rem;
    line-height:1.6
}
 .show_news .post-info .content ul,
 .show_news .post-info .content ol{
    margin-left: 15px;
}
 .show_news .post-info .content ul li{
    list-style-type: disc;
   
}
 .show_news .post-info .content ol li{
    list-style-type: decimal;
    
}


 .show_news .post-info .content p{
    margin:0;
    margin-bottom:.1rem
}
 .show_news .post-info .post-pagination{
    margin-top:.3rem
}
 .show_news .post-info .post-pagination p{
    margin:.15rem 0
}
 .show_news .post-info .post-pagination p a{
    font-size:.16rem;
    font-family:RobotoBold;
    color:#666
}
 .show_news .post-info .post-pagination p a img{
    float:left;
    margin-right:.1rem;
    filter:grayscale(100%)
}
 .show_news .post-info .post-pagination p a.prev-page img{
    transform:rotate(180deg)
}
 .show_news .post-info .post-pagination p a:hover{
    color:var(--color)
}
 .show_news .post-info .post-pagination p a:hover img{
    filter:unset
}
 .show_news .relation{
    margin:.4rem auto
}
 .show_news .relation .header{
    padding:.1rem 0
}
 .show_news .relation .header>h2{
    font-size:.26rem;
    font-family:RobotoBold
}
 .show_news .relation .swiper-relation{
    margin-top:.3rem
}
 .show_news .relation .swiper-relation .swiper-slide{
}
 .show_news .relation .swiper-relation .swiper-slide a{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 .show_news .relation .swiper-relation .swiper-slide .imgbox{
    width:35%
}
 .show_news .relation .swiper-relation .swiper-slide .textbox{
    width:65%;
    background:#fff;
    padding:.3rem
}
 .show_news .relation .swiper-relation .swiper-slide .textbox a h3{
    font-size:.2rem;
    color:#333;
    line-height:1.2;
    transition:all .3s linear
}
 .show_news .relation .swiper-relation .swiper-slide:hover .textbox a h3{
    color:var(--color)
}
 .show_news .relation .swiper-relation .swiper-slide .textbox .other{
    color:#666666;
    font-size:.14rem;
    margin-top:.2rem
}
 .show_news .relation .swiper-relation .swiper-slide .textbox .other span:first-child{
    margin-right:10px
}
 .show_news .relation .swiper-relation .swiper-slide .textbox .other span img{
    filter:brightness(0) invert(.5);
    margin-right:.05rem;
    margin-top:-.03rem;
    max-width:.22rem
}
 .list_products{
    padding-top:.9rem
}
 .list_products .list_products_box{
    display:flex;
    flex-direction:row-reverse;
    margin-bottom:.4rem
}
 .list_products .content_box{
    width:74%
}
 .list_products .item_box{
    display:flex;
    gap:.4rem .2rem;
    flex-wrap:wrap;
    padding-bottom:.4rem
}
 .list_products .item_box .item{
    flex: 0 0 calc((100% - 2 * .2rem) / 3);
    overflow:hidden
}
 .list_products .item_box .item .img_box{
    overflow:hidden;
    background:#f8f8f8;
    border-radius:.04rem;
    border: .01rem solid #f6f6f6;
}
 .list_products .item_box .item .text_box{
    padding-top:.25rem
}
 .list_products .item_box .item .text_box p{
    font-size:.18rem;
    line-height:1.3;
    margin-bottom:.1rem;
    -webkit-line-clamp:2;
    min-height:.44rem
}
 .list_products .item_box .item .text_box .other{
    display:flex;
    margin-bottom:.15rem
}
 .list_products .item_box .item .text_box .other div:first-child{
    margin-right:.15rem
}
 .list_products .item_box .item .text_box .other span{
}
 .list_products .item_box .item .text_box .other span img{
    max-width:.24rem;
    margin-top:-.03rem
}
 .list_products .item_box .item .text_box > span{
    font-size:.16rem;
    color:var(--color)
}
 .list_products .page_sidebar{
    width:26%;
    padding-right:.65rem
}
 .list_products .page_sidebar .sidebar_search_box{
    display:flex;
    width:100%;
    margin-bottom:.24rem;
    border-radius:.02rem;
    overflow:hidden
}
 .list_products .page_sidebar .sidebar_search_box .form_control.keywords{
    background:#eaeaea;
    padding:0 .1rem;
    font-size:.16rem;
    width:100%
}
 .list_products .page_sidebar .sidebar_search_box .search_btn{
    width:.85rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    background:var(--color);
    cursor:pointer;
    transition:all .3s linear
}
 .list_products .page_sidebar .sidebar_search_box .search_btn img{
    filter:brightness(0) invert(1)
}
 .list_products .page_sidebar .sidebar_search_box .search_btn:hover img{
    filter:brightness(0) invert(1)
}
 .list_products .page_sidebar .sidebar_category_box{
    margin-bottom:.2rem
}
 .list_products .page_sidebar .sidebar_category_box>p{
    margin-top:.25rem;
    font-size:.2rem;
    position:relative;
    border-bottom:.02rem solid #5d5d5d;
    padding-bottom:.1rem;
    margin-bottom:.3rem
}
 .list_products .page_sidebar .sidebar_category_box .item{
    margin-bottom:.15rem
}
 .page_sidebar .sidebar_category_box .item .child{
    display:none
}
 .list_products .page_sidebar .sidebar_category_box .item:last-child{
    border:0
}
 .list_products .page_sidebar .sidebar_category_box .item > a{
    font-size:.18rem;
    display:block;
    padding:.15rem .25rem;
    background:#f4f4f4;
    line-height:1.3;
    position:relative
}
 .list_products .page_sidebar .sidebar_category_box .item > a i{
}
 .list_products .page_sidebar .sidebar_category_box .item > a i{
    position:absolute;
    top:22%;
    right:.05rem;
    margin:auto;
    width:.3rem;
    height:.3rem;
    transition:.3s
}
 .list_products .page_sidebar .sidebar_category_box .item > a i.open{
    transform:rotate(90deg)
}
 .list_products .page_sidebar .sidebar_category_box .item > a i::before{
    position:absolute;
    top:-.04rem;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:.11rem;
    height:.11rem;
    border-right:.02rem solid #555;
    border-bottom:.02rem solid #555;
    transform:rotate(45deg);
    transition:all .3s linear
}
 .list_products .page_sidebar .sidebar_category_box .item a:hover,.list_products .page_sidebar .sidebar_category_box .item.active > a{
    background:rgb(92 187 255 / 14%);
    color:var(--color)
}
 .list_products .page_sidebar .sidebar_category_box .item a:hover i:before,.list_products .page_sidebar .sidebar_category_box .item.active > a i:before{
    border-color:var(--color)
}
 .list_products .page_sidebar .sidebar_category_box .item .sub_menu{
    display:none
}
 .list_products .page_sidebar .sidebar_category_box .item .sub_menu li{
}
 .list_products .page_sidebar .sidebar_category_box .item .sub_menu li a{
    display:block;
    font-size:.16rem;
    line-height:1.4;
    padding:.12rem .25rem;
    color:#666666
}
 .list_products .page_sidebar .sidebar_category_box .item .sub_menu li a:hover{
    color:var(--color)
}
 .page_solutions{
    padding-bottom:.9rem
}
 .page_solutions .auto-container{
}
 .page_solutions .page_solutions_box{
    margin-top:.6rem;
    display:flex;
    gap:.2rem;
    flex-wrap: wrap;
}
 .page_solutions .page_solutions_box .item{
    overflow:hidden;
    border-top-left-radius:.08rem;
    border-top-right-radius:.08rem;
    flex: 0 0 calc((100% - 2* 0.2rem) / 3);
    position:relative
}
 .page_solutions .page_solutions_box .item:before{
    content:'';
    display:block;
    width:0;
    height:.03rem;
    background:var(--color);
    position:absolute;
    left:0;
    bottom:0;
    transition:all .3s linear
}
 .page_solutions .page_solutions_box .item .img_box{
    overflow:hidden;
    position:relative
}
 .page_solutions .page_solutions_box .item .img_box img{
}
 .page_solutions .page_solutions_box .item .img_box span{
    position:absolute;
    left:0;
    bottom:0;
    background:#999999;
    color:#ffffff;
    font-size:.16rem;
    padding:.1rem .15rem;
    border-top-right-radius:.05rem;
    transition:all .3s linear
}
 .page_solutions .page_solutions_box .item .text_box{
    padding:.2rem;
    color:#666666;
    transition:all .3s linear
}
 .page_solutions .page_solutions_box .item .text_box p{
    font-size:.24rem;
    margin-bottom:.2rem;
    transition:all .3s linear;
    line-height: 1.2;
}
 .page_solutions .page_solutions_box .item .text_box span{
    font-size:.16rem
}
 .page_solutions .page_solutions_box .item:hover{
    filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.1))
}
 .page_solutions .page_solutions_box .item:hover:before{
    width:100%
}
 .page_solutions .page_solutions_box .item:hover .text_box{
    background:#F8FEFF
}
 .page_solutions .page_solutions_box .item:hover .text_box p{
    color:var(--color)
}
 .page_solutions .page_solutions_box .item:hover .img_box span{
    background:var(--color);
    color:#ffffff
}
 .page_support{
}
 .page_support .page_support_box{
}
 .page_support .page_support_box .item{
    position:relative;
    margin-bottom:1.15rem;
    margin-top:1.15rem
}
 .page_support .page_support_box .item .img_box{
    width:55%;
    overflow:hidden;
    position:absolute;
    right:0;
    top:-.6rem;
    border-radius:.08rem
}
 .page_support .page_support_box .item:nth-child(even) .img_box{
    right:unset;
    left:0
}
 .page_support .page_support_box .item .img_box img{
}
 .page_support .page_support_box .item .text_box{
    background:#f5f5f5;
    min-height:4.6rem;
    max-width:95%;
    display:flex;
    align-items:center
}
 .page_support .page_support_box .item:nth-child(even) .text_box{
    margin-left:5%;
    flex-direction:row-reverse
}
 .page_support .page_support_box .item .text_box .txt{
    width:47%;
    padding:4%
}
 .page_support .page_support_box .item .text_box .title{
    font-size:.26rem;
    font-family:'RobotoBold'
}
 .page_support .page_support_box .item .text_box .remark{
    font-size:.16rem;
    color:#666666;
    display:flex;
    flex-wrap:wrap;
    line-height:1.3;
    margin:.3rem 0
}
 .page_support .page_support_box .item .text_box .remark p{
    width:49.5%;
    margin-bottom:.1rem
}
 .page_support .page_support_box .item .text_box .remark p i{
    font-style:normal;
    margin-right:.05rem;
    color:var(--color)
}
 .page_support .page_support_box .item .text_box .more_btn{
}
 .page_support .page_support_box .item .text_box .more_btn .btn_effect4{
    font-size:.18rem;
    font-family:RobotoRegular
}
 .page_support .page_support_box .item .text_box .more_btn .btn_effect4 .btn_small_list{
    border-color:var(--color);
    background:var(--color);
    color:#ffffff;
    text-transform:capitalize
}
 .page_support .page_support_box .item .text_box .more_btn .btn_effect4 .btn_small_list.hover{
    background:#ffffff;
    color:var(--color)
}
 .page_support .page_support_contact{
    min-height:3.2rem;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:.9rem
}
 .page_support .page_support_contact .auto-container{
    text-align:center
}
 .page_support .page_support_contact .more_btn{
    margin-top:.3rem
}
 .page_support .page_support_contact .more_btn .btn_effect4{
}
 .page_support .page_support_contact .more_btn .btn_effect4 .btn_small_list{
    padding:.1rem 0.35rem;
    border-color:var(--color);
    background:var(--color);
    color:#ffffff;
    text-transform:capitalize;
    font-size:.18rem;
    font-family:'RobotoRegular'
}
 .page_support .page_support_contact .more_btn .btn_effect4 .btn_small_list.hover{
    background:#ffffff;
    color:var(--color)
}
.show_products{
    padding-bottom: .45rem;
}
 .show_products .show_products_head{
    padding-top:.9rem;
    padding-bottom:.45rem;
    display:flex;
    align-items:flex-start;
    justify-content:space-between
}
 .show_products .show_products_head .auto-container{
}
 .show_products .show_products_head .img_box{
    width:45%;
    margin-right:4%
}
 .show_products .show_products_head .text_box{
    width:50%
}
 .show_products .show_products_head .img_box .view_box{
    position:relative;
    margin-bottom:.2rem;
    /*min-height:6rem*/
}
 .show_products .show_products_head .img_box .view_box .swiper-container{
    /*height:6rem*/
}
 .show_products .show_products_head .img_box .view_box .swiper-slide{
    /*line-height:6rem;*/
    text-align:center
}
 .show_products .show_products_head .img_box .view_box .swiper-slide img:first-child{
    /*max-height:6rem;*/
    width:100%
}
 .show_products .show_products_head .img_box .view_box .swiper-slide img:last-child{
    position:absolute;
    bottom:0;
    right:0;
    max-width: .36rem;
}
 .show_products .show_products_head .img_box .view_box .swiper-button-next,.show_products .show_products_head .img_box .view_box .swiper-button-prev{
    background:rgb(154 153 157 / 15%);
    width:.55rem;
    height:1.05rem;
    border-radius:.04rem;
    transition:all .3s linear
}
 .show_products .show_products_head .img_box .view_box .swiper-button-next:before,.show_products .show_products_head .img_box .view_box .swiper-button-prev:before{
    border-color:#fff;
    width:.2rem;
    height:.2rem;
    left:25%
}
 .show_products .show_products_head .img_box .view_box .swiper-button-prev{
    left:0
}
 .show_products .show_products_head .img_box .view_box .swiper-button-next{
    right:0
}
 .show_products .show_products_head .img_box .view_box .swiper-button-next:hover,.show_products .show_products_head .img_box .view_box .swiper-button-prev:hover{
    background:#747474
}
 .show_products .show_products_head .img_box .thumb_box{
    position:relative
}
 .show_products .show_products_head .img_box .thumb_box .swiper-container{
    max-width:82%
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide{
    width:16.9%;
    height:16.9%;
    border:.01rem solid #E3E3E3;
    overflow:hidden;
    margin-right:.2rem;
    cursor:pointer
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide:last-child{
    margin-right:0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    background:#f5f5f5;
    top:0;
    border-radius:unset;
    width:.3rem;
    height:100%
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:before{
    width:.12rem;
    height:.12rem;
    top:42%;
    border-width:.02rem;
    left:20%
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next:hover:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:hover:before{
    border-color:var(--color)
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    left:0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next{
    right:0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide.active-nav{
    border-color:var(--color)
}
 .show_products .show_products_head .text_box h1{
    font-size:.3rem;
    line-height:1.3;
    margin-bottom:.2rem
}
 .show_products .show_products_head .text_box .remark{
    font-size:.18rem;
    line-height:1.3;
    color:#666666
}
 .show_products .show_products_head .text_box .other{
    margin-top:.15rem
}
 .show_products .show_products_head .text_box .other span{
}
 .show_products .show_products_head .text_box .other span img{
    max-width:.24rem;
    margin-top:-.03rem
}
 .show_products .show_products_head .text_box .other .enshrine{
    margin-left:.1rem;
    font-size:.16rem
}
 .show_products .show_products_head .text_box .other .enshrine img{
    cursor:pointer;
    margin-right:.05rem
}
 .show_products .show_products_head .text_box .other .enshrine span{
}
 .show_products .show_products_head .text_box .attribute_box{
    border-bottom:.01rem solid #cfcfcf;
    padding-bottom:.25rem;
    margin-bottom:.25rem
}
 .show_products .show_products_head .text_box .attribute{
    border-top:.01rem solid #cfcfcf;
    margin:.25rem 0;
    padding:.25rem 0;
    margin-bottom:0;
    padding-bottom:0
}
 .show_products .show_products_head .text_box .attribute div{
    display:flex;
    font-size:.18rem;
    margin-bottom:.15rem
}
 .show_products .show_products_head .text_box .attribute div p:first-child,.page_product_show .product_show_head .text_box .color_thumbs>p{
    width:25%
}
 .show_products .show_products_head .text_box .attribute div p:last-child{
    color:#666666
}
 .show_products .show_products_head .text_box .color_thumbs{
    display:flex
}
 .show_products .show_products_head .text_box .color_thumbs>p{
    width:30%;
    font-size:.18rem
}
 .show_products .show_products_head .text_box .color_thumbs .color_img{
    display:flex;
    width:70%
}
 .show_products .show_products_head .text_box .color_thumbs .color_img p{
    width:.46rem;
    height:.46rem;
    border:.01rem solid #e7e7e7;
    margin-right:.2rem;
    cursor:pointer;
    transition:all .3s linear
}
 .show_products .show_products_head .text_box .color_thumbs .color_img p:last-child{
    margin-right:0
}
 .show_products .show_products_head .text_box .color_thumbs .color_img p:hover{
    border-color:#000
}
 .show_products .show_products_head .text_box .contact_box{
    margin-bottom:.2rem
}
 .show_products .show_products_head .text_box .contact_box p{
    font-size:.16rem;
    margin-bottom:.1rem
}
 .show_products .show_products_head .text_box .contact_box img{
    margin-right:.1rem;
    max-width:.24rem
}
 .show_products .show_products_head .text_box .contact_box a{
    margin-right:.1rem
}
 .show_products .show_products_head .text_box .contact_box a:last-child{
    margin-right:0
}
 .show_products .show_products_head .text_box .btn_box{
    margin-bottom:.25rem
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4{
    font-family:'RobotoRegular'
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:first-child{
    margin-right:.15rem
}
 .show_products .show_products_head .text_box .btn_box .quote-button{
    cursor:pointer;
    margin-right:.15rem
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list{
    border:.01rem solid var(--color);
    padding:.07rem .38rem;
    background:var(--color);
    color:#fff;
    border-radius:.04rem;
    text-transform:capitalize
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list .btn_main_text{
    font-size:.15rem
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list.hover{
    background:#fff;
    color:var(--color)
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list{
    border:.01rem solid #666666;
    padding:.07rem .38rem;
    color:#666666;
    background:0 0
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list.hover{
    background:var(--color);
    border-color:var(--color);
    color:#fff
}
 .show_products .show_products_head .text_box .share_box a{
    display:inline-block;
    margin-right:.05rem
}
 .show_products .show_products_head .text_box .share_box a img{
    max-width:.25rem
}
 .show_products .page_recommend_pro{
    padding-top:.6rem;
    padding-bottom:.65rem
}
 .show_products .page_recommend_pro .page_content_block{
    font-size:.36rem;
    margin-bottom:.45rem;
    font-family:RobotoBold;
    text-align:center;
    text-transform:capitalize
}
 .show_products .page_recommend_pro .page_recommend_pro_box{
    position:relative
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next,.show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
    background:#f5f5f5;
    width:.7rem;
    height:1.2rem;
    border-radius:unset;
    transition:all .3s linear;
    top:25%;
    opacity:1
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next:before,.show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev::before{
    border-color:#999;
    width:.2rem;
    height:.2rem
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next{
    right:-1.2rem;
    margin-left:.35rem
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
    left:-1.2rem
}
 .show_products .page_recommend_pro .swiper-container{
    padding-bottom:.45rem
}
 .show_products .page_recommend_pro .swiper-pagination{
    bottom:0
}
 .show_products .page_recommend_pro .swiper-pagination-bullet{
    width:.06rem;
    height:.06rem;
    transition:all .3s linear;
    border-radius:.06rem
}
 .show_products .page_recommend_pro .swiper-pagination-bullet-active{
    width:.74rem
}
 .show_products .page_recommend_pro .item{
    border-top-left-radius:.08rem;
    border-top-right-radius:.08rem;
    overflow:hidden;
    border-radius:.05rem
}
 .show_products .page_recommend_pro .item .img_box{
    overflow:hidden;
    background:#ffffff;
    min-height:3rem;
    text-align:center;
    line-height:3rem;
    border:.01rem solid #d7d7d7;
    border-radius:.05rem
}
 .show_products .page_recommend_pro .item .img_box img{
    max-height:3rem
}
 .show_products .page_recommend_pro .item .text_box{
    margin-top:.15rem
}
 .show_products .page_recommend_pro .item .text_box i{
    font-style:normal;
    color:#2673ff
}
 .show_products .page_recommend_pro .item .text_box p{
    font-size:.18rem;
    line-height:1.3;
    margin-bottom:.1rem;
    min-height:.52rem
}
 .show_products .page_recommend_pro .item .text_box span{
    font-size:.16rem;
    color:#333333
}
 .show_products .show_products_box{
}
.show_products .show_products_box ol li,.show_news .post-info .content ol li{
    list-style-type:decimal;
    margin-left:.2rem
}
.show_products .show_products_box ul li,.show_news .post-info .content ul li{
    list-style:inside
}
 .show_products .show_products_box .show_pro_head{
    margin-bottom:.3rem
}
 .show_products .show_products_box .show_pro_head h2{
    font-size:.36rem;
    margin-bottom:.45rem;
    text-align:center
}

 .show_products .page_about_video_box{
    position:relative;
    border-radius:.1rem;
    border:.01rem solid rgb(255 255 255 / 30%);
    overflow:hidden
}
 .show_products .page_about_video_box .img_box{
    overflow:hidden;
    position:relative;
    z-index:1;
    height:5.28rem
}
 .show_products .page_about_video_box .img_box img:first-child{
    height:100%;
    object-fit:cover;
    width:100%
}
 .show_products .page_about_video_box .img_box img:last-child{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    cursor:pointer;
    animation:rotate360 3s linear infinite;
    max-width:.7rem
}
 .show_products .page_about_video_box .iframe_box{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    border-radius:.05rem;
    overflow:hidden;
    z-index:-1
}
.common_from{display:flex;border-radius:.1rem;margin:auto;margin-bottom:.9rem;margin-top:.45rem;background:#f8feff;align-items:center;overflow:hidden;max-width:70%!important}
.common_from .img_box{width:42.5%;overflow:hidden}
.common_from form{width:57.5%;padding-left:5%}
.common_from form .input div input::placeholder,.common_from form .textarea_box textarea::placeholder{color:#333}
.common_from form .input{display:flex;justify-content:space-between;margin-bottom:.2rem}
.common_from form .input div{width:31.5%;border-bottom:.01rem solid rgb(232 232 232 / 65%);color:#333}
.common_from form .input div input{padding-bottom:.1rem;font-size:.16rem;width:100%;color:#333}
.common_from form .upload-box{border-bottom:.01rem solid rgb(232 232 232 / 65%)}
.common_from form .upload-box{margin-bottom:.15rem}
.common_from form .upload-box #fileName{width:100%!important;margin-top:.1rem;color:#333;font-size:.16rem;overflow:hidden;margin-bottom:.1rem}
.common_from form .upload-box .upload-wrap{display:flex;align-items:center;position:relative;overflow:hidden;height:.4rem;width:100%}
.common_from form .upload-box .upload-wrap .file-open{height:100%;width:1.5rem;line-height:.36rem;padding:0 .1rem;border-radius:.05rem;background:rgb(255 255 255 / 30%);border:.01rem solid #ddd}
.common_from form .upload-box .upload-wrap p{font-size:.16rem;display:inline-block;margin-left:.15rem;color:silver}
.common_from form .upload-box .upload-wrap .file-open img{vertical-align:middle;margin-right:.2rem;filter:brightness(.5)}
.common_from form .upload-box .upload-wrap .file-ele{position:absolute;top:0;right:0;opacity:0;height:100%;width:100%;cursor:pointer}
input[type=file]::-webkit-file-upload-button{cursor:pointer}
.common_from form .textarea_box{margin-bottom:.2rem;border-bottom:.01rem solid rgb(232 232 232 / 65%)}
.common_from form .textarea_box textarea.content{width:100%;height:.5rem;font-size:.16rem;color:#333}
.common_from form .submit .btn_effect4{font-size:.18rem;font-family:RobotoRegular}
.common_from form .submit button .btn_small_wrap .btn_small_list{padding:.11rem .3rem;border-radius:.04rem;color:#fff;background:var(--color);text-transform:capitalize}
.common_from form .submit button .btn_small_wrap .btn_small_list.hover{background:#fff;color:var(--color)}