.Home-banner{
     padding-top:1.2rem;
     transition:all .3s linear 
}
 .Home-banner .swiper-pagination{
     bottom:.5rem 
}
 .Home-banner .swiper-pagination .swiper-pagination-bullet{
     border-color:#fff 
}
 .Home-banner .swiper-pagination .swiper-pagination-bullet-active{
     background:#fff 
}
 .swiper-pagination .swiper-pagination-bullet{
     width:.12rem;
     height:.12rem;
     border:.02rem solid #b8b8b8;
     transform:rotate(45deg);
     margin:0 .08rem 
}
 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
     margin:0 .1rem 
}
 .swiper-pagination .swiper-pagination-bullet-active{
     border-color:var(--color) 
}
 .section{
     padding:.6rem 0 
}
 .head_block .title{
     font-size:.36rem;
     font-family:ConstantiaBold;
     font-weight:700;
     line-height:.36rem;
     text-align:center;
     position:relative;
     /*margin-top:.5rem */
}
 .head_block .title:before{
     content:'';
     display:none;
     background:url(/res/magic/images/index_79.png) no-repeat;
     background-size:contain;
     width:1.7rem;
     text-align:center;
     height:.36rem;
     position:absolute;
     top:-.45rem;
     left:0;
     right:0;
     margin:auto 
}
 .index_pro_categories .categories_box{
     display:flex;
     justify-content:space-between;
     margin-top:.5rem;
     flex-wrap:wrap 
}
 .index_pro_categories .categories_box .item{
     width:32.858%;
     max-width:4.6rem;
     margin-bottom:.1rem 
}
 .index_pro_categories .categories_box .item a:before{
     content:'';
     display:block;
     background-image:-webkit-linear-gradient(90deg,rgb(0 0 0) 0,rgb(0 0 0 / 0) 100%);
     opacity:.6;
     position:absolute;
     width:100%;
     height:1.3rem;
     bottom:0;
     z-index:2 
}
 .index_pro_categories .categories_box .item a{
     display:block;
     position:relative;
     border-radius:.1rem;
     overflow:hidden 
}
 .index_pro_categories .categories_box .item .cate_icon{
     overflow:hidden;
     overflow:hidden 
}
 .index_pro_categories .categories_box .item .cate_icon img{
     transition:.6s all 
}
 .index_pro_categories .categories_box .item .text_box{
     font-size:.2rem;
     font-family:CambriaBold;
     color:#fff;
     text-align:center;
     position:absolute;
     bottom:0;
     left:0;
     right:0;
     overflow:hidden;
     z-index:3;
     transition:all .3s linear 
}
 .index_pro_categories .categories_box .item .text_box span{
     -webkit-line-clamp:2 
}
 .index_pro_categories .categories_box .item .text_box img{
     filter:brightness(0) invert(1);
     transform:translateY(100%);
     transition:all .1s linear;
     opacity:0 
}
 .index_pro_categories .categories_box .item:hover .cate_icon img{
     transform:scale(1.06) 
}
 .index_pro_categories .categories_box .item:hover .text_box{
     bottom:25% 
}
 .index_pro_categories .categories_box .item:hover .text_box img{
     transform:translateY(.1rem);
     opacity:1 
}
 .index_pro_categories .categories_box .item:hover a:before{
     height:2rem;
     background-image:-webkit-linear-gradient(90deg,rgb(0 0 0) 0,rgb(0 0 0 / 50%) 100%) 
}
 .index_product{
     padding-top:0 
}
 .index_product .index_product_box{
     display:flex;
     flex-wrap:wrap;
     justify-content:space-between;
     margin-top:.5rem 
}
 .index_product .index_product_box .item{
     width:24.25%;
     position:relative;
     margin-right:.1rem 
}
 .index_product .index_product_box .item .img_box{
     overflow:hidden;
     text-align:center;
     background:#efeff4;
     border:.01rem solid #eaeaea;
     border-radius:.05rem;
     overflow:hidden;
     position:relative 
}
 .index_product .index_product_box .item .quote-button{
     width:.8rem;
     height:.8rem;
     border-radius:.8rem;
     background:var(--color1);
     padding-top:.15rem;
     font-size:.16rem;
     color:#fff;
     position:absolute;
     left:.2rem;
     bottom:.2rem;
     opacity:0;
     visibility:hidden;
     transition:all .2s linear;
     z-index:2 
}
 .index_product .index_product_box .item .text_box{
     font-size:.18rem 
}
 .index_product .index_product_box .item .text_box a{
     padding:.25rem 0;
     display:block 
}
 .index_product .index_product_box .item .text_box p{
     min-height:.54rem;
     margin-bottom:.1rem 
}
 .index_product .index_product_box .item .text_box span{
     font-size:.16rem;
     line-height:.24rem;
     color:#777 
}
 .index_product .index_product_box .item:hover .img_box .quote-button{
     opacity:1;
     visibility:inherit 
}
 .index_about{
     padding:0;
     padding-bottom:.5rem;
     position:relative;
     min-height:8rem 
}
 .index_about:before{
     content:'';
     display:block;
     width:50%;
     height:8rem;
     background:rgb(0 0 0 / 50%);
     position:absolute;
     z-index:0 
}
 .index_about .index_about_box{
     height:8rem;
     display:flex;
     flex-wrap:wrap;
     align-items:center;
     position:relative;
     z-index:2 
}
 .index_about .index_about_box .index_about_head{
     width:50%;
     padding-right:.4rem;
     margin-top:-1rem 
}
 .index_about .index_about_box .index_about_head .head_block{
     margin-bottom:.5rem 
}
 .index_about .index_about_box .index_about_head .head_block .title{
     text-align:left;
     color:#fff 
}
 .index_about .index_about_box .index_about_head .head_block .title:before{
     right:unset;
     filter:brightness(0) invert(1) 
}
 .index_about .index_about_box .index_about_head .title1{
     color:#fff;
     font-size:.24rem;
     font-family:CambriaBold;
     white-space:pre-line;
     line-height:.3rem;
     margin-bottom:.2rem 
}
 .index_about .index_about_box .index_about_head .remark{
     white-space:pre-line;
     color:#fff;
     font-size:.18rem;
     line-height:.26rem;
     margin-bottom:.4rem;
     -webkit-line-clamp:10 
}
 .index_about .index_about_box .index_about_head .btn_effect1{
     width:1.3rem;
     background:#fff;
     height:.45rem;
     display:flex;
     align-items:center;
     border-radius:.05rem 
}
 .index_about .index_about_box .index_about_head .btn_effect1>span{
     font-size:.18rem;
     font-family:CambriaBold 
}
 .index_about .index_about_box .index_about_bottom{
     width:100%;
     background:var(--color1);
     display:flex;
     justify-content:space-between;
     align-items:center;
     position:absolute;
     bottom:-.5rem 
}
 .index_about .index_about_box .index_about_bottom .index_about_num{
     display:flex;
     justify-content:space-between;
     color:#fff;
     align-items:center;
     width:82.8571%;
     padding:.1rem 0 
}
 .index_about .index_about_box .index_about_bottom .index_about_num .item{
     border-right:.01rem solid rgb(255 255 255 / 60%);
     width:22.4137%;
     padding-left:.45rem 
}
 .index_about .index_about_box .index_about_bottom .index_about_num .item .counter,.index_about .index_about_box .index_about_bottom .index_about_num .item span{
     font-size:.5rem;
     font-family:CambriaBold;
     display:inline-block;
     line-height:.46rem;
     margin-bottom:.1rem 
}
 .index_about .index_about_box .index_about_bottom .index_about_num .item .remark{
     font-size:.18rem;
     white-space:pre-line;
     line-height:.22rem 
}
 .index_about .index_about_box .index_about_bottom .index_about_num .item:last-child{
     border:0;
     width:31.8965% 
}
 .index_about .index_about_box .index_about_bottom .cril .triangle{
     text-align:center;
     display:inline-block;
     width:100%;
     height:100%;
     line-height:1.5rem;
     position:relative;
     z-index:222 
}
 .index_about .index_about_box .index_about_bottom .cril .triangle img{
     vertical-align:middle;
     max-width:.88rem 
}
 .index_about .index_about_box .index_about_bottom .cril{
     position:relative;
     width:17.1428%;
     height:100%;
     background:var(--color);
     cursor:pointer 
}
 .index_about .index_about_box .index_about_bottom .cril .dots{
     position:absolute;
     left:0;
     top:0;
     bottom:0;
     right:0;
     width:1.8rem;
     height:1.8rem;
     border:.04rem solid var(--color1);
     border-radius:50%;
     transform-origin:center center;
     opacity:0;
     margin:auto 
}
 .index_about .index_about_box .index_about_bottom .cril .dot{
     animation:Spread1 4s ease-out 1s infinite 
}
 .index_about .index_about_box .index_about_bottom .cril .dot-two{
     animation:Spreadtwo 4s ease-out 2s infinite 
}
 .index_about .index_about_box .index_about_bottom .cril .dot-three{
     animation:Spreadthree 4s ease-out 3s infinite 
}
 .index_about .index_about_box .index_about_bottom .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_pro_series{
     padding-top:1rem 
}
 .index_pro_series .auto-container{
     border-bottom:.01rem dashed #cbcccc;
     padding-bottom:.3rem 
}
 .index_pro_series .head_block .title{
     margin-top:0 
}
 .index_pro_series .index_pro_series_box{
     display:flex;
     flex-wrap:wrap;
     margin-top:.6rem 
}
 .index_pro_series .index_pro_series_box .item{
     width:25%;
     padding:.3rem .4rem;
     border-radius:.1rem;
     transition:all .3s linear;
     margin-bottom:.2rem 
}
 .index_pro_series .index_pro_series_box .item .img_box{
     display:flex;
     align-items:center;
     font-size:.24rem 
}
 .index_pro_series .index_pro_series_box .item .img_box img{
     margin-right:.2rem 
}
 .index_pro_series .index_pro_series_box .item .img_box p{
     transition:all .3s linear 
}
 .index_pro_series .index_pro_series_box .item .remark{
     font-size:.16rem;
     line-height:.22rem;
     margin-top:.25rem;
     min-height:.44rem 
}
 .index_pro_series .index_pro_series_box .item:last-child .img_box{
     display:flex;
     flex-direction:column 
}
 .index_pro_series .index_pro_series_box .item:last-child .img_box p{
     margin-top:.1rem 
}
 .index_pro_series .index_pro_series_box .item:last-child .remark{
     display:none 
}
 .index_pro_series .index_pro_series_box .item:hover{
     box-shadow:0 0 .4rem 0 rgba(12,73,111,.2);
     background:#fff 
}
 .index_pro_series .index_pro_series_box .item:hover .img_box p{
     color:var(--color1) 
}
 .index_pro_series .index_exhibition_swiper{
}
 .index_pro_series .index_exhibition_swiper .swiper-slide{
}
 .index_pro_series .index_exhibition_swiper .swiper-slide .item{
}
 .index_pro_series .index_exhibition_swiper .swiper-slide .item .img{
     overflow: hidden;
     cursor: pointer;
}
 .index_pro_series .index_exhibition_swiper .swiper-slide .item .img img{
}
 .index_pro_series .index_exhibition_swiper .swiper-slide .item p{
     margin-top: .15rem;
     font-size: .16rem;
     text-align: center;
}
 .index_certificate{
     padding-top:0;
     position:relative;
     padding-bottom:.8rem 
}
 .index_certificate:before{
     content:'';
     display:block;
     width:100%;
     height:6rem;
     position:absolute;
     bottom:0;
     z-index:0;
     opacity:.6;
     background-image:-webkit-linear-gradient(90deg,#e9e9ee 0,#fff 100%) 
}
 .index_certificate .auto-container{
     position:relative;
     z-index:2 
}
 .index_certificate .head_block{
     max-width:75%;
     margin:auto;
     text-align:center 
}
 .index_certificate .head_block .remark{
     font-size:.18rem;
     line-height:.26rem;
     padding:.3rem 
}
 .index_certificate .index_certificate_box .swiper{
     max-width:12.35rem;
     margin-top:.2rem 
}
 .index_certificate .index_certificate_box .swiper-slide .item{
     cursor:pointer 
}
 .index_case{
     padding:.8rem 0 
}
 .index_case .auto-container{
     display:flex;
     flex-direction:row-reverse;
     justify-content:space-between 
}
 .index_case .left,.index_case .right{
     width:48.5% 
}
 .index_case .left .head_block{
     margin-bottom:.3rem;
     padding:.5rem;
     padding-bottom:0 
}
 .index_case .left .head_block .title{
     text-align:left;
     margin-bottom:.4rem 
}
 .index_case .left .head_block .title:before{
     right:unset 
}
 .index_case .left .head_block .remark{
     font-size:.18rem;
     line-height:.26rem 
}
 .index_case .left .index_case_btn{
     margin-bottom:.9rem;
     padding-left:.5rem;
     display:flex;
     justify-content:flex-start 
}
 .index_case .left .index_case_btn .btn_effect1{
     border-radius:.05rem;
     color:#fff;
     font-size:.18rem;
     font-family:CambriaBold;
     padding:.12rem .31rem 
}
 .index_case .left .index_case_btn .btn_effect1:hover .effect_label>span:nth-child(2){
     color:#fff 
}
 .index_case .left .index_case_btn .btn_effect1:first-child{
     background:var(--color);
     margin-right:.1rem 
}
 .index_case .left .index_case_btn .btn_effect1:last-child{
     background:var(--color1) 
}
 .index_case .left .index_case_item_box .item,.index_case .right .item_box .item{
     position:relative 
}
 .index_case .right .item_box .item{
     margin-bottom:.4rem 
}
 .index_case .right .item_box .item:last-child{
     width:64.8011%;
     max-width:64.8011%;
     float:right 
}
 .index_case .left .index_case_item_box .item .img_box,.index_case .right .item_box .item .img_box{
     overflow:hidden 
}
 .index_case .left .index_case_item_box .item .text_box,.index_case .right .item_box .item .text_box{
     font-size:.24rem;
     line-height:.3rem;
     color:#fff;
     position:absolute;
     bottom:.2rem;
     left:.4rem 
}
 .index_news{
     padding-top:0 
}
 .index_news .index_news_box .swiper{
     margin-top:.5rem;
     padding-top:.3rem;
     padding-right:.3rem;
     padding-bottom:.3rem 
}
 .index_news .index_news_box .swiper-wrapper{
     padding-bottom:.4rem 
}
 .index_news .index_news_box .swiper-pagination{
     bottom:0 
}
 .index_news .index_news_box .swiper-slide .item_box{
     display:flex;
     justify-content:space-between;
     align-items:stretch 
}
 .index_news .index_news_box .swiper-slide .item_box .left{
     width:32.8571% 
}
 .index_news .index_news_box .swiper-slide .item_box .right{
     width:67.1428%;
     display:flex;
     flex-wrap:wrap;
     align-items:flex-start 
}
 .index_news .index_news_box .swiper-slide .item_box .right .item{
     width:50%;
     border-radius:.1rem;
     overflow:hidden 
}
 .index_news .index_news_box .swiper-slide .item_box .right .item .text_box{
     padding:.5rem .4rem!important 
}
 .index_news .index_news_box .swiper-slide .item_box .right .item .text_box .title{
     margin-bottom:.15rem!important 
}
 .index_news .index_news_box .swiper-slide .item_box .left .item{
     border-radius:.1rem;
     overflow:hidden;
     background:#f2f2f3 
}
 .index_news .index_news_box .swiper-slide .item_box .left .item .img_box{
     overflow:hidden 
}
 .index_news .index_news_box .swiper-slide .item_box .left .item .text_box,.index_news .index_news_box .swiper-slide .item_box .right .item .text_box{
     padding:.3rem .4rem 
}
 .index_news .index_news_box .swiper-slide .item_box .left .item .text_box .title,.index_news .index_news_box .swiper-slide .item_box .right .item .text_box .title{
     font-size:.2rem;
     font-family:CambriaBold;
     line-height:.26rem;
     margin-bottom:.05rem 
}
 .index_news .index_news_box .swiper-slide .item_box .left .item .text_box .remark,.index_news .index_news_box .swiper-slide .item_box .right .item .text_box .remark{
     font-size:.16rem;
     line-height:.24rem;
     color:#666;
     margin-bottom:.2rem 
}
 .index_news .index_news_box .swiper-slide .item_box .left .item .text_box .text_box_btn,.index_news .index_news_box .swiper-slide .item_box .right .item .text_box .text_box_btn{
     display:flex;
     justify-content:space-between;
     align-items:center 
}
 .index_news .index_news_box .swiper-slide .item_box .left .item .text_box .text_box_btn span,.index_news .index_news_box .swiper-slide .item_box .right .item .text_box .text_box_btn span{
     font-size:.16rem;
     line-height:.24rem;
     color:var(--color) 
}
 .index_news .index_news_box .swiper-slide .item_box .left .item .text_box .text_box_btn img,.index_news .index_news_box .swiper-slide .item_box .right .item .text_box .text_box_btn img{
     max-width:.15rem 
}
 .index_news .index_news_box .swiper-slide .item_box .right .item:hover{
     background-color:#fff;
     box-shadow:0 0 .4rem 0 rgba(12,73,111,.2) 
}