.swiper-pagination{
    bottom:0!important
}
 .swiper-pagination .swiper-pagination-bullet{
    width:.5rem;
    height:.08rem;
    border:.02rem solid #fff;
    background:#fff;
    transition:all .3s linear;
    border-radius:100vh
}
 .swiper-pagination .swiper-pagination-bullet-active{
    background:0 0;
    border-color:#fff
}
 .head_block{
    position:relative;
    padding-top:.35rem
}
 .head_block:before{
    content:'';
    display:block;
    background:url(/res/magic/images/index_42.webp) no-repeat;
    width:1.47rem;
    height:.3rem;
    background-size:contain;
    position:absolute;
    left:0;
    right:0;
    top:0;
    margin:auto
}
 .head_block .title{
    font-size:.4rem;
    line-height:1.2;
    text-align:center;
    text-transform:uppercase;
    font-family:RobotoBold
}
 .head_block .remark{
    font-size:.18rem;
    line-height:.3rem;
    text-align:center;
    max-width:85%;
    margin:.15rem auto
}
 .index_banner .swiper-pagination{
    bottom:.3rem!important
}
 .section{
    padding-top:.9rem
}
 .index_section1{
    margin-bottom:.9rem
}
 .index_section1 .index_section1_box{
    margin:.7rem 0;
    display:flex;
    gap:.1rem;
    flex-wrap:wrap
}
 .index_section1 .index_section1_box .item{
    flex:0 0 calc((100% - 2 * .1rem)/ 3);
    border-radius:.1rem;
    overflow:hidden
}
 .index_section1 .index_section1_box .item a{
    display:block;
    position:relative
}
 .index_section1 .index_section1_box .item .img{
    overflow:hidden
}
 .index_section1 .index_section1_box .item .txt{
    position:absolute;
    top:.3rem;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    font-size:.2rem;
    font-family:RobotoBold
}
 .index_section1 .index_section1_box .item span{
    display:inline-block;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:20%;
    text-align:center;
    opacity:0;
    transition:all .3s linear
}
 .index_section1 .index_section1_box .item:hover span{
    opacity:1
}
 .index_section1 .index_section1_box .item span img{
    max-width:.6rem
}
 .index_section1 .index_section1_other h3{
    font-size:.26rem;
    font-family:RobotoBold;
    color:var(--color);
    text-align:center;
    margin-bottom:.15rem
}
 .index_section1 .index_section1_other p{
    font-size:.16rem;
    line-height:.26rem;
    text-align:center;
    max-width:85%;
    margin:auto
}
 .index_section1 .index_section1_other .search_box{
    border:.01rem solid #b8cdd7;
    border-radius:.1rem;
    display:flex;
    flex-direction:row-reverse;
    max-width:12rem;
    margin:auto;
    margin-top:.4rem
}
 .index_section1 .index_section1_other .search_box .search_btn{
    background:var(--color);
    border-radius:.1rem;
    width:1rem;
    line-height:.6rem;
    text-align:center
}
 .index_section1 .index_section1_other .search_box .search_btn img{
    max-width:.23rem
}
 .index_section1 .index_section1_other .search_box input{
    width:90%;
    line-height:.6rem
}
 .index_section2{
    position:relative;
    aspect-ratio:19.2/10
}
 .index_section2 .section2_box .desc{
    font-size:.2rem;
    line-height:.26rem;
    text-align:center;
    max-width:85%;
    margin:.3rem auto
}
 .index_section2 .section2_box .other{
    text-align:center
}
 .index_section2 .section2_box .other a{
    background:var(--color1);
    color:#fff;
    padding:.1rem .2rem;
    border-radius:100vh;
    font-size:.18rem;
    display:inline-block
}
 .index_section2 .section2_box .other a:first-child{
    margin-right:.35rem
}
 .index_section2 .section2_box .other a img{
    max-width:.28rem;
    margin-right:.15rem
}
 .index_section2 .section2_box .other a:hover{
    background:var(--color)
}
 .index_section2 .index_section2_other{
    position:absolute;
    bottom:-9%;
    left:0;
    right:0;
    margin:auto;
    max-width:90%;
    background:#439cff;
    display:flex;
    gap:.5rem;
    padding:.3rem .45rem;
    border-radius:.1rem
}
 .index_section2 .index_section2_other:after,.index_section2 .index_section2_other:before{
    content:'';
    display:block;
    background:url(/res/magic/images/3_39.webp);
    width:2.58rem;
    height:2.06rem;
    position:absolute;
    background-size:contain;
    background-repeat:no-repeat
}
 .index_section2 .index_section2_other:before{
    top:-19%;
    right:5%;
    transform:scaleX(-1) scaleY(-1)
}
 .index_section2 .index_section2_other:after{
    right:-3%
}
 .index_section2 .index_section2_other .item{
    padding-right:5%;
    border-right:.01rem solid rgb(255 255 255 / 20%);
    flex:0 0 calc((85% - 3 * .3rem)/ 4)
}
 .index_section2 .index_section2_other .item:last-child{
    border-right:0
}
 .index_section2 .index_section2_other .item p.counter{
    display:inline-block
}
 .index_section2 .index_section2_other .item p.counter,.index_section2 .index_section2_other .item span{
    font-size:.7rem;
    font-family:RobotoBold;
    color:#fff;
    line-height:normal
}
 .index_section2 .index_section2_other .item p.remark{
    font-size:.18rem;
    color:#fff;
    line-height:.26rem;
    min-height:.52rem
}
 .index_section3{
    margin-top:.9rem
}
 .index_section3 .index_section3_box{
    margin-top:.4rem
}
 .index_section3 .index_section3_box_head{
    display:flex;
    justify-content:center;
    gap:.1rem;
    margin-bottom:.6rem
}
 .index_section3 .index_section3_box_head p{
    font-size:.18rem;
    padding:.05rem .2rem;
    background:var(--color);
    color:#fff;
    border-radius:100vh
}
 .index_section3 .index_section3_swiper_box{
    position:relative
}
 .index_section3 .index_section3_swiper_box:after,.index_section3 .index_section3_swiper_box:before{
    content:'';
    display:block;
    background:url(/res/magic/images/index_50.webp) no-repeat center;
    width:100%;
    height:.63rem;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    background-size:contain
}
 .index_section3 .index_section3_swiper_box:after{
    bottom:4%
}
 .index_section3 .index_section3_swiper_box:before{
    top:38%
}
 .index_section3 .index_section3_swiper_box .swiper-slide{
    padding-bottom:.8rem
}
 .index_section3 .index_section3_swiper_box .swiper-slide .img_box{
    border:.04rem solid #a0a8ad;
    position:relative
}
 .index_section3 .index_section3_swiper_box .swiper-slide .img_box:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:rgb(0 0 0 / 40%);
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    opacity:0;
    transition:all .3s linear
}
 .index_section3 .index_section3_swiper_box .swiper-slide .img_box .img img{
    min-height:3.73rem;
    object-fit:cover
}
 .index_section3 .index_section3_swiper_box .swiper-slide .img_box img.play_btn{
    max-width:.6rem;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index:2;
    cursor:pointer;
    transition:all .3s linear;
    opacity:0
}
 .index_section3 .index_section3_swiper_box .swiper-slide:hover .img_box img.play_btn,.index_section3 .index_section3_swiper_box .swiper-slide:hover .img_box:before{
    opacity:1
}
 .index_section4{
    background-color:#deeeff;
    margin-top:.5rem;
    padding:.9rem 0
}
 .index_section4 .index_section4_box{
    display:flex;
    gap:.1rem;
    flex-wrap:wrap;
    margin-top:.5rem
}
 .index_section4 .index_section4_box .item{
    flex:0 0 calc((100% - 3 * .1rem)/ 4);
    border-radius:.1rem;
    overflow:hidden;
    position:relative
}
 .index_section4 .index_section4_box .item:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:rgb(0 81 119 / 90%);
    position:absolute;
    z-index:1;
    opacity:0;
    transition:all .3s linear
}
 .index_section4 .index_section4_box .item a{
    display:block
}
 .index_section4 .index_section4_box .item .img{
    position:relative
}
 .index_section4 .index_section4_box .item .img .txt{
    position:absolute;
    bottom:10%;
    color:#fff;
    font-size:.18rem;
    font-family:RobotoBold;
    text-align:center;
    left:0;
    right:0;
    transition:all .3s linear
}
 .index_section4 .index_section4_box .item .text_box{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    text-align:center;
    z-index:2;
    opacity:0;
    transition:all .3s linear;
    color:#fff;
    padding:.4rem
}
 .index_section4 .index_section4_box .item .text_box .txt{
    font-size:.18rem;
    font-family:RobotoBold;
    margin-bottom:.15rem
}
 .index_section4 .index_section4_box .item .text_box .remark{
    font-size:.16rem;
    margin-bottom:.15rem
}
 .index_section4 .index_section4_box .item .text_box span{
    display:block
}
 .index_section4 .index_section4_box .item .text_box span img{
    max-width:.6rem
}
 .index_section4 .index_section4_box .item:hover .img .txt{
    opacity:0
}
 .index_section4 .index_section4_box .item:hover:before{
    opacity:1
}
 .index_section4 .index_section4_box .item:hover .text_box{
    opacity:1
}
 .index_section5{
    border-bottom:.01rem solid #ddd;
    padding-bottom:.8rem
}
 .index_section5 .index_section5_box{
    margin-top:.5rem
}
 .index_section5 .index_section5_box_head{
    overflow:hidden;
    margin-bottom:.1rem;
    position:relative
}
 .index_section5 .index_section5_box_head a{
    display:block
}
 .index_section5 .index_section5_box_head .text_box{
    width:35%;
    padding:.6rem;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    margin:auto;
    height:max-content;
    color:#fff
}
 .index_section5 .index_section5_box_head .text_box h4{
    font-size:.24rem;
    line-height:.34rem;
    margin-bottom:.3rem
}
 .index_section5 .index_section5_box_head .text_box .remark{
    font-size:.16rem;
    line-height:.26rem;
    white-space:pre
}
 .index_section5 .item_box .swiper-container{
    padding-bottom:.55rem
}
 .index_section5 .item_box .swiper-slide .img_box{
    overflow:hidden
}
 .index_section5 .item_box .swiper-slide .text_box{
    padding:.4rem 0
}
 .index_section5 .item_box .swiper-slide .text_box h4{
    font-size:.2rem;
    line-height:.3rem;
    min-height:.6rem;
    margin-bottom:.15rem
}
 .index_section5 .item_box .swiper-slide .text_box .remark{
    font-size:.16rem;
    line-height:.26rem;
    white-space:pre;
    min-height:.78rem;
    color:#666
}
 .index_section5 .item_box .swiper-pagination-bullet{
    border-color:var(--color);
    background:var(--color)
}
 .index_section5 .item_box .swiper-pagination-bullet-active{
    background:0 0
}
 .index_section6 .swiper-container{
    margin-top:.55rem
}
 .index_section6 .swiper-wrapper{
    display:flex;
    gap:.1rem;
    flex-wrap:wrap
}
 .index_section6 .swiper-slide{
    overflow:hidden;
    cursor:pointer
}
 .index_section6 .swiper-slide:nth-child(-n+4){
    flex:0 0 calc((100% - 3 * .1rem)/ 4)
}
 .index_section6 .swiper-slide:nth-child(n+5){
    flex:0 0 calc((100% - 2 * .1rem)/ 3)
}
 .index_news.auto-container{
    margin-bottom:.9rem
}
 .index_news .index_news_box{
    margin-top:.55rem
}
 .index_news .index_news_box .swiper-container{
    padding-bottom:.55rem
}
 .index_news .index_news_box .swiper-slide .item .img_box{
    overflow:hidden
}
 .index_news .index_news_box .swiper-slide .item .text_box{
    background-color:#deeeff;
    padding:.3rem;
    transition:all .3s linear
}
 .index_news .index_news_box .swiper-slide .item .text_box span{
    font-size:.16rem;
    color:var(--color);
    display:block;
    transition:all .3s linear
}
 .index_news .index_news_box .swiper-slide .item .text_box h3{
    margin:.15rem 0;
    font-size:.24rem;
    line-height:.34rem;
    min-height:1.02rem
}
 .index_news .index_news_box .swiper-slide .item .text_box p{
    font-size:.16rem;
    line-height:.26rem;
    color:#666;
    min-height:.52rem;
    margin-bottom:.2rem;
    transition:all .3s linear
}
 .index_news .index_news_box .swiper-slide .item .text_box span img{
    max-width:.4rem
}
 .index_news .index_news_box .swiper-pagination-bullet{
    border-color:var(--color);
    background:var(--color)
}
 .index_news .index_news_box .swiper-pagination-bullet-active{
    background:0 0
}
 .index_news .index_news_box .swiper-slide .item:hover .text_box{
    background:var(--color);
    color:#fff
}
 .index_news .index_news_box .swiper-slide .item:hover .text_box p,.index_news .index_news_box .swiper-slide .item:hover .text_box span{
    color:#fff
}
 .message_box{
    margin-bottom:-6.5%;
    position:relative;
    z-index:1
}
 .message_box .auto-container{
    background-color:#deeeff;
    position:relative
}
 .message_box .left{
    display:flex;
    justify-content:space-between
}
 .message_box .left .txt{
    padding:.4rem;
    color:var(--color)
}
 .message_box .left h3{
    font-size:.18rem
}
 .message_box .left p{
    font-size:.3rem
}
 .message_box .left .img img{
    max-height:1.5rem
}
 .message_box .right{
    padding:0 .4rem;
    padding-bottom:.4rem
}
 .message_box .right form .input{
    display:flex;
    gap:.1rem
}
 .message_box .right form .input div:nth-last-child(2){
    width:43%
}
 .message_box .right form .input div input{
    width:100%;
    background:#fff;
    font-size:.16rem;
    line-height:.5rem;
    padding:0 .15rem
}
 .message_box .right form .submit{
    background:var(--color1);
    color:#fff;
    line-height:.5rem;
    padding:0 .25rem;
    transition:all .3s linear
}
 .message_box .right form .submit:hover{
    background:var(--color)
}
 .list_products{
    padding-top:1.2rem
}
 .list_products .list_products_box{
    display:flex;
    flex-direction:row-reverse;
    margin-bottom:1rem
}
 .list_products .content_box{
    width:72.5%
}
 .page_content .content_box .title_box{
    background:#e6f2ff;
    padding:.4rem;
    color:var(--color);
    margin-bottom:.3rem
}
 .page_content .content_box .title_box h2{
    font-size:.2rem;
    margin-bottom:.1rem;
    line-height:.26rem;
    font-family:RobotoBold;
    color:var(--color)
}
 .page_content .content_box .title_box p{
    font-size:.16rem;
    line-height:.3rem
}
 .page_content .content_box .category_box{
    margin-bottom:.3rem;
    display:flex;
    flex-wrap:wrap;
    gap:.1rem;
    background:#dff1df;
    padding:.4rem
}
 .page_content .content_box .category_box .item{
    flex:0 0 calc((100% - 2 * .1rem)/ 3)
}
 .page_content .content_box .category_box .item a{
    display:inline-block;
    background:rgb(93 183 95 / 30%);
    padding:.15rem;
    font-size:.18rem;
    width:100%;
    border-radius:.05rem;
    text-align:center
}
 .page_content .content_box .category_box .item a.active,.page_content .content_box .category_box .item a:hover{
    background:var(--color);
    color:#fff
}
 .list_products .item_box{
    display:flex;
    gap:.1rem;
    flex-wrap:wrap;
    padding-bottom:.4rem
}
 .list_products .item_box .item{
    overflow:hidden;
    transition:all .3s linear;
    border-radius:.05rem;
    flex:0 0 calc((100% - 2 * .1rem)/ 3);
    background:#f4f4f4
}
 .list_products .item_box .item:hover{
    background:#e6f2ff
}
 .list_products .item_box .item a{
    display:block
}
 .list_products .item_box .item .img_box{
    overflow:hidden;
    border-radius:.05rem;
    background:#fff;
    margin:.1rem;
    position:relative
}
 .list_products .item_box .item .img_box a:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:rgb(0 81 119 / 30%);
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    opacity:0;
    transition:all .3s linear
}
 .list_products .item_box .item:hover .img_box a:before{
    opacity:1
}
 .list_products .item_box .item .img_box .inquire{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:max-content;
    height:max-content;
    background:#fff;
    border-radius:.05rem;
    font-size:.16rem;
    font-family:RobotoBold;
    padding:.08rem .2rem;
    text-transform:uppercase;
    color:var(--color);
    cursor:pointer;
    z-index:2;
    opacity:0;
    transition:all .3s linear
}
 .list_products .item_box .item:hover .img_box .inquire{
    opacity:1
}
 .list_products .item_box .item .img_box .inquire:hover{
    background:var(--color1);
    color:#fff
}
 .list_products .item_box .item .text_box{
    padding:.25rem .2rem
}
 .list_products .item_box .item .text_box p{
    font-size:.18rem;
    line-height:.26rem;
    margin-bottom:.1rem;
    -webkit-line-clamp:2;
    min-height:.52rem;
    transition:all .3s linear
}
 .list_products .item_box .item .text_box i{
    font-style:normal;
    color:var(--color);
    font-size:.16rem;
    line-height:.26rem
}
 .list_products .item_box .item .text_box .other{
    margin-top:.1rem
}
 .list_products .item_box .item:hover .text_box p{
    color:var(--color)
}
 .list_products .item_box .item .text_box .other span{
    display:inline-block;
    margin-right:.05rem
}
 .list_products .item_box .item .text_box .other span img{
    max-width:.17rem;
    margin-top:-.03rem
}
 .list_products .item_box .item .text_box>span{
    font-size:.16rem;
    color:var(--color)
}
 .page_sidebar{
    width:21.5%;
    margin-right:6%
}
 .page_sidebar .page_sidebar_top{
    background-image:url(/res/magic/images/product_04.webp);
    color:#fff;
    padding:.35rem;
    overflow:hidden;
    margin-bottom:.1rem;
    text-align:center;
    background-size:cover
}
 .page_solutions .page_solutions_box .page_sidebar .page_sidebar_top{
    background-image:url(/res/magic/images/product_04.png)
}
 .page_sidebar .page_sidebar_top p{
    font-size:.2rem
}
 .page_sidebar .page_sidebar_top .btn_effect4{
    margin-top:.2rem
}
 .page_sidebar .page_sidebar_top .btn_small_list{
    border-radius:.1rem;
    border-color:#fff;
    background:#fff;
    color:#222;
    padding:.1rem .22rem
}
 .page_sidebar .page_sidebar_top .btn_small_list .btn_main_text{
    font-family:RobotoBold
}
 .page_sidebar .page_sidebar_top .btn_small_list.hover{
    background:var(--color1);
    border-color:var(--color1);
    color:#fff
}
 .page_sidebar .sidebar_search_box{
    display:flex;
    overflow:hidden;
    border:.01rem solid var(--color);
    margin:auto;
    margin-bottom:.2rem;
    border-radius:.05rem;
    justify-content:space-between
}
 .page_sidebar .sidebar_search_box .form_control.keywords{
    font-size:.16rem;
    width:79%;
    padding-left:.15rem
}
 .page_sidebar .sidebar_search_box .search_btn{
    width:.6rem;
    height:.6rem;
    line-height:.6rem;
    text-align:center;
    background:var(--color);
    cursor:pointer;
    transition:all .3s linear
}
 .page_sidebar .sidebar_search_box .search_btn:hover{
    background:var(--color1)
}
 .page_sidebar .sidebar_search_box .search_btn img{
    filter:brightness(0) invert(1);
    max-width:.23rem
}
 .page_sidebar .sidebar_search_box .search_btn:hover img{
    filter:brightness(0) invert(1)
}
 .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
}
 .page_sidebar .sidebar_category_box .item{
    margin-bottom:.1rem;
    background:#e6f2ff;
    border-radius:.05rem;
    transition:all .3s linear
}
 .page_sidebar .sidebar_category_box .item .child{
    display:none
}
 .page_sidebar .sidebar_category_box .item:last-child{
    border:0
}
 .page_sidebar .sidebar_category_box .item>a{
    font-size:.16rem;
    display:block;
    padding:.2rem;
    line-height:1.3;
    position:relative
}
 .page_sidebar .sidebar_category_box .item>a i{
    position:absolute;
    top:22%;
    right:.05rem;
    margin:auto;
    width:.3rem;
    height:.3rem;
    transition:.3s
}
 .page_sidebar .sidebar_category_box .item>a i.open{
    transform:rotate(90deg)
}
 .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
}
 .page_sidebar .sidebar_category_box .item.active,.page_sidebar .sidebar_category_box .item:hover{
    background:var(--color)
}
 .page_sidebar .sidebar_category_box .item.active>a,.page_sidebar .sidebar_category_box .item>a:hover{
    color:#fff
}
 .page_sidebar .sidebar_category_box .item.active>a i:before,.page_sidebar .sidebar_category_box .item>a:hover i:before{
    border-color:#000
}
 .page_sidebar .sidebar_category_box .item .sub_menu{
    display:none;
    padding-bottom:.2rem
}
 .page_sidebar .sidebar_category_box .item .sub_menu li a{
    display:block;
    font-size:.16rem;
    line-height:1.4;
    padding:.1rem;
    padding-bottom:0;
    color:#666;
    position:relative
}
 .page_sidebar .sidebar_category_box .item .sub_menu li a.active,.page_sidebar .sidebar_category_box .item .sub_menu li a:hover{
    color:var(--color)
}
 .page_sidebar .sidebar_news_box{
    background:#e6f2ff;
    padding:.4rem .2rem
}
 .page_sidebar .sidebar_news_box h2{
    font-size:.2rem;
    font-family:RobotoBold;
    text-align:center;
    margin-bottom:.2rem;
    padding-bottom:.2rem;
    border-bottom:.01rem solid rgb(0 0 0 / 20%)
}
 .page_sidebar .sidebar_news_box .item_box .item{
    margin-bottom:.1rem
}
 .page_sidebar .sidebar_news_box .item_box .item a{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .page_sidebar .sidebar_news_box .item_box .item .img_box{
    width:45%;
    max-width:1.1rem;
    height:1.1rem;
    overflow:hidden
}
 .page_sidebar .sidebar_news_box .item_box .item .text_box{
    width:51%
}
 .page_sidebar .sidebar_news_box .item_box .item .text_box .title{
    font-size:.16rem;
    line-height:.24rem;
    min-height:.48rem;
    margin-bottom:.1rem
}
 .page_sidebar .sidebar_news_box .item_box .item .text_box .other{
    color:var(--color)
}
 .page_sidebar .sidebar_contact{
    background:var(--color);
    padding:.3rem;
    margin-top:.2rem
}
 .page_sidebar .sidebar_contact h4{
    font-size:.2rem;
    font-family:RobotoBold;
    color:#fff;
    padding-bottom:.2rem;
    margin-bottom:.2rem;
    border-bottom:.01rem solid rgb(255 255 255 / 20%)
}
 .page_sidebar .sidebar_contact p{
    margin-bottom:.15rem
}
 .page_sidebar .sidebar_contact p a{
    font-size:.16rem;
    font-family:RobotoBold;
    color:#fff;
    display:flex;
    align-items:center
}
 .page_sidebar .sidebar_contact p a img{
    filter:brightness(0) invert(1);
    max-width:.32rem
}
 .page_sidebar .sidebar_contact p span{
    display:inline-block;
    margin-left:.15rem;
    max-width:80%;
    word-break:break-all
}
 .page_inside a img:first-child{
    margin-top:-.05rem;
    margin-right:.1rem;
    max-width:.22rem;
    margin-left:0
}
 .page_content .inside-pagination{
    text-align:center;
    margin:.8rem 0
}
 .page_content .inside-pagination ul li a{
    display:block;
    width:.4rem;
    height:.4rem;
    line-height:.4rem;
    font-size:.18rem;
    transition:all .3s linear;
    font-family:RobotoBold;
    text-align:center
}
 .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:var(--color)
}
 .page_content .inside-pagination ul li{
    display:inline-block
}
 .page_content .inside-pagination ul li.next-page{
    margin-left:.25rem
}
 .page_content .inside-pagination ul li.pre-page{
    margin-right:.2rem
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
    background:#deeeff;
    border-radius:100vh
}
 .page_content .inside-pagination ul li.next-page a:hover,.page_content .inside-pagination ul li.pre-page a:hover{
    background:var(--color)
}
 .page_content .inside-pagination ul li>a>img{
    transition:all .3s linear;
    max-width:.1rem;
    vertical-align:middle;
    margin-top:-.02rem
}
 .page_content .inside-pagination ul li.next-page a:hover img,.page_content .inside-pagination ul li.pre-page a:hover img{
    filter:brightness(0) invert(1)
}
 .page_content .inside-pagination ul li.pre-page>a>img{
    transform:rotate(180deg)
}
 .show_products .show_products_head{
    padding:.7rem 0;
    background:#f4f4f4
}
 .show_products .show_products_head .auto-container{
    display:flex;
    align-items:flex-start;
    justify-content:space-between
}
 .show_products .show_products_head .img_box{
    width:49.5%;
    position:relative
}
 .show_products .show_products_head .text_box{
    width:49.5%;
    background:#fff;
    padding:.5rem
}
 .show_products .show_products_head .img_box .view_box{
    position:relative;
    background:#cbcbcb
}
 .show_products .show_products_head .img_box .view_box .swiper-slide{
    height:auto
}
 .show_products .show_products_head .img_box .view_box .swiper-slide iframe{
    width:100%;
    height:100%
}
 .show_products .show_products_head .img_box .thumb_box{
    position:absolute;
    background:rgb(0 0 0 / 20%);
    padding:.1rem .3rem;
    bottom:0;
    z-index:2
}
 .show_products .show_products_head .img_box .thumb_box .swiper-container{
    max-width:85%
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide{
    width:12.7%;
    height:12.7%;
    border:.01rem solid transparent;
    overflow:hidden;
    margin-right:.1rem;
    cursor:pointer;
    border-radius:.05rem;
    transition:all .3s linear
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide.video{
    position:relative
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide.video .paly_btn{
    max-width:.25rem;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto
}
 .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:#deeeff;
    top:30%
}
 .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{
    background:0;
    filter:unset;
    display:block;
    content:'';
    width:.13rem;
    height:.13rem;
    border-right:.02rem solid var(--color);
    border-bottom:.02rem solid var(--color);
    transform:rotate(45deg);
    position:absolute;
    transition:all .3s linear;
    top:0;
    left:0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next:hover,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:hover{
    background:var(--color)
}
 .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:#fff
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    left:.2rem;
    transform:rotate(90deg)
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next{
    right:.2rem;
    transform:rotate(-90deg)
}
 .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:.26rem;
    line-height:.26rem;
    margin-bottom:.2rem;
    font-weight:700
}
 .show_products .show_products_head .text_box .remark{
    font-size:.16rem;
    line-height:.26rem;
    color:#666;
    margin-bottom:.15rem
}
 .show_products .show_products_head .text_box .code{
    background:#e6f2ff;
    width:max-content;
    color:var(--color);
    padding:.06rem .2rem;
    border-radius:100vh;
    font-size:.16rem
}
 .show_products .show_products_head .text_box .other{
    margin-top:.15rem
}
 .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 .attribute_box{
    border-bottom:.01rem solid #cfcfcf;
    padding-bottom:.3rem;
    margin-bottom:.3rem
}
 .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;
    height:2.2rem;
    overflow:auto
}
 .show_products .show_products_head .text_box .attribute::-webkit-scrollbar{
    width:.03rem;
    height:.03rem
}
 .show_products .show_products_head .text_box .attribute::-webkit-scrollbar-track{
    background:#f1f1f1;
    border-radius:.1rem
}
 .show_products .show_products_head .text_box .attribute::-webkit-scrollbar-thumb{
    background:var(--color);
    border-radius:.1rem
}
 .show_products .show_products_head .text_box .attribute::-webkit-scrollbar-button{
    display:none
}
 .show_products .show_products_head .text_box .attribute div{
    display:flex
}
 .show_products .show_products_head .text_box .attribute p{
    font-size:.16rem;
    margin-bottom:.15rem
}
 .show_products .show_products_head .text_box .attribute p:first-child{
    width:30%
}
 .show_products .show_products_head .text_box .attribute p:last-child{
    color:#666;
    max-width:70%
}
 .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:.3rem;
    display:flex;
    align-items:center
}
 .show_products .show_products_head .text_box .contact_box p{
    font-size:.16rem;
    font-family:RobotoBold
}
 .show_products .show_products_head .text_box .contact_box p:first-child{
    margin-right:.15rem
}
 .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 .contact_box a:hover{
    color:var(--color)
}
 .show_products .show_products_head .text_box .btn_box{
    display:flex;
    gap:.05rem;
    flex-wrap:wrap
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4{
    flex:0 0 calc((100% - 2 * .05rem)/ 3)
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list{
    border:0
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:first-child .btn_small_list{
    background:rgb(0 81 119 / 20%);
    color:#222
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:first-child .btn_small_list.hover{
    background:var(--color1);
    color:#fff
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:nth-child(2) .btn_small_list{
    background:rgb(0 81 119 / 60%)
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:nth-child(2) .btn_small_list.hover{
    background:var(--color1)
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list{
    background:var(--color)
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list.hover{
    background:var(--color1)
}
 .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{
    padding:.13rem .3rem;
    color:#fff;
    border-radius:0
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list .btn_main_text{
    font-size:.18rem;
    font-family:RobotoBold
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list .btn_main_text{
    margin-left:.1rem
}
 .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 .show_products_box{
    display:flex;
    flex-direction:row-reverse;
    margin-top:.9rem;
    margin-bottom:1.2rem
}
 .show_products .show_products_box .content_item{
    width:72.5%
}
 .show_products .message_box{
    position:unset;
    margin-bottom:0
}
 .show_products .message_box .right form .input div:nth-last-child(1){
    width:50%
}
 .show_products .message_box .right form .input div:nth-last-child(2){
    width:max-content
}
 .show_products .message_box .right form .upload-box{
    margin:.25rem 0
}
 .show_products .message_box .right form .upload-box #fileName{
    width:100%!important;
    margin-top:.1rem;
    color:#222;
    font-size:.16rem;
    overflow:hidden
}
 .show_products .message_box .right form .upload-box .upload-wrap{
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    width:100%;
    background:rgb(255 255 255 / 50%);
    border-radius:.05rem;
    margin-bottom:.15rem
}
 .show_products .message_box .right form .upload-box .upload-wrap .file-open{
    height:.55rem;
    width:1.5rem;
    line-height:.55rem;
    padding:0 .1rem;
    background:#fff;
    text-align:center
}
 .show_products .message_box .right form .upload-box .upload-wrap p{
    font-size:.16rem;
    color:#999;
    display:inline-block;
    line-height:.22rem;
    margin-left:.3rem;
    max-width:45%;
    margin-bottom:0
}
 .show_products .message_box .right form .upload-box .upload-wrap .file-open img{
    vertical-align:middle
}
 .show_products .message_box .right form .upload-box .upload-wrap .file-ele{
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    height:100%;
    width:100%;
    cursor:pointer;
    z-index:2
}
 .show_products .message_box .right form .submit{
    width:max-content;
    line-height:.45rem
}
 .show_products .message_box .right form .submit .submit_btn{
    text-transform:uppercase;
    line-height:normal
}
 .show_products .page_recommend_pro{
    padding:.5rem 0
}
 .show_products .page_recommend_pro .auto-container{
    position:relative
}
 .show_products .page_recommend_pro .page_content_block{
    margin-bottom:.4rem;
    font-size:.3rem;
    font-family:RobotoBold;
    color:#000;
    border-bottom:.01rem solid #000;
    padding-bottom:.3rem
}
 .show_products .page_recommend_pro .page_content_block p{
    font-size:.26rem;
    font-weight:700;
    text-align:left;
    padding-bottom:0;
    margin-bottom:0
}
 .show_products .page_recommend_pro .page_content_block p:before{
    display:none
}
 .show_products .page_recommend_pro .page_recommend_pro_box{
    position:relative
}
 .show_products .page_recommend_pro .swiper-container{
    padding-bottom:.15rem
}
 .show_products .page_recommend_pro .swiper-pagination{
    top:0;
    right:0
}
 .show_products .page_recommend_pro .swiper-pagination-bullet{
    width:.1rem;
    height:.1rem;
    border:.01rem solid var(--color)
}
 .show_products .page_recommend_pro .swiper-pagination-bullet-active{
    background:var(--color)
}
 .show_products .page_recommend_pro .item{
    overflow:hidden;
    border-radius:.05rem
}
 .show_products .page_recommend_pro .item{
    overflow:hidden;
    transition:all .3s linear;
    border-radius:.05rem;
    background:#f4f4f4
}
 .show_products .page_recommend_pro .item:hover{
    background:#e6f2ff
}
 .show_products .page_recommend_pro .item a{
    display:block
}
 .show_products .page_recommend_pro .item .img_box{
    overflow:hidden;
    border-radius:.05rem;
    background:#fff;
    margin:.1rem;
    position:relative
}
 .show_products .page_recommend_pro .item .img_box a:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:rgb(0 81 119 / 30%);
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    opacity:0;
    transition:all .3s linear
}
 .show_products .page_recommend_pro .item:hover .img_box a:before{
    opacity:1
}
 .show_products .page_recommend_pro .item .img_box .inquire{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:max-content;
    height:max-content;
    background:#fff;
    border-radius:.05rem;
    font-size:.16rem;
    font-family:RobotoBold;
    padding:.08rem .2rem;
    text-transform:uppercase;
    color:var(--color);
    cursor:pointer;
    z-index:2;
    opacity:0;
    transition:all .3s linear
}
 .show_products .page_recommend_pro .item:hover .img_box .inquire{
    opacity:1
}
 .show_products .page_recommend_pro .item .img_box .inquire:hover{
    background:var(--color1);
    color:#fff
}
 .show_products .page_recommend_pro .item .text_box{
    padding:.25rem .2rem
}
 .show_products .page_recommend_pro .item .text_box p{
    font-size:.18rem;
    line-height:.26rem;
    margin-bottom:.1rem;
    -webkit-line-clamp:1;
    min-height:.235rem;
    transition:all .3s linear
}
 .show_products .page_recommend_pro .item .text_box i{
    font-style:normal;
    color:var(--color);
    font-size:.16rem;
    line-height:.26rem
}
 .show_products .page_recommend_pro .item .text_box .other{
    margin-top:.1rem
}
 .show_products .page_recommend_pro .item:hover .text_box p{
    color:var(--color)
}
 .show_products .page_recommend_pro .item .text_box .other span{
    display:inline-block;
    margin-right:.05rem
}
 .show_products .page_recommend_pro .item .text_box .other span img{
    max-width:.17rem;
    margin-top:-.03rem
}
 .show_products .page_recommend_pro .item .text_box>span{
    font-size:.16rem;
    color:var(--color)
}
 .show_products .page_pro_faq .page_content_block{
    margin-bottom:.45rem;
    text-align:center
}
 .show_products .page_pro_faq .page_content_block p:before{
    content:'';
    display:block;
    width:.92rem;
    height:.14rem;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    background:url(/res/magic/images/about_50.webp);
    background-size:contain
}
 .show_products .page_pro_faq .page_content_block p{
    font-size:.36rem;
    position:relative;
    padding-bottom:.15rem;
    margin-bottom:.2rem;
    padding-bottom:.2rem;
    line-height:1.3;
    text-align:center
}
 .show_products .page_pro_faq .page_content_block span{
    font-size:.18rem;
    color:#666
}
 .page_about{
    padding-bottom:.7rem
}
 .page_about .head_block:before{
    display:none
}
 .page_about .page_about_section1{
    position:relative;
    padding-top:.5rem;
    padding-bottom:1rem
}
 .page_about .page_about_section1 .head_block .title{
    font-size:.9rem;
    font-family:RobotoRegular;
    text-transform:uppercase
}
 .page_about .page_about_section1 .page_about_section1_box{
    display:flex;
    margin-top:.65rem
}
 .page_about .page_about_section1 .page_about_section1_box .img{
    width:45%
}
 .page_about .page_about_section1 .page_about_section1_box .right{
    width:55%
}
 .page_about .page_about_section1 .page_about_section1_box .img{
    cursor:pointer
}
 .page_about .page_about_section1 .page_about_section1_box .right{
    padding-left:6%;
    margin-top:-.35rem
}
 .page_about .page_about_section1 .page_about_section1_box .right .right_head h1{
    font-size:.4rem;
    font-weight:700;
    margin-bottom:.7rem
}
 .page_about .page_about_section1 .page_about_section1_box .right h2{
    font-size:.3rem;
    margin-bottom:.4rem
}
 .page_about .page_about_section1 .page_about_section1_box .right .remark{
    font-size:.18rem;
    color:#555;
    line-height:.3rem;
    white-space:pre-line
}
 .page_about .page_about_data{
    display:flex;
    justify-content:space-between
}
 .page_about .page_about_data .item{
    flex:0 0 calc((100% - 3 * 0px)/ 4);
    border-right:.01rem solid #ddd;
    padding-left:.85rem;
    padding-right:.7rem
}
 .page_about .page_about_data .item:last-child{
    padding-right:0;
    border-right:0
}
 .page_about .page_about_data .item:first-child{
    padding-left:0
}
 .page_about .page_about_data .item p.counter{
    display:inline-block
}
 .page_about .page_about_data .item p.counter,.page_about .page_about_data .item span{
    font-size:.7rem;
    color:var(--color2);
    font-weight:700;
    line-height:.6rem
}
 .page_about .page_about_data .item p.remark{
    font-size:.18rem;
    line-height:.26rem;
    min-height:.52rem;
    margin-bottom:.15rem
}
 .page_about .page_about_Ceospeech{
    margin-top:1.5rem;
    background-image:-webkit-linear-gradient(180deg,#c0e0ff 0,#3491ff 100%);
    border-top-left-radius:1rem;
    border-bottom-right-radius:1rem;
    position:relative;
    display:flex;
    flex-direction:row-reverse
}
 .page_about .page_about_Ceospeech:before{
    content:'';
    display:block;
    background:url(/res/magic/images/3_112.webp) no-repeat center;
    width:7.17rem;
    height:4.46rem;
    opacity:.1;
    position:absolute;
    right:0;
    top:0;
    left:0;
    bottom:0;
    margin:auto
}
 .page_about .page_about_Ceospeech .img_box{
    margin-top:-.45rem;
    width:42.5%;
    border-bottom-right-radius:1rem;
    overflow:hidden
}
 .page_about .page_about_Ceospeech .text_box{
    width:57.5%;
    padding:5.5%;
    color:#fff
}
 .page_about .page_about_Ceospeech .text_box .remark:after,.page_about .page_about_Ceospeech .text_box .remark:before{
    content:'';
    display:block;
    background:url(/res/magic/images/about_11.webp) no-repeat center;
    position:absolute;
    width:.24rem;
    height:.19rem;
    background-size:contain
}
 .page_about .page_about_Ceospeech .text_box .remark:before{
    top:8%;
    left:0
}
 .page_about .page_about_Ceospeech .text_box .remark:after{
    right:0;
    bottom:0;
    transform:scaleY(-1) scaleX(-1)
}
 .page_about .page_about_Ceospeech .text_box .remark{
    position:relative;
    font-size:.18rem;
    line-height:.3rem;
    white-space:pre-line;
    padding-top:.7rem;
    padding-bottom:.25rem
}
 .page_about .page_about_Ceospeech .text_box span{
    font-size:.18rem;
    display:block;
    position:relative;
    padding-left:1.2rem
}
 .page_about .page_about_Ceospeech .text_box span:before{
    content:'';
    display:block;
    width:1rem;
    height:.02rem;
    background:#fff;
    position:absolute;
    left:0;
    top:50%
}
 .page_about .about_ads{
    margin-top:1rem
}
 .page_about .about_ads{
    position:relative;
    margin-bottom:.75rem
}
 .page_about .about_ads .text_box{
    position:absolute;
    right:10%;
    bottom:0;
    top:0;
    width:max-content;
    height:max-content;
    margin:auto;
    color:#fff;
    max-width:35%
}
 .page_about .about_ads .text_box .remark{
    font-size:.18rem;
    white-space:pre-line;
    margin:.55rem 0
}
 .page_about .about_ads .text_box .btn_small_list.hover{
    border-color:#fff
}
 .page_about .about_ads .text_box h3{
    font-size:.4rem;
    line-height:.46rem
}
 .page_about .about_ads .text_box .btn_effect4{
    height:auto
}
 .page_about .about_ads .text_box .btn_effect4 .btn_small_list{
    font-family:RobotoBold;
    text-transform:uppercase;
    padding:.15rem .3rem;
    border-radius:.1rem;
    background:#fff;
    color:var(--color);
    border:0
}
 .page_about .about_ads .text_box .btn_effect4 .btn_small_list.hover{
    background:var(--color);
    color:#fff
}
 .page_about .about_why_us .head_block .title{
    font-family:RobotoRegular;
    font-size:.5rem
}
 .page_about .about_why_us_box{
    display:flex;
    gap:.1rem;
    max-width:95.5%;
    margin:auto;
    margin-top:.45rem
}
 .page_about .about_why_us_box .item{
    flex:0 0 calc((100% - 4 * .1rem)/ 5);
    background:#deeefe;
    border-radius:.1rem;
    padding:.65rem .4rem;
    transition:all .3s linear
}
 .page_about .about_why_us_box .item:hover{
    background:var(--color)
}
 .page_about .about_why_us_box .item .icon{
    margin-bottom:.45rem
}
 .page_about .about_why_us_box .item .icon img{
    max-height:.39rem;
    transition:all .3s linear
}
 .page_about .about_why_us_box .item:hover .icon img{
    filter:brightness(0) invert(1)
}
 .page_about .about_why_us_box .item .txt h4{
    font-size:.2rem;
    font-family:RobotoBold;
    margin-bottom:.3rem;
    color:var(--color);
    transition:all .3s linear
}
 .page_about .about_why_us_box .item .txt p{
    font-size:.18rem;
    line-height:.3rem;
    transition:all .3s linear
}
 .page_about .about_why_us_box .item:hover .txt h4,.page_about .about_why_us_box .item:hover .txt p{
    color:#fff
}
 .page_about .about_corporate_culture{
    margin-top:.7rem
}
 .page_about .about_corporate_culture .head_block .title{
    font-family:RobotoRegular;
    font-size:.5rem
}
 .page_about .about_corporate_culture_box{
    padding:0 6.3%;
    display:flex;
    position:relative;
    margin-top:.7rem
}
 .page_about .about_corporate_culture_box:after,.page_about .about_corporate_culture_box:before{
    content:'';
    display:block;
    background:url(/res/magic/images/about_46.webp) no-repeat center;
    position:absolute;
    width:3.42rem;
    height:.63rem;
    background-size:contain;
    top:45%
}
 .page_about .about_corporate_culture_box:before{
    left:-15.45%
}
 .page_about .about_corporate_culture_box:after{
    transform:scaleX(-1);
    right:-15.45%
}
 .page_about .about_corporate_culture_box .item{
    width:4rem;
    height:4rem;
    border-radius:100vh;
    background-color:#1874ff;
    margin-left:-.2rem;
    color:#fff;
    padding:5%;
    text-align:center
}
 .page_about .about_corporate_culture_box .item:nth-child(1){
    background-color:rgb(24 116 255 / 40%);
    margin-left:0
}
 .page_about .about_corporate_culture_box .item:nth-child(2){
    background-color:rgb(24 116 255 / 70%)
}
 .page_about .about_corporate_culture_box .item .icon{
    margin-bottom:.2rem
}
 .page_about .about_corporate_culture_box .item .icon img{
    max-height:.63rem
}
 .page_about .about_corporate_culture_box .item .txt h4{
    font-size:.26rem;
    font-family:RobotoBold;
    line-height:.3rem;
    margin-bottom:.25rem
}
 .page_about .about_corporate_culture_box .item .txt p{
    font-size:.18rem;
    line-height:.3rem;
    -webkit-line-clamp:5
}
 .page_about .about_faq{
    padding-top:.8rem;
    text-align:center
}
 .page_about .about_faq .about_faq_icon img{
    max-width:.63rem
}
 .page_about .about_faq .head_block{
    margin-bottom:.2rem
}
 .page_about .about_faq .head_block .title{
    font-family:RobotoRegular;
    font-size:.5rem
}
 .page_about .about_faq .btn_effect4 .btn_small_list{
    padding:.15rem;
    border-radius:.1rem
}
 .page_about .about_global_market{
    padding-bottom:1.2rem
}
 .page_about .about_global_market{
    background-color:rgb(222 238 254 / 60%);
    margin-top:1rem;
    padding-top:.45rem
}
 .page_about .about_global_market .head_block{
    margin-bottom:.65rem
}
 .page_about .about_global_market .head_block .title{
    margin-bottom:.3rem;
    font-size:.5rem;
    font-family:RobotoRegular
}
 .page_about .about_global_market .head_block .remark{
    text-align:left;
    color:#333
}
 .about_global_market_box{
    position:relative;
    width:11.7rem;
    height:5.71rem;
    background-image:url(../images/about_50_1.webp);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    margin:auto
}
 .about_global_market_box .marker-item{
    display:flex;
    align-items:center;
    cursor:pointer;
    position:absolute
}
 .about_global_market_box .marker-item .marker-item__name{
    font-size:.16rem;
    color:var(--color);
    font-family:RobotoBold
}
 .about_global_market_box .marker-item .marker-item_icon{
    width:.2rem;
    height:.2rem;
    margin-right:.1rem;
    position:relative;
    padding:.05rem;
    border-radius:100vh;
    background-color:rgba(3,89,145,.2)
}
 .about_global_market_box .marker-item .marker-item_icon::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:50%
}
 .about_global_market_box .marker-item:hover .marker-item_icon::before{
    background:rgba(3,89,145,.2);
    animation:hovScale 1s infinite
}
 .about_global_market_box .marker-item .marker-item_icon .marker-item_circle{
    width:.1rem;
    height:.1rem;
    border:.02rem solid var(--color);
    background-color:#fff;
    border-radius:.06rem
}
 @-webkit-keyframes hovScale{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
     100%{
        -webkit-transform:scale(2);
        transform:scale(2);
        opacity:0
    }
}
 @keyframes hovScale{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
     100%{
        -webkit-transform:scale(2);
        transform:scale(2);
        opacity:0
    }
}
 .about_global_market_box .marker1{
    left:1.98rem;
    top:2.25rem
}
 .about_global_market_box .marker2{
    left:2.03rem;
    top:2.8rem
}
 .about_global_market_box .marker3{
    left:3.32rem;
    top:3.32rem
}
 .about_global_market_box .marker4{
    left:2.36rem;
    top:3.42rem;
    flex-direction:row-reverse
}
 .about_global_market_box .marker5{
    left:3.69rem;
    top:3.95rem
}
 .about_global_market_box .marker6{
    left:3.05rem;
    top:4rem
}
 .about_global_market_box .marker7{
    left:3.55rem;
    bottom:1.2rem
}
 .about_global_market_box .marker8{
    left:2.83rem;
    bottom:.89rem;
    flex-direction:row-reverse
}
 .about_global_market_box .marker9{
    left:3.64rem;
    bottom:.82rem
}
 .about_global_market_box .marker10{
    left:3.28rem;
    bottom:.49rem
}
 .about_global_market_box .marker11{
    left:4.15rem;
    top:1.46rem;
    flex-direction:row-reverse
}
 .about_global_market_box .marker12{
    left:5.68rem;
    top:1.45rem
}
 .about_global_market_box .marker13{
    left:5.43rem;
    top:.42rem;
    flex-direction:row-reverse
}
 .about_global_market_box .marker14{
    left:6.68rem;
    top:.43rem
}
 .about_global_market_box .marker15{
    left:5.82rem;
    top:1.74rem
}
 .about_global_market_box .marker16{
    left:5.49rem;
    top:1.95rem
}
 .about_global_market_box .marker17{
    left:4.55rem;
    top:2.12rem;
    flex-direction:row-reverse
}
 .about_global_market_box .marker18{
    left:8.4rem;
    top:.42rem
}
 .about_global_market_box .marker19{
    left:5.53rem;
    top:.62rem
}
 .about_global_market_box .marker20{
    left:6.52rem;
    top:2.17rem
}
 .about_global_market_box .marker21{
    left:6.8rem;
    top:2.42rem
}
 .about_global_market_box .marker22{
    left:5.42rem;
    top:2.65rem
}
 .about_global_market_box .marker23{
    left:6.32rem;
    top:2.64rem
}
 .about_global_market_box .marker24{
    left:5.44rem;
    top:3.1rem
}
 .about_global_market_box .marker25{
    left:5.77rem;
    top:3.31rem
}
 .about_global_market_box .marker26{
    left:6.38rem;
    bottom:1.97rem
}
 .about_global_market_box .marker27{
    left:6.58rem;
    bottom:1.75rem
}
 .about_global_market_box .marker28{
    left:6.25rem;
    bottom:.92rem
}
 .about_global_market_box .marker29{
    right:2.47rem;
    top:1.27rem
}
 .about_global_market_box .marker30{
    right:3.15rem;
    top:1.85rem
}
 .about_global_market_box .marker31{
    right:3.26rem;
    top:2.08rem
}
 .about_global_market_box .marker32{
    right:3.3rem;
    top:.3rem;
    flex-direction:row-reverse
}
 .about_global_market_box .marker33{
    right:1.02rem;
    top:2.15rem
}
 .about_global_market_box .marker34{
    right:3.78rem;
    top:2.39rem
}
 .about_global_market_box .marker35{
    right:2.98rem;
    top:2.55rem
}
 .about_global_market_box .marker36{
    right:2.19rem;
    top:2.37rem
}
 .about_global_market_box .marker37{
    right:3.69rem;
    top:.88rem;
    flex-direction:row-reverse
}
 .about_global_market_box .marker38{
    right:1.51rem;
    top:2.64rem
}
 .about_global_market_box .marker39{
    right:3.08rem;
    top:2.95rem
}
 .about_global_market_box .marker40{
    right:2.13rem;
    top:2.93rem
}
 .about_global_market_box .marker41{
    right:.82rem;
    top:3.07rem
}
 .about_global_market_box .marker42{
    right:2.59rem;
    top:3.35rem;
    flex-direction:row-reverse
}
 .about_global_market_box .marker43{
    right:1.64rem;
    bottom:2.15rem
}
 .about_global_market_box .marker44{
    right:1.16rem;
    bottom:1.8rem
}
 .about_global_market_box .marker45{
    right:1.89rem;
    bottom:1.23rem;
    flex-direction:row-reverse
}
 .about_global_market_box .marker46{
    right:.35rem;
    bottom:.54rem;
    flex-direction:row-reverse
}
 .page_solutions .page_solutions_head{
    border-bottom:.03rem solid #efefef;
    margin-top:1.2rem;
    margin-bottom:.5rem
}
 .page_solutions .page_solutions_head_title{
    text-align:center;
    margin-bottom:.7rem
}
 .page_solutions .page_solutions_head_title h2{
    font-size:.3rem;
    margin-bottom:.15rem;
    font-family:RobotoBold
}
 .page_solutions .page_solutions_head_title p{
    font-size:.18rem
}
 .page_solutions .page_solutions_head_category{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:.15rem
}
 .page_solutions .page_solutions_head_category .item{
    text-align:center;
    flex:0 0 calc((100% - 7 * .15rem)/ 8);
    padding-bottom:.02rem
}
 .page_solutions .page_solutions_head_category .item a{
    display:block;
    position:relative;
    padding-bottom:.02rem
}
 .page_solutions .page_solutions_head_category .item a:before{
    content:'';
    display:block;
    width:0;
    height:.03rem;
    background:var(--color);
    position:absolute;
    bottom:-.04rem;
    transition:all .3s linear
}
 .page_solutions .page_solutions_head_category .item img{
    filter:brightness(.15);
    transition:all .3s linear;
    max-height:.46rem
}
 .page_solutions .page_solutions_head_category .item p{
    transition:all .3s linear;
    font-size:.16rem;
    margin-top:.2rem;
    margin-bottom:.4rem;
    font-family:RobotoBold;
    line-height:.26rem;
    min-height:.52rem
}
 .page_solutions .page_solutions_head_category .item a.active:before,.page_solutions .page_solutions_head_category .item a:hover:before{
    width:100%
}
 .page_solutions .page_solutions_head_category .item a.active img,.page_solutions .page_solutions_head_category .item a:hover img{
    filter:unset
}
 .page_solutions .page_solutions_head_category .item a.active p,.page_solutions .page_solutions_head_category .item a:hover p{
    color:var(--color)
}
 .page_solutions .page_solutions_box{
    display:flex;
    flex-direction:row-reverse;
    margin-bottom:1rem
}
 .page_solutions .page_solutions_box .content_box{
    width:72.5%
}
 .page_solutions .page_solutions_title{
    background:#e6f2ff;
    display:flex;
    padding:.45rem;
    margin-bottom:.3rem;
    flex-wrap:wrap
}
 .page_solutions .page_solutions_title h2{
    font-size:.26rem;
    margin-bottom:.15rem;
    font-family:RobotoBold;
    width:100%;
    color:var(--color)
}
 .page_solutions .page_solutions_title p{
    font-size:.16rem;
    width:100%;
    line-height:.3rem;
    color:var(--color)
}
 .page_solutions .page_solutions_box .content_box .item_box{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:.5rem
}
 .page_solutions .page_solutions_box .content_box .item_box .item{
    margin-bottom:.2rem
}
 .page_solutions .page_solutions_box .content_box .item_box .item a{
    padding:.2rem;
    display:flex;
    align-items:center;
    background:#f4f4f4;
    border:.01rem solid #f4f4f4
}
 .page_solutions .page_solutions_box .content_box .item_box .item .img_box{
    width:43%;
    overflow:hidden
}
 .page_solutions .page_solutions_box .content_box .item_box .item .img_box img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .page_solutions .page_solutions_box .content_box .item_box .item .text_box{
    width:59%;
    padding-left:6%
}
 .page_solutions .page_solutions_box .content_box .item_box .item .text_box span{
    font-size:.16rem;
    color:var(--color);
    display:block;
    transition:all .3s linear
}
 .page_solutions .page_solutions_box .content_box .item_box .item .text_box h3{
    margin:.15rem 0;
    font-size:.2rem;
    line-height:.3rem;
    min-height:.6rem;
    -webkit-line-clamp:2
}
 .page_solutions .page_solutions_box .content_box .item_box .item .text_box p{
    font-size:.16rem;
    line-height:.26rem;
    color:#666;
    min-height:.52rem;
    margin-bottom:.2rem;
    transition:all .3s linear
}
 .page_solutions .page_solutions_box .content_box .item_box .item .text_box span img{
    max-width:.4rem
}
 .page_solutions .page_solutions_box .content_box .item_box .item a:hover{
    background:#fff;
    border-color:var(--color)
}
 .page_solutions .page_solutions_box .content_box .item_box .item a:hover .text_box .title{
    color:var(--color)
}
 .show_news .show_news_content ol li,.show_product .show_products_box .content_item ol li{
    list-style-type:decimal;
    margin-left:.2rem
}
 .show_news .show_news_content ul li,.show_product .show_products_box .content_item ul li{
    list-style:inside
}
 .show_news .show_news_content a,.show_product .show_products_box .content_item a{
    color:var(--color)
}
 .show_news{
    padding-top:1rem
}
 .show_news .show_news_head{
    text-align:center;
    padding-bottom:.3rem;
    margin-bottom:.3rem;
    border-bottom:.01rem solid #eee
}
 .show_news .show_news_head h1{
    font-size:.36rem;
    font-family:RobotoBold
}
 .show_news .show_news_head>p{
    margin-top:.2rem
}
 .show_news .show_news_head>p>span{
    margin-right:.3rem;
    font-size:.14rem;
    display:inline-block
}
 .show_news .show_news_head>p>span>img{
    margin-right:.05rem;
    max-width:.2rem;
    margin-top:-.03rem
}
 .show_news .show_news_content{
    font-size:.2rem;
    line-height:1.3;
    margin-bottom:.55rem
}
 .show_news .show_news_content p{
    margin-bottom:.15rem
}
 .show_news .show_pagination{
    margin-bottom:.55rem;
    padding-top:.45rem;
    border-top:.01rem solid #eee
}
 .show_news .show_pagination p{
    background:rgb(3 89 145 / 10%);
    margin-bottom:.1rem;
    padding:.1rem .2rem;
    font-size:.2rem
}
 .show_news .show_pagination p:last-child{
    margin-bottom:0
}
 .show_news .show_pagination p span{
    font-family:RobotoBold
}
 .page_download,.page_faq{
    margin-top:1rem
}
 .page_download .page_download_head,.page_faq .page_faq_box .page_faq_head{
    text-align:center;
    margin-bottom:.45rem
}
 .page_download .page_download_head h1,.page_faq .page_faq_box .page_faq_head h1{
    font-size:.3rem;
    margin-bottom:.2rem
}
 .page_download .page_download_head .remark,.page_faq .page_faq_box .page_faq_head .remark{
    font-size:.2rem;
    line-height:1.2;
    max-width:75%;
    margin:auto
}
 .page_download .page_download_content .count_download{
    font-size:.18rem;
    margin-bottom:.15rem
}
 .page_download .download_item_box{
    padding-top:.2rem;
    border-top:.03rem solid #333;
    margin-bottom:.9rem
}
 .page_download .download_item_box .item_box_head{
    display:flex;
    border-bottom:.01rem solid #ddd;
    padding-bottom:.2rem
}
 .page_download .download_item_box .item_box_head p{
    font-size:.2rem;
    font-family:RobotoBold
}
 .page_download .download_item_box .item_box .item i,.page_download .download_item_box .item_box_head p:nth-child(1){
    width:10.333%
}
 .page_download .download_item_box .item_box .item p:nth-of-type(1),.page_download .download_item_box .item_box_head p:nth-child(2){
    width:22.333%
}
 .page_download .download_item_box .item_box .item h4,.page_download .download_item_box .item_box_head p:nth-child(3){
    width:54.666%
}
 .page_download .download_item_box .item_box .item p:nth-of-type(2),.page_download .download_item_box .item_box_head p:nth-child(4){
    width:12.666%
}
 .page_download .download_item_box .item_box .item a{
    display:flex;
    padding:.2rem 0;
    border-bottom:.01rem solid #ddd;
    font-size:.18rem
}
 .page_download .download_item_box .item_box .item i{
    font-style:normal
}
 .page_download .download_item_box .item_box .item p:nth-of-type(1) span{
    background:rgb(3 89 145 / 20%);
    padding:.05rem .15rem;
    border-radius:100vh;
    display:inline-block
}
 .page_download .download_item_box .item_box .item p:nth-of-type(2){
    display:flex;
    align-items:center
}
 .page_download .download_item_box .item_box .item p:nth-of-type(2) img:first-child{
    max-width:.27rem;
    margin-right:.1rem
}
 .page_download .download_item_box .item_box .item p:nth-of-type(2) img:last-child{
    max-width:.12rem;
    margin-left:.1rem
}
 .page_download .index_news{
    margin-bottom:.8rem
}
 .page_download .index_news .head_block .title{
    margin-bottom:.25rem
}
 .page_download .index_news .head_block .remark{
    max-width:75%;
    margin:auto
}
 .page_download .index_news .index_news_box .swiper-container{
    padding-bottom:1rem
}
 .page_download .index_news .index_news_box .swiper-pagination{
    display:block
}
 .page_faq .page_faq_box{
    padding-bottom:1rem
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item{
    background:#f5f5f5;
    padding:.5rem .8rem;
    position:relative;
    margin-bottom:.4rem;
    cursor:pointer
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item:last-child{
    margin-bottom:0
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item:before{
    content:'';
    display:block;
    width:.04rem;
    height:100%;
    background:var(--color);
    position:absolute;
    left:0;
    top:0
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item .page_faq_item_head{
    font-size:.2rem;
    font-family:RobotoBold;
    position:relative
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item .page_faq_item_head:before{
    content:'';
    display:block;
    background:url(/res/magic/images/index_57.png) center no-repeat;
    width:.1rem;
    height:.18rem;
    position:absolute;
    right:.1rem;
    top:25%;
    transition:all .3s linear
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item .page_faq_item_head.open:before{
    transform:rotate(90deg)
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item .page_faq_item_box{
    display:none;
    margin-top:.3rem
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item .page_faq_item_box .item{
    background:#fff;
    margin-bottom:.1rem;
    padding:.45rem .6rem
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item .page_faq_item_box .item .wen{
    display:flex
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item .page_faq_item_box .item .wen .icon{
    max-width:3%
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item .page_faq_item_box .item .wen .icon img{
    max-width:.3rem
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item .page_faq_item_box .item .wen .title{
    font-size:.2rem;
    color:var(--color);
    max-width:97%;
    margin-left:.15rem;
    line-height:1.2
}
 .page_faq .page_faq_box .page_faq_content .page_faq_item .page_faq_item_box .item .da{
    margin-top:.25rem;
    font-size:.18rem;
    color:#666;
    line-height:1.3
}
 .page_contact{
    margin-top:1rem
}
 .page_contact .page_contact_head{
    display:flex;
    justify-content:space-between;
    margin-bottom:1rem
}
 .page_contact .page_contact_head .left,.page_contact .page_contact_head .right{
    width:50%
}
 .page_contact .page_contact_head .left{
    padding-right:12%
}
 .page_contact .page_contact_head .left h2{
    font-size:.7rem;
    font-family:RobotoBold;
    text-transform:uppercase;
    margin-bottom:.1rem
}
 .page_contact .page_contact_head .right h2{
    font-size:.3rem;
    line-height:.4rem
}
 .page_contact .page_contact_head .left>p{
    font-size:.18rem;
    line-height:.26rem;
    margin-bottom:.5rem
}
 .page_contact .page_contact_head .left .left_contact{
    margin-bottom:.35rem
}
 .page_contact .page_contact_head .left .left_contact .item{
    display:flex;
    padding:.2rem;
    border-radius:.1rem;
    margin-bottom:.1rem;
    transition:all .3s linear;
    background-color:rgb(222 238 255 / 40%)
}
 .page_contact .page_contact_head .left .left_contact .item:hover{
    background:#deeeff
}
 .page_contact .page_contact_head .left .left_contact .item .icon{
    margin-right:.2rem
}
 .page_contact .page_contact_head .left .left_contact .item .icon img{
    max-width:.32rem
}
 .page_contact .page_contact_head .left .left_contact .item .txt{
    max-width:85%
}
 .page_contact .page_contact_head .left .left_contact .item .txt a{
    font-size:.18rem;
    display:inline-block;
    margin-right:.2rem
}
 .page_contact .page_contact_head .left .contact_code{
    margin-bottom:.3rem;
    border-bottom:.01rem solid #ddd;
    padding-bottom:.3rem
}
 .page_contact .page_contact_head .left .contact_code h3{
    font-size:.16rem;
    margin-bottom:.2rem;
    font-family:RobotoBold;
    color:var(--color)
}
 .page_contact .page_contact_head .left .contact_code .code_box{
    display:flex;
    gap:.2rem
}
 .page_contact .page_contact_head .left .contact_code .code_box .item .img_box{
    border:.01rem solid #ddd;
    border-radius:.1rem;
    overflow:hidden;
    padding:.05rem
}
 .page_contact .page_contact_head .left .contact_code .code_box .item .img_box img{
    max-width:1.2rem
}
 .page_contact .page_contact_head .left .contact_code .code_box .item .text_box{
    text-align:center;
    font-size:.16rem;
    padding:.05rem 0
}
 .page_contact .page_contact_head .left .contact_code .code_box .item .text_box .whatsapp_btn{
    display:block
}
 .page_contact .page_contact_head .left .contact_code .code_box .item .text_box .whatsapp_btn img{
    max-width:.2rem;
    margin-right:.05rem;
    margin-top:-.03rem
}
 .page_contact .page_contact_head .left .foot_share a{
    display:inline-block;
    margin-right:.05rem
}
 .page_contact .page_contact_head .left .foot_share a img{
    max-width:.3rem
}
 .page_contact .page_contact_head .right .txt{
    border-radius:.1rem;
    background:#deeeff;
    padding:.4rem;
    color:var(--color);
    margin-bottom:.4rem
}
 .page_contact .page_contact_head .right p{
    font-size:.18rem;
    margin-bottom:.1rem
}
 .page_contact .page_contact_head .right form .input{
    display:flex;
    gap:.25rem .1rem;
    flex-wrap:wrap
}
 .page_contact .page_contact_head .right form .input>div{
    flex:0 0 calc((100% - 1 * .1rem)/ 2)
}
 .page_contact .page_contact_head .right form .input>div p,.page_contact .page_contact_head .right form .textarea_box p,.page_contact .page_contact_head .right form .upload-box p{
    font-size:.16rem;
    line-height:normal;
    margin-bottom:.1rem
}
 .page_contact .page_contact_head .right form .input>div p span{
    color:red
}
 .page_contact .page_contact_head .right form .input>div input,.page_contact .page_contact_head .right form .textarea_box textarea{
    width:100%;
    padding:.15rem .3rem;
    border:.01rem solid #d7d7d7;
    border-radius:.04rem;
    font-size:.16rem;
    color:#999
}
 .page_contact .page_contact_head .right form .upload-box{
    margin-top:.25rem
}
 .page_contact .page_contact_head .right form .upload-box #fileName{
    width:100%!important;
    margin-top:.1rem;
    color:#222;
    font-size:.16rem;
    overflow:hidden
}
 .page_contact .page_contact_head .right form .upload-box .upload-wrap{
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    width:100%;
    background:#f6f6f6;
    border:.01rem solid #d7d7d7;
    border-radius:.05rem;
    margin-bottom:.15rem
}
 .page_contact .page_contact_head .right form .upload-box .upload-wrap .file-open{
    height:.55rem;
    width:1.5rem;
    line-height:.55rem;
    padding:0 .1rem;
    background:#fff;
    text-align:center
}
 .page_contact .page_contact_head .right form .upload-box .upload-wrap p{
    font-size:.16rem;
    color:#999;
    display:inline-block;
    line-height:.22rem;
    margin-left:.3rem;
    max-width:45%;
    margin-bottom:0
}
 .page_contact .page_contact_head .right form .upload-box .upload-wrap .file-open img{
    vertical-align:middle
}
 .page_contact .page_contact_head .right form .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 .page_contact_head .right form .textarea_box textarea{
    height:1.5rem
}
 .page_contact .page_contact_head .right form .submit{
    margin-top:.23rem
}
 .page_contact .page_contact_head .right form .submit .btn_effect4{
    height:auto
}
 .page_contact .page_contact_head .right form .submit .btn_small_wrap .btn_small_list{
    text-transform:uppercase;
    color:#fff;
    padding:.1rem .15rem;
    border-radius:.1rem
}
 .page_contact .page_contact_head .right form .submit .btn_small_wrap .btn_small_list.hover{
    background:#fff;
    border-color:var(--color);
    color:var(--color)
}
 @keyframes ripple1{
    0%,35%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -o-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
     50%{
        -webkit-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -ms-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5);
        opacity:.8
    }
     100%{
        opacity:0;
        -webkit-transform:scale(2);
        -moz-transform:scale(2);
        -ms-transform:scale(2);
        -o-transform:scale(2);
        transform:scale(2)
    }
}
 @-webkit-keyframes ripple1{
    0%,35%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -o-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
     50%{
        -webkit-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -ms-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5);
        opacity:.8
    }
     100%{
        opacity:0;
        -webkit-transform:scale(2);
        -moz-transform:scale(2);
        -ms-transform:scale(2);
        -o-transform:scale(2);
        transform:scale(2)
    }
}
 .page_contact .page_contact_map{
    position:relative;
    height:7rem
}
 .page_contact .page_contact_map .map_box{
    overflow:hidden
}
 .page_contact .page_contact_map .map_box iframe{
    margin:0!important;
    height:7rem!important
}
 .page_contact .page_contact_map:after{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,.1)
}
 .page_contact .page_contact_map .map_icon{
    position:absolute;
    left:47.3%;
    bottom:45%;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    opacity:1;
    z-index:1;
    width:1.05rem;
    height:1.05rem;
    background-color:rgb(3 89 145 / 60%);
    cursor:pointer;
    border-radius:100%;
    color:#fff;
    font-size:1rem
}
 .page_contact .page_contact_map .map_icon:after{
    z-index:-1;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1rem;
    height:1rem;
    -webkit-animation:ripple1 2.2s ease-out infinite;
    -moz-animation:ripple1 2.2s ease-out infinite;
    -o-animation:ripple1 2.2s ease-out infinite;
    animation:ripple1 2.2s ease-out infinite;
    opacity:0;
    background:rgb(3 89 145 / 30%);
    border-radius:100%
}
 .page_contact .page_contact_map .map_icon>span{
    z-index:-1;
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1rem;
    height:1rem;
    -webkit-animation:ripple1 2s ease-out infinite;
    -moz-animation:ripple1 2s ease-out infinite;
    -o-animation:ripple1 2s ease-out infinite;
    animation:ripple1 2s ease-out infinite;
    opacity:0;
    background:rgb(3 89 145 / 50%);
    border-radius:100%
}
 .page_contact .page_contact_map .map_icon b{
    z-index:-1;
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1rem;
    height:1rem;
    -webkit-animation:ripple1 1.8s ease-out infinite;
    -moz-animation:ripple1 1.8s ease-out infinite;
    -o-animation:ripple1 1.8s ease-out infinite;
    animation:ripple1 1.8s ease-out infinite;
    opacity:0;
    background:rgb(3 89 145 / 80%);
    border-radius:100%
}
 .page_contact .page_contact_map .map_icon div{
    text-align:center;
    font-size:.16rem;
    padding-top:.15rem;
    position:relative
}
 .page_contact .page_contact_map .map_icon div p{
    margin-top:1rem;
    width:4rem;
    background:var(--color);
    color:#fff;
    padding:.1rem;
    border-radius:.05rem
}
 .page_contact .page_contact_map .map_icon div span{
    width:.21rem;
    height:.21rem;
    display:inline-block;
    background:var(--color);
    margin:auto;
    position:absolute;
    left:0;
    right:0;
    top:.44rem;
    border-radius:.5rem;
    z-index:-1
}
 .page_content.page_quotation{
    margin:1rem 0
}
 .page_quotation .page_quotation_head{
    margin-bottom:.3rem
}
 .page_quotation .page_quotation_head h1{
    font-size:.36rem;
    font-family:RobotoBold;
    margin-bottom:.2rem
}
 .page_quotation .page_quotation_head p{
    font-size:.18rem
}
 .page_quotation .page_quotation_box{
    display:flex;
    background:#fff;
    align-items:flex-start
}
 .page_quotation .page_quotation_box .left{
    width:45%;
    border:.01rem solid #eee;
    border-bottom:0
}
 .page_quotation .page_quotation_box .left .left_head{
    background:rgb(226 226 226);
    display:flex;
    justify-content:space-between;
    padding:.2rem
}
 .page_quotation .page_quotation_box .left .left_head p{
    line-height:.4rem;
    font-family:RobotoMedium;
    font-size:.16rem
}
 .page_quotation .page_quotation_box .left .left_head p:nth-child(1),.page_quotation .page_quotation_box .left .left_head p:nth-child(3){
    width:.4rem;
    height:.4rem
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item{
    display:flex;
    border-bottom:.01rem solid #eee;
    align-items:center;
    padding:.2rem
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box{
    width:.4rem;
    height:.4rem;
    line-height:.4rem;
    position:relative
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box input{
    width:.2rem;
    height:.2rem;
    margin:0;
    opacity:0
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box .box{
    position:absolute;
    top:.03rem;
    left:0;
    height:.2rem;
    width:.2rem;
    border:.01rem solid #ddd;
    border-radius:.03rem;
    transition:all .3s linear
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box label{
    width:.2rem;
    height:.2rem;
    margin-bottom:0;
    cursor:pointer;
    font-weight:unset
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box label .box:before{
    color:#fff;
    font-size:.2rem
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box label input:checked+.box{
    background:var(--color);
    border-color:var(--color)
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box label input:checked+.box:before{
    content:'√';
    display:block;
    position:absolute;
    left:.02rem;
    top:-.1rem;
    width:.2rem;
    height:.2rem
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box{
    display:flex;
    align-items:center;
    width:85%
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .img_box{
    margin-right:.1rem;
    overflow:hidden;
    width:1rem;
    height:.75rem;
    border-radius:.05rem
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .img_box a{
    display:block
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .img_box a img{
    max-width:1rem;
    height:.75rem;
    object-fit:cover
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .text_box{
    width:75%
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .text_box a{
    display:block;
    height:100%
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .text_box h3{
    font-size:.18rem;
    font-family:RobotoBold;
    line-height:.22rem
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .delete_box{
    width:.4rem;
    height:.4rem;
    text-align:right;
    line-height:.4rem;
    cursor:pointer
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .delete_box img{
    max-width:.15rem;
    vertical-align:middle
}
 .page_quotation .page_quotation_box .right{
    width:55%;
    padding-left:5%
}
 .page_quotation .page_quotation_box .right>p{
    font-size:.36rem;
    font-family:RobotoBold
}
 .page_quotation .page_quotation_box .right .from{
    padding-top:.3rem
}
 .page_quotation .page_quotation_box .right .from .input{
    display:flex;
    justify-content:space-between;
    margin-bottom:.15rem
}
 .page_quotation .page_quotation_box .right .from .input div{
    width:32.2%
}
 .page_quotation .page_quotation_box .right .from .input div p,.page_quotation .page_quotation_box .right .from .pro_categories .item p{
    font-size:.16rem;
    margin-bottom:.05rem
}
 .page_quotation .page_quotation_box .right .from .input div p span{
    color:red
}
 .page_quotation .page_quotation_box .right .from textarea{
    height:2.5rem;
    margin-bottom:.1rem
}
 .page_quotation .page_quotation_box .right .from .input div input,.page_quotation .page_quotation_box .right .from textarea{
    background:#f6f6f6;
    border:.01rem solid #ddd;
    line-height:.5rem;
    padding:0 .15rem;
    font-size:.14rem;
    width:100%
}
 .page_quotation .page_quotation_box .right .from .input div input::placeholder{
    color:#999
}
 .page_quotation .page_quotation_box .right .from .checktext{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:.18rem;
    border-bottom:.01rem solid #ddd;
    padding-bottom:.1rem
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label{
    margin-right:.1rem;
    font-weight:unset;
    margin-bottom:0;
    position:relative;
    padding-left:.1rem;
    cursor:pointer
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom>span{
    padding-left:.1rem;
    cursor:pointer
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label:hover,.page_quotation .page_quotation_box .right .from .checktext .buttom>span:hover{
    color:var(--color)
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label p{
    display:inline-block
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label .box{
    position:absolute;
    top:.03rem;
    left:0;
    height:.2rem;
    width:.2rem;
    border:.01rem solid #ddd;
    border-radius:.03rem;
    transition:all .3s linear
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label .box:before{
    color:#fff;
    font-size:.2rem
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label input{
    opacity:0
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label input:checked+.box{
    background:var(--color);
    border-color:var(--color)
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label input:checked+.box:before{
    content:'√';
    display:block;
    position:absolute;
    left:.02rem;
    top:-.06rem;
    width:.2rem;
    height:.2rem
}
 .page_quotation .page_quotation_box .right .from .checktext .text span{
    padding-top:.03rem;
    font-size:.3rem;
    margin-right:.1rem;
    display:inline-block;
    color:var(--color)
}
 .page_quotation .page_quotation_box .right .from .submit{
    padding-top:.3rem;
    text-align:right
}
 .page_quotation .page_quotation_box .right .from .submit button{
    margin-right:.1rem
}
 .page_quotation .page_quotation_box .right .from .submit button:last-child{
    margin-right:0
}
 .page_quotation .page_quotation_box .right .from .submit button:last-child .btn_small_list{
    background:#fff;
    color:var(--color)
}
 .page_quotation .page_quotation_box .right .from .submit button:last-child .btn_small_list.hover{
    background:var(--color)
}
 .page_quotation .page_quotation_box .right .from .submit button:last-child .btn_small_list.hover .btn_main_text{
    color:#fff
}
 .page_certifcate{
    padding:1.2rem 0
}
 .list_news .list_news_box .content_box>h2,.list_news .list_news_head .head_top h2,.page_certifcate_head h1,.page_pro_faq .page_pro_faq_head h3{
    font-size:.3rem;
    text-align:center;
    font-family:RobotoBold;
    margin-bottom:.25rem
}
 .page_certifcate_head .remark,.page_pro_faq .page_pro_faq_head .remark{
    font-size:.18rem;
    text-align:center;
    line-height:.3rem
}
 .page_certifcate_head .page_certifcate_list{
    display:flex;
    justify-content:center;
    margin-top:.7rem;
    margin-bottom:.9rem
}
.list_news .page_certifcate_head .page_certifcate_list{
    margin-top: 0;
}
 .page_certifcate_head .page_certifcate_list a{
    background-color:#deeefe;
    cursor:pointer;
    transition:all .3s linear;
    font-size:.18rem;
    padding:.22rem 0;
    width:16.666%;
    text-align:center
}
 .page_certifcate_head .page_certifcate_list a:last-child{
    margin-right:0
}
 .page_certifcate_head .page_certifcate_list a.active,.page_certifcate_head .page_certifcate_list a:hover{
    color:#fff;
    background:var(--color)
}
 .page_certifcate .page_certifcate_box.mobile{
    display:none
}
 .page_certifcate .page_certifcate_box .item_box{
    display:none
}
 .page_certifcate .page_certifcate_box .item_box.active{
    display:block
}
 .page_certifcate .page_certifcate_box .item_box .remark{
    font-size:.18rem;
    line-height:1.3
}
 .page_certifcate .page_certifcate_box .item_box .item{
    margin-top:.4rem;
    display:flex;
    flex-wrap:wrap;
    gap:.15rem .4rem;
    position:relative;
    padding:0 13.23%;
    padding-bottom:.8rem
}
 .page_certifcate .page_certifcate_box .item_box .item:before{
    content:'';
    display:block;
    background:url(/res/magic/images/index_50.webp) no-repeat center;
    width:100%;
    height:.63rem;
    position:absolute;
    left:0;
    right:0;
    bottom:8%;
    margin:auto;
    background-size:contain
}
 .page_certifcate .page_certifcate_box .item_box .item .img_box{
    border:.04rem solid #a0a8ad;
    position:relative;
    overflow:hidden;
    flex:0 0 calc((100% - 4 * .4rem)/ 5)
}
 .page_certifcate .page_certifcate_box .item_box .item .img_box:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:rgb(0 0 0 / 40%);
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    opacity:0;
    transition:all .3s linear
}
 .page_certifcate .page_certifcate_box .item_box .item .img_box .img img{
    min-height:3.73rem;
    object-fit:cover
}
 .page_certifcate .page_certifcate_box .item_box .item .img_box img.play_btn{
    max-width:.6rem;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index:2;
    cursor:pointer;
    transition:all .3s linear;
    opacity:0
}
 .page_certifcate .page_certifcate_box .item_box .item .img_box:hover img.play_btn,.page_certifcate .page_certifcate_box .item_box .item .img_box:hover:before{
    opacity:1
}
 .page_certifcate .page_pro_faq .bottom_remark{
    margin-top:.6rem
}
 .page_certifcate .page_pro_faq .bottom_remark p{
    font-size:.18rem;
    color:#000
}
 .page_certifcate .page_pro_faq .bottom_remark a{
    display:inline-block;
    padding:.1rem .2rem;
    background:var(--color);
    color:#fff;
    border-radius:100vh;
    border:.01rem solid #fff
}
 .page_certifcate .page_pro_faq .bottom_remark a:hover{
    color:var(--color);
    border-color:var(--color);
    background:0 0
}
 .page_certifcate_ads{
    margin-top:.7rem;
    position:relative
}
 .page_certifcate_ads .text_box{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    width:max-content;
    height:max-content;
    margin:auto;
    color:#fff;
    text-align:center
}
 .page_certifcate_ads .text_box h3{
    font-size:.5rem;
    font-family:RobotoBold
}
 .page_pro_faq{
    margin-top:.8rem
}
 .page_pro_faq .page_pro_faq_head{
    text-align:center
}
 .page_pro_faq .page_pro_faq_head h3{
    margin-bottom:.2rem
}
 .page_pro_faq .page_pro_faq_head .remark{
    max-width:75%;
    margin:auto
}
 .page_pro_faq .page_pro_faq_box{
    display:flex;
    flex-wrap:wrap;
    margin-top:.8rem
}
 .page_pro_faq .page_pro_faq_box .item{
    padding:.3rem;
    background:#f5f5f5;
    margin-bottom:.1rem;
    border-radius:.1rem;
    width:100%;
    cursor:pointer;
    border:.01rem solid #f5f5f5;
    transition:all .3s linear
}
 .page_pro_faq .page_pro_faq_box .item.open{
    background:#fff;
    border-color:var(--color)
}
 .page_pro_faq .page_pro_faq_box .item:last-child{
    margin-bottom:0
}
 .page_pro_faq .page_pro_faq_box .item .title{
    position:relative;
    font-size:.18rem;
    line-height:.3rem;
    font-family:RobotoBold;
    transition:all .3s linear
}
 .page_pro_faq .page_pro_faq_box .item.open .title{
    color:var(--color)
}
 .page_pro_faq .page_pro_faq_box .item .title:after,.page_pro_faq .page_pro_faq_box .item .title:before{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    content:'';
    width:.12rem;
    height:.12rem;
    transition:all .3s linear
}
 .page_pro_faq .page_pro_faq_box .item .title:after{
    border-right:.02rem solid #333;
    transform:rotate(45deg)
}
 .page_pro_faq .page_pro_faq_box .item .title:before{
    border-bottom:.02rem solid #333;
    transform:rotate(45deg)
}
 .page_pro_faq .page_pro_faq_box .item.open .title:after,.page_pro_faq .page_pro_faq_box .item.open .title:before{
    top:.1rem
}
 .page_pro_faq .page_pro_faq_box .item.open .title:after{
    transform:rotate(-45deg)
}
 .page_pro_faq .page_pro_faq_box .item.open .title:before{
    transform:rotate(134deg)
}
 .page_pro_faq .page_pro_faq_box .item .remark{
    margin-top:.15rem;
    display:none;
    font-size:.16rem;
    color:#666;
    line-height:.26rem
}
 .list_video{
    padding-top:1.2rem
}
 .list_video .list_video_line{
    font-size:.2rem;
    font-family:RobotoBold;
    padding-bottom:.25rem;
    margin-bottom:.4rem;
    border-bottom:.01rem solid #000
}
 .list_video .list_video_box{
    display:flex;
    gap:.2rem;
    flex-wrap:wrap
}
 .list_video .list_video_box .item{
    flex:0 0 calc((100% - 1 * .2rem)/ 2);
    border-radius:.1rem;
    background:#deeefe;
    display:flex;
    overflow:hidden;
    cursor:pointer
}
 .list_video .list_video_box .item .img_box{
    position:relative;
    width:66%
}
 .list_video .list_video_box .item .img_box .img{
    overflow:hidden;
    border-radius:.1rem
}
 .list_video .list_video_box .item .img_box .play_btn{
    position:absolute;
    left:.3rem;
    bottom:.3rem;
    max-width:.5rem
}
 .list_video .list_video_box .item .txt{
    width:34%;
    padding:.3rem
}
 .list_video .list_video_box .item .txt p{
    font-size:.18rem;
    line-height:.3rem;
    margin-bottom:.2rem
}
 .list_video .list_video_box .item .txt span{
    font-size:.16rem;
    display:block;
    padding-top:.2rem;
    border-top:.01rem solid #ddd;
    color:var(--color)
}
 .list_news .list_news_head{
    background:#f4f4f4;
    padding-top:1.2rem;
    padding-bottom:.8rem
}
 .list_news .list_news_head .head_top{
    display:flex;
    justify-content:space-between;
    position:relative;
    margin-bottom:.4rem;
    border-bottom:.01rem solid #000
}
 .list_news .list_news_head .head_top .swiper-pagination{
    right:0;
    bottom:45%!important
}
 .list_news .list_news_head .head_top .swiper-pagination-bullet{
    border-color:var(--color);
    width:.1rem;
    height:.1rem;
    border-width:.01rem
}
 .list_news .list_news_head .head_top .swiper-pagination-bullet-active{
    background:var(--color)
}
 .list_news .list_news_head .swiper-slide .item .img_box{
    overflow:hidden
}
 .list_news .list_news_head .swiper-slide .item .text_box{
    padding-top:.3rem
}
 .list_news .list_news_head .swiper-slide .item .text_box span{
    font-size:.16rem;
    color:var(--color);
    display:inline-block;
    transition:all .3s linear
}
 .list_news .list_news_head .swiper-slide .item .text_box span img{
    max-width:.22rem;
    margin-top:-.05rem;
    margin-right:.1rem
}
 .list_news .list_news_head .swiper-slide .item .text_box h3{
    font-size:.24rem;
    line-height:.34rem;
    min-height:.68rem;
    margin-top:.15rem
}
 .list_news .list_news_head .swiper-slide .item .text_box span{
    margin-right:.1rem
}
 .list_news .list_news_head .swiper-slide .item .text_box span:nth-last-child(2){
    margin-right:0
}
 .list_news .list_news_box{
    margin-top:.8rem;
    display:flex;
    flex-direction:row-reverse;
    margin-bottom:1rem
}
 .list_news .content_box{
    width:72.5%
}
 .list_news .list_news_box .content_box>h2{
    text-align:left;
    margin-bottom:.4rem;
    padding-bottom:.4rem;
    border-bottom:.01rem solid #000
}
 .list_news .list_news_box .content_box .item_box{
    display:flex;
    gap:.1rem .08rem;
    flex-wrap:wrap
}
 .list_news .list_news_box .content_box .item_box .item{
    flex:0 0 calc((100% - 2 * .08rem)/ 3);
    overflow:hidden
}
 .list_news .list_news_box .content_box .item_box .item .img_box{
    overflow:hidden
}
 .list_news .list_news_box .content_box .item_box .item .text_box{
    background-color:#deeeff;
    padding:.3rem;
    transition:all .3s linear
}
 .list_news .list_news_box .content_box .item_box .item .text_box span{
    font-size:.14rem;
    color:var(--color);
    display:inline-block;
    margin-right:.05rem;
    transition:all .3s linear
}
 .list_news .list_news_box .content_box .item_box .item .text_box h3{
    margin:.15rem 0;
    font-size:.2rem;
    line-height:.3rem;
    min-height:.6rem;
    -webkit-line-clamp:2
}
 .list_news .list_news_box .content_box .item_box .item .text_box p{
    font-size:.16rem;
    line-height:.26rem;
    color:#666;
    min-height:.52rem;
    margin-bottom:.2rem;
    transition:all .3s linear
}
 .list_news .list_news_box .content_box .item_box .item .text_box span img{
    max-width:.2rem;
    margin-top:-.05rem;
    margin-right:.05rem;
    transition:all .3s linear
}
 .list_news .list_news_box .content_box .item_box .item .text_box span:last-child img{
    max-width:.4rem
}
 .list_news .list_news_box .content_box .item_box .item:hover .text_box{
    background:var(--color);
    color:#fff
}
 .list_news .list_news_box .content_box .item_box .item:hover .text_box p,.list_news .list_news_box .content_box .item_box .item:hover .text_box span{
    color:#fff
}
 .list_news .list_news_box .content_box .item_box .item:hover .text_box span img{
    filter:brightness(0) invert(1)
}
 .list_news .list_news_box .content_box .item_box .item:hover .text_box span:last-child img{
    filter:unset
}
 .list_case .list_news_box .content_box .item_box .item .img_box{
    overflow:hidden
}
 .list_case .list_news_box .content_box .item_box .item .text_box h4{
    font-size:.2rem;
    line-height:.3rem;
    min-height:.6rem;
    margin-bottom:.15rem
}
 .list_case .list_news_box .content_box .item_box .item .text_box .remark{
    font-size:.16rem;
    line-height:.26rem;
    white-space:pre;
    min-height:.78rem;
    color:#666;
    transition:all .3s linear
}
 .list_case .list_news_box .content_box .item_box .item:hover .text_box .remark{
    color:#fff
}