.swiper-pagination,.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
    margin:auto;
    left:0;
    right:0
}
 .swiper-pagination .swiper-pagination-bullet{
    width:.4rem;
    height:.01rem;
    cursor:pointer;
    border-radius:unset;
    background:#ffffff;
    opacity:1;
    transition:all .3s linear;
    margin:0 !important;
    margin-right:.2rem !important;
    background:#ababab
}
 .swiper-pagination .swiper-pagination-bullet:last-child{
    margin-right:0 !important
}
 .swiper-pagination .swiper-pagination-bullet-active{
    background:var(--color);
    height:.06rem
}
 .index_banner{
    padding-top:1.4rem;
    width:100%;
    overflow:hidden;
    aspect-ratio:19.2 / 9.4
}
 .index_banner .swiper-slide .txt{
    position:absolute;
    left:15%;
    top:12%;
    max-width:40%;
    color:#fff
}
 .index_banner .swiper-slide .txt .title{
    font-size:.56rem;
    line-height:1.3;
    margin-bottom:.35rem;
    font-family:ManropeExtraBold;
    position:relative;
    padding-bottom:.25rem
}
 .index_banner .swiper-slide .txt .title::before{
    content:'';
    display:block;
    width:30%;
    height:.08rem;
    background:var(--color);
    position:absolute;
    left:0;
    bottom:0
}
 .index_banner .swiper-slide .txt .remark{
    font-size:.26rem;
    font-family:ManropeSemiBold;
    line-height:.4rem;
    margin-bottom:.3rem
}
 .index_banner .swiper-slide .txt > img{
}
 .index_banner .swiper-pagination{
    text-align:right;
    bottom:10%;
    display:none
}
 .index_banner .swiper-pagination-bullet{
    border-color:var(--color)
}
 .index_banner .swiper-pagination-bullet-active{
    background:var(--color)
}
 .section{
    padding-top:.9rem
}
 .head_block{
    text-align:center
}
 .head_block .title{
    font-size:.48rem;
    font-family:'ManropeExtraBold';
    line-height:.58rem
}
 .head_block .title img{
    max-width:.34rem;
    margin-right:.15rem;
    margin-top:-.08rem
}
 .head_block .title span{
    color:var(--color)
}
 .head_block .remark{
    font-size:.26rem;
    line-height:.38rem;
    color:#808080;
    margin:.1rem auto
}
 .index_certification{
    background:#4d4d4d;
    padding-top:0
}
 .index_certification .auto-container{
    display:flex;
    gap:1rem;
    justify-content:center;
    padding:.2rem 0
}
 .index_certification .item{
}
 .index_certification .item img{
    opacity:.4;
    transition:all .3s linear;
    max-width:.81rem
}
 .index_certification .item:hover img{
    opacity:1
}
 .index_vr{
    padding-top:0;
    aspect-ratio:19.2 / 9
}
 .index_pro_categories{
    background:#f5f5fa;
    padding-bottom:.9rem
}
 .index_pro_categories .auto-container{
}
 .index_pro_categories .head_block{
}
 .index_pro_categories .head_block .title{
}
 .index_pro_categories .head_block .remark{
}
 .index_pro_categories .categories_box{
}
 .index_pro_categories .categories_head{
    display:flex;
    justify-content:center;
    gap:.9rem;
    margin-top:.4rem
}
 .index_pro_categories .categories_head .item{
}
 .index_pro_categories .categories_head .item a{
    font-size:.28rem;
    font-family:'ManropeSemiBold';
    padding-bottom:.15rem;
    position:relative
}
 .index_pro_categories .categories_head .item a:before{
    content:'';
    display:block;
    width:0;
    height:.03rem;
    background:var(--color);
    position:absolute;
    left:0;
    bottom:0;
    transition:all .3s linear
}
 .index_pro_categories .categories_head .item a:hover:before,.index_pro_categories .categories_head .item.active a:before{
    width:100%
}
 .index_pro_categories .categories_head .item .btn_small_wrap{
}
 .index_pro_categories .categories_head .item .btn_small_wrap .btn_small_list{
}
 .index_pro_categories .categories_head .item .btn_small_wrap .btn_small_list .btn_main_text{
}
 .index_pro_categories .categories_main{
    margin-top:.5rem
}
 .index_pro_categories .categories_main .item_box{
    display:none
}
 .index_pro_categories .categories_main .item_box.active{
    display:block
}
 .index_pro_categories .categories_main .item_box.active .swiper-wrapper{
  gap:.3rem;
    flex-wrap:wrap;
    display:flex
 }
 .index_pro_categories .categories_main .item_box .item{
    flex:0 0 calc((100% - 2 * .3rem) / 3)
}
 .index_pro_categories .categories_main .item_box .item:nth-child(1),.index_pro_categories .categories_main .item_box .item:nth-child(2){
    flex:0 0 calc((100% - 1 * .3rem) / 2)
}
 .index_pro_categories .categories_main .item_box .item a{
    border:.01rem solid #d9d9d9;
    background:#ffffff
}
 .index_pro_categories .categories_main .item_box .item .img_box{
    text-align:center;
    padding:.4rem;
    height:3rem;
    overflow:hidden
}
 .index_pro_categories .categories_main .item_box .item:nth-child(1) .img_box,.index_pro_categories .categories_main .item_box .item:nth-child(2) .img_box{
    padding:.4rem;
    height:4rem
}
 .index_pro_categories .categories_main .item_box .item .img_box img{
    height:170%;
    object-position:center calc(-.7rem + .1rem)
}
 .index_pro_categories .categories_main .item_box .item:nth-child(1) .img_box img,.index_pro_categories .categories_main .item_box .item:nth-child(2) .img_box img{
    height:145%;
    object-position:center calc(-.85rem + .1rem)
}
 .index_pro_categories .categories_main .item_box .item .text_box{
    padding:.4rem;
    padding-top:0
}
 .index_pro_categories .categories_main .item_box .item h2{
    line-height:.26rem;
    font-size:.2rem;
    font-family:'ManropeSemiBold';
    margin-bottom:.15rem;
    min-height:.52rem
}
 .index_pro_categories .categories_main .item_box .item p{
    font-size:.16rem;
    line-height:.22rem;
    margin-bottom:.15rem;
    min-height:.44rem
}
 .index_pro_categories .categories_main .item_box .item span{
}
 .index_pro_categories .categories_main .item_box .item span img{
}
 .index_section3{
}
 .index_section3 .auto-container{
}
 .index_section3 .auto-container .head_block{
}
 .index_section3 .auto-container .head_block .title{
}
 .index_section3 .auto-container .head_block .remark{
}
 .index_section3 .index_section3_box{
    margin-top:.45rem;
    position:relative
}
 .index_section3 .index_section3_box .swiper-container{
}
 .index_section3 .index_section3_box .swiper-wrapper{
}
 .index_section3 .index_section3_box .swiper-slide{
}
 .index_section3 .index_section3_box .swiper-slide .item{
}
 .index_section3 .index_section3_box .swiper-slide .item a{
}
 .index_section3 .index_section3_box .swiper-slide .item .img_box{
    overflow:hidden;
    border-radius:.15rem
}
 .index_section3 .index_section3_box .swiper-slide .item .img_box img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .index_section3 .index_section3_box .swiper-slide .item .text_box{
    margin-top:.2rem
}
 .index_section3 .index_section3_box .swiper-slide .item .text_box h4{
    font-size:.24rem;
    font-family:'ManropeSemiBold';
    margin-bottom:.1rem;
    line-height:.3rem
}
 .index_section3 .index_section3_box .swiper-slide .item .text_box span{
    font-size:.16rem;
    transition:all .3s linear
}
 .index_section3 .index_section3_box .swiper-slide .item a:hover .text_box span{
    color:var(--color)
}
 .index_section3 .index_section3_box .swiper-pagination{
    display:none
}
 .index_section3 .index_section3_box .swiper-button-prev{
}
 .index_section3 .index_section3_box .swiper-button-next{
}
 .index_section2{
}
 .index_section2 .index_section2_box{
    display:flex;
    align-items:center
}
 .index_section2 .index_section2_box .right,.index_section2 .index_section2_box .left{
    width:50%;
    overflow:hidden
}
 .index_section2 .index_section2_box .left{
}
 .index_section2 .index_section2_box .left img{
}
 .index_section2 .index_section2_box .right{
    padding:2.65%
}
 .index_section2 .index_section2_box .right .head_block{
    text-align:left;
    margin-bottom:.3rem
}
 .index_section2 .index_section2_box .right .head_block .title{
}
 .index_section2 .index_section2_box .right .head_block .remark{
}
 .index_section2 .index_section2_box .right .section2_remark{
    font-size:.2rem;
    line-height:.34rem;
    font-family:'ManropeMedium';
    margin-bottom:.3rem;
    -webkit-line-clamp:8
}
 .index_section2 .index_section2_box .right .item_box{
    display:flex;
    gap:.9rem;
    margin-bottom:.4rem
}
 .index_section2 .index_section2_box .right .item_box .item{
}
 .index_section2 .index_section2_box .right .item_box .item .txt{
    margin-bottom:.2rem
}
 .index_section2 .index_section2_box .right .item_box .item .txt div{
    font-size:.38rem;
    font-family:'ManropeExtraBold';
    color:var(--color);
    line-height:.58rem
}
 .index_section2 .index_section2_box .right .item_box .item .txt p{
    display:inline-block
}
 .index_section2 .index_section2_box .right .item_box .item .remark{
    font-size:.2rem;
    font-family:'ManropeMedium';
    line-height:.24rem
}
 .index_section2 .index_section2_box .right .more_btn{
}
 .index_section2 .index_section2_box .right .more_btn a{
}
 .index_section2 .index_section2_box .right .more_btn .btn_small_wrap{
}
 .index_section2 .index_section2_box .right .more_btn .btn_small_list{
    padding:.14rem .37rem;
    font-size:.22rem
}
 .index_section2 .index_section2_box .right .more_btn .btn_small_list .btn_main_text{
}
 .index_section2 .index_section2_box .right .more_btn .btn_small_list .btn_small_icon{
}
 .index_section2 .index_section2_box .right .more_btn .btn_small_list .btn_small_icon img{
}
 .index_section1{
    padding-top:0
}
 .index_section1 .index_section1_box{
    position:relative
}
 .index_section1 .index_section1_box .swiper-container{
}
 .index_section1 .index_section1_box .swiper-wrapper{
}
 .index_section1 .index_section1_box .swiper-slide{
}
 .index_section1 .index_section1_box .swiper-slide:before{
    content:'';
    display:block;
    background-color:var(--color1);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    transition:all .3s linear
}
 .index_section1 .index_section1_box .swiper-slide .img{
}
 .index_section1 .index_section1_box .swiper-slide .img img{
    min-height: 4.3rem;
}
 .index_section1 .index_section1_box .swiper-slide .txt{
    text-align:center;
    color:#ffffff;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:max-content;
    height:max-content;
    margin:auto;
    opacity:0;
    transition:all .3s linear
}
 .index_section1 .index_section1_box .swiper-slide .txt span{
    font-size:.48rem;
    font-family:'ManropeSemiBold';
    line-height:.6rem
}
 .index_section1 .index_section1_box .swiper-slide .txt p{
    font-size:.22rem;
    font-family:'ManropeSemiBold';
    line-height:.4rem
}
 .index_section1 .index_section1_box .swiper-pagination{
    display:none
}
 .index_section1 .index_section1_box .swiper-button-prev{
    left:.15rem
}
 .index_section1 .index_section1_box .swiper-button-next{
    right:.15rem
}
 .index_section1 .index_section1_box .swiper-slide:hover:before{
    opacity:0.502
}
 .index_section1 .index_section1_box .swiper-slide:hover .txt{
    opacity:1
}
 .index_certificates{
    background:#f5f5fa;
    padding-bottom:.9rem
}
 .index_certificates .auto-container{
}
 .index_certificates .head_block{
}
 .index_certificates .head_block .title{
}
 .index_certificates .head_block .title img{
}
 .index_certificates .head_block .remark{
}
 .index_certificates .index_certificates_box{
    position:relative;
    margin-top:.4rem
}
 .index_certificates .index_certificates_box .swiper-container{
    padding:.2rem
}
 .index_certificates .index_certificates_box .swiper-wrapper{
}
 .index_certificates .index_certificates_box .swiper-slide{
}
 .index_certificates .index_certificates_box .swiper-slide .img{
    border:.02rem solid var(--color);
    box-shadow:-.07rem .07rem .102rem .025rem rgba(0,0,0,0.1);
    cursor:pointer
}
 .index_certificates .index_certificates_box .swiper-slide .img img{
}
 .index_certificates .index_certificates_box .swiper-pagination{
}
 .index_certificates .index_certificates_box .swiper-button-prev,.index_certificates .index_certificates_box .swiper-button-next{
    background:transparent
}
 .index_certificates .index_certificates_box .swiper-button-prev{
    left:-.6rem
}
 .index_certificates .index_certificates_box .swiper-button-next{
    right:-.6rem
}
 .index_oemorder{
    margin-bottom:.9rem
}
 .index_oemorder .auto-container{
}
 .index_oemorder .index_oemorder_top{
    display:flex;
    justify-content:center;
    gap:.4rem;
    position:relative;
    margin-bottom:.5rem
}
 .index_oemorder .index_oemorder_top:before{
    content:'';
    display:block;
    width:80%;
    height:.01rem;
    background:#e6e6e6;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:auto
}
 .index_oemorder .index_oemorder_top .head_block{
    padding:0 .4rem;
    position:relative;
    padding-bottom:.2rem;
    cursor:pointer
}
 .index_oemorder .index_oemorder_top .head_block:before{
    content:'';
    display:block;
    width:0;
    height:.04rem;
    background:var(--color);
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    transition:all .3s linear
}
 .index_oemorder .index_oemorder_top .head_block.active:before,.index_oemorder .index_oemorder_top .head_block:hover:before{
    width:100%
}
 .index_oemorder .index_oemorder_top .head_block .title{
}
 .index_oemorder .index_oemorder_top .head_block .title img{
}
 .index_oemorder .index_oemorder_top .head_block .remark{
}
 .index_oemorder .index_oemorder_box{
}
 .index_oemorder .index_oemorder_box .item_box{
    display:none
}
 .index_oemorder .index_oemorder_box .item_box.active{
    display:flex;
    gap:.45rem;
    align-items:center
}
 .index_oemorder .index_oemorder_box .item_box .left,.index_oemorder .index_oemorder_box .item_box .right{
    width:50%
}
 .index_oemorder .index_oemorder_box .item_box .left{
    overflow:hidden;
    height: -webkit-fill-available;
}
 .index_oemorder .index_oemorder_box .item_box .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 .index_oemorder .index_oemorder_box .item_box .right{
    display:flex;
    gap:.45rem;
    flex-wrap:wrap
}
 .index_oemorder .index_oemorder_box .item_box .right .item{
    flex:0 0 calc((100% - 1 * .45rem)/ 2);
    height:max-content
}
 .index_oemorder .index_oemorder_box .item_box .right .item .icon{
    display:flex;
    align-items:center;
    margin-bottom:.15rem
}
 .index_oemorder .index_oemorder_box .item_box .right .item .icon img{
    max-width:.45rem
}
 .index_oemorder .index_oemorder_box .item_box .right .item .icon h4{
    display:inline-block;
    margin-left:.1rem;
    font-size:.24rem;
    font-family:'ManropeExtraBold'
}
 .index_oemorder .index_oemorder_box .item_box .right .item .txt{
}
 .index_oemorder .index_oemorder_box .item_box .right .item .txt p{
    font-size:.2rem;
    font-family:'ManropeSemiBold';
    line-height:.24rem;
    margin-bottom:.15rem
}
 .index_oemorder .index_oemorder_box .item_box .right .item .txt span{
    font-size:.16rem;
    line-height:.24rem
}
 .index_advantages{
    padding-bottom:.9rem
}
 .index_advantages .auto-container{
}
 .index_advantages .head_block{
    color:#ffffff
}
 .index_advantages .head_block .title{
}
 .index_advantages .head_block .title img{
}
 .index_advantages .head_block .remark{
    color:#ffffff;
    font-size:.24rem
}
 .index_advantages .index_advantages_box{
    margin-top:.45rem;
    display:flex;
    flex-wrap:wrap;
    gap:.3rem
}
 .index_advantages .index_advantages_box .item{
    flex:0 0 calc((100% - 2 * .3rem)/ 3);
    background:rgb(255 255 255 / 90%);
    border-radius:.1rem;
    padding:.35rem
}
 .index_advantages .index_advantages_box .item .icon{
    display:flex;
    align-items:center;
    gap:.15rem;
    margin-bottom:.2rem
}
 .index_advantages .index_advantages_box .item .icon img{
    width:.78rem;
    height:.78rem;
    background-color:var(--color);
    border-radius:100vh;
    transition:all .3s linear
}
 .index_advantages .index_advantages_box .item:hover .icon img{
    transform:rotateY(180deg)
}
 .index_advantages .index_advantages_box .item .icon h4{
    font-size:.24rem;
    font-family:'ManropeBold';
    line-height:.28rem
}
 .index_advantages .index_advantages_box .item .txt{
    font-size:.18rem;
    line-height:.28rem
}
 .index_process{
    padding-bottom:.9rem
}
 .index_process .index_process_box{
    position:relative;
    margin-top:.45rem
}
 .index_process .timeline{
    position:absolute;
    top:4.45rem;
    left:0;
    width:100%;
    height:.32rem;
    background-image:url("/res/magic/images/xbd_022.svg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center
}
 .index_process .grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:3rem 1.2rem 5rem;
    column-gap:.3rem;
    position:relative;
    z-index:1
}
 .index_process .grid .card{
    position:relative;
    height:3.9rem
}
 .index_process .grid .card:before{
    content:'';
    display:block;
    position:absolute;
    top:-.84rem;
    left:.1rem;
    right:0;
    margin:auto;
    width:.79rem;
    height:.32rem;
    background-image:url("/res/magic/images/xbd_021.svg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    transition:all .3s linear
}
 .index_process .grid .card[data-row="bottom"]:before{
}
 .index_process .grid .card[data-row="top"]:before{
    top:unset;
    bottom:-.87rem
}
 .index_process .grid .card:nth-child(1):before{
}
 .index_process .grid .card:nth-child(2):before{
    left:.12rem
}
 .index_process .grid .card:nth-child(3):before{
    left:9%
}
 .index_process .grid .card:nth-child(4):before{
    left:10%
}
 .index_process .grid .card:nth-child(5):before{
    left:0
}
 .index_process .grid .card:nth-child(6):before{
    left:0
}
 .index_process .grid .card:nth-child(7):before{
    left:7%
}
 .index_process .grid .card .img{
    overflow:hidden;
    border-radius:.15rem;
    height:100%
}
 .index_process .grid .card img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .index_process .grid .card .title{
    position:absolute;
    top:0;
    left:0;
    right:0;
    padding:.2rem .05rem;
    text-align:center;
    background:rgba(0,0,0,0.6);
    color:#fff;
    font-size:.22rem;
    font-family:'ManropeBold';
    border-radius:.15rem .15rem 0 0;
    z-index:2
}
 .index_process .grid .card[data-row="bottom"]{
    grid-row:3;
    transform:translateX(calc((var(--i) - 1) * -55.25%)) translateY(calc((var(--i) - 1) * -1.1rem))
}
 .index_process .grid .card[data-row="bottom"] .title{
    top:unset;
    bottom:0;
    border-radius:0 0 .15rem .15rem
}
 .index_process .grid .card:first-child{
    --i:1
}
 .index_process .grid .card:nth-child(2){
    --i:0
}
 .index_process .grid .card:nth-child(3){
    --i:1
}
 .index_process .grid .card:nth-child(4){
    --i:0
}
 .index_process .grid .card:nth-child(5){
    --i:1
}
 .index_process .grid .card:nth-child(6){
    --i:0
}
 .index_process .grid .card:nth-child(7){
    --i:1
}
 .index_process .grid .card span{
    display:inline-block;
    position:relative;
    left:45%;
    bottom:0;
    width:.54rem;
    height:.54rem;
    bottom:.27rem;
    line-height:.54rem;
    text-align:center
}
 .index_process .grid .card span i{
    position:absolute;
    top:0;
    left:0;
    right:0;
    text-align:center;
    z-index:1;
    font-style:unset;
    font-size:.28rem;
    font-family:'ManropeBold';
    color:#ffffff
}
 .index_process .grid .card span::after{
    content:'';
    position:absolute;
    width:.54rem;
    height:.54rem;
    background:#ea5513;
    transform:translateX(-50%) rotate(45deg)
}
 .index_process .grid .card[data-row="bottom"] span{
    top:-.27rem;
    bottom:unset;
    position:absolute
}
 .index_section4{
    aspect-ratio:19.2 / 5.94;
    position:relative;
    padding-bottom:.9rem
}
 .index_section4 .auto-container{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:max-content;
    height:max-content;
    text-align:center;
    max-width:60%
}
 .index_section4 .head_block{
    color:#ffffff
}
 .index_section4 .head_block img{
    max-width:.62rem
}
 .index_section4 .head_block .title{
    line-height:.65rem;
    margin-top:.3rem;
    margin-bottom:.3rem
}
 .index_section4 .head_block .remark{
    color:#ffffff;
    font-size:.2rem;
    line-height:.34rem;
    margin:0
}
 .index_section4 .more_btn{
    margin-top:.3rem
}
 .index_section4 .more_btn a{
}
 .index_section4 .more_btn .btn_small_wrap{
}
 .index_section4 .more_btn .btn_small_list{
    border-color:#ffffff;
    border-radius:unset;
    background:transparent;
    font-size:.24rem;
    font-family:'ManropeSemiBold';
    padding:.14rem .43rem
}
 .index_section4 .more_btn .btn_main_text{
}
 .index_section4 .more_btn .btn_small_icon{
}
 .index_section4 .more_btn .btn_small_icon img{
    max-width:.2rem
}
 .index_section4 .more_btn .btn_small_list.hover{
    border-color:var(--color);
    background:var(--color);
    color:#ffffff
}
 .index_section4 .more_btn .btn_small_list.hover .btn_small_icon img{
    filter:brightness(0) invert(1)
}
 .index_section5{
}
 .index_section5 .auto-container{
}
 .index_section5 .head_block{
}
 .index_section5 .head_block .title{
}
 .index_section5 .head_block .title img{
}
 .index_section5 .head_block .remark{
}
 .index_section5 .index_section5_box{
    margin-top:.45rem
}
 .index_section5 .index_section5_box .swiper-container{
    padding:.35rem;
    padding-top:0;
    padding-bottom:.8rem
}
 .index_section5 .index_section5_box .swiper-wrapper{
}
 .index_section5 .index_section5_box .swiper-slide{
}
 .index_section5 .index_section5_box .swiper-slide .item{
}
 .index_section5 .index_section5_box .swiper-slide .item a{
    border:.01rem solid #e6e6e6
}
 .index_section5 .index_section5_box .swiper-slide .item .img_box{
    overflow:hidden
}
 .index_section5 .index_section5_box .swiper-slide .item .img_box img{
    width:100%;
    max-height:2.8rem;
    object-fit:cover
}
 .index_section5 .index_section5_box .swiper-slide .item .text_box{
    padding:.3rem
}
 .index_section5 .index_section5_box .swiper-slide .item .text_box .title{
    font-size:.2rem;
    font-family:'ManropeSemiBold';
    color:#1a1a1a;
    margin-bottom:.25rem;
    transition:all .3s linear
}
 .index_section5 .index_section5_box .swiper-slide .item .text_box .remark{
    margin-bottom:.3rem;
    font-size:.16rem;
    line-height:.28rem
}
 .index_section5 .index_section5_box .swiper-slide .item .text_box .other{
    margin-top:.3rem;
    border-top:.01rem solid #e6e6e6;
    padding-top:.3rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:.15rem
}
 .index_section5 .index_section5_box .swiper-slide .item .text_box .other span:first-child{
    border:.01rem solid #e6e6e6;
    padding:.03rem .18rem;
    transition:all .3s linear
}
 .index_section5 .index_section5_box .swiper-slide .item a:hover .text_box .other span:first-child{
    background:var(--color);
    color:#ffffff;
    border-color:var(--color)
}
 .index_section5 .index_section5_box .swiper-slide .item a:hover .text_box .title{
    color:var(--color)
}
 .index_section5 .index_section5_box .swiper-slide .item a:hover{
    box-shadow:0px .15rem .35rem 0 rgba(5,37,88,0.13)
}
 .index_section5 .index_section5_box .swiper-pagination{
    bottom:0
}
 .index_section6{
    padding-bottom:.9rem
}
 .index_section6_box{
    margin-top:.45rem
}
 .index_section6_box .item{
    padding:.35rem 0;
    transition:all .3s linear;
    border-top:.01rem solid #e6e6e6
}
 .index_section6_box .item:last-child{
    border-bottom:.01rem solid #e6e6e6
}
 .index_section6_box .item.active,.index_section6_box .item:hover{
}
 .index_section6_box .item .item_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer
}
 .index_section6_box .item .item_head i,.index_section6_box .item .remark i{
    line-height:.3rem;
    display:block;
    font-style:normal
}
 .index_section6_box .item .remark i{
    background:#666;
    color:#fff
}
 .index_section6_box .item .item_head .title{
    font-size:.2rem;
    width:95%;
    transition:all .3s linear;
    font-family:'ManropeSemiBold'
}
 .index_section6_box .item .item_head .faq_icon{
    width:.3rem;
    height:.3rem;
    position:relative;
    cursor:pointer
}
 .index_section6_box .item .item_head .faq_icon:after,.index_section6_box .item .item_head .faq_icon:before{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:.12rem;
    height:.12rem;
    transition:all .3s linear;
    transform:rotate(-45deg)
}
 .index_section6_box .item .item_head .faq_icon:after{
    border-right:.02rem solid #333
}
 .index_section6_box .item .item_head .faq_icon:before{
    border-bottom:.02rem solid #333
}
 .index_section6_box .item .item_head .faq_icon.open:after,.index_section6_box .item .item_head .faq_icon.open:before{
    top:.1rem
}
 .index_section6_box .item .item_head .faq_icon.open:after,.index_section6_box .item .item_head .faq_icon.open:before{
    transform:rotate(45deg)
}
 .index_section6_box .item .remark{
    margin-top:.1rem;
    display:none;
    font-size:.16rem;
    line-height:.26rem;
    padding-left:.25rem;
    color:#666666;
    max-width:95%
}
 .index_section6_box .item .remark p{
}
 .page_banner{
    padding-top:1.4rem
}
 .page_banner .img_box{
    overflow:hidden
}
 .page_banner .img_box img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .page_inside{
    padding:.11rem 0;
    border-bottom:.01rem solid #e8e8e8
}
 .page_inside .auto-container{
}
 .page_inside a{
    color:#969696;
    text-transform:capitalize;
    font-size:.16rem
}
 .page_inside i{
    font-family:fangsong;
    font-style:normal;
    font-weight:bold;
    margin:0 .05rem;
    color:#969696
}
 .page_inside a img{
    max-width:.2rem;
    margin-top:-0.08rem;
    margin-right:.1rem
}
 .page_content{
    background:#f5f5fa
}
 .page_content .auto-container{
    padding:.7rem 0;
    display:flex;
    justify-content:space-between;
    flex-direction:row-reverse
}
 .page_content .page_content_box{
    width:79.375%;
    margin-left:1.875%;
    background:#ffffff;
    padding:.5rem;
    height:max-content
}
 .page_content .sidebar{
    width:18.75%
}
 .page_content .sidebar .sidebar_box{
}
 .page_content .sidebar .sidebar_box .category{
}
 .page_content .sidebar .sidebar_box .category h2{
    margin-bottom:.15rem
}
 .page_content .sidebar .sidebar_box .category h2,.page_content .sidebar .sidebar_box .left_recommend_pro h2,.page_content .sidebar .sidebar_box .left_recommend_news h2{
    font-size:.2rem;
    font-family:'ManropeSemiBold';
    background:var(--color);
    color:#ffffff;
    padding:.17rem .1rem;
    padding-left:.3rem
}
 .page_content .sidebar .sidebar_box .left_recommend_pro h2 img,.page_content .sidebar .sidebar_box .left_recommend_news h2 img{
    margin-top:-.06rem;
    margin-right:.1rem;
    max-width:.24rem
}
 .page_content .sidebar .sidebar_box .category .item_box{
}
 .page_content .sidebar .sidebar_box .category .item_box .item{
    background:#ffffff;
    margin-bottom:.1rem
}
 .page_content .sidebar .sidebar_box .category .item_box .item a{
    width:100%;
    font-size:.18rem;
    font-family:'ManropeMedium';
    padding:.16rem .1rem;
    padding-left:.3rem
}
 .page_content .sidebar .sidebar_box .category .item_box .item a.active,.page_content .sidebar .sidebar_box .category .item_box .item a:hover{
    color:var(--color)
}
 .page_content .sidebar .sidebar_box .left_recommend_pro{
    background:#ffffff;
    margin-bottom:.2rem;
    padding-bottom:.05rem
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-container{
    height:4.7rem;
    padding:.2rem;
    padding-bottom:0;
    margin-bottom:.15rem
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-wrapper{
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide{
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide a{
    display:flex;
    justify-content:space-between;
    gap:.1rem;
    align-items:center
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide .img_box{
    width:40%;
    border:.01rem solid #eeeeee;
    overflow: hidden;
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide .img_box img{
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide .text_box{
    width:60%
}
 .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide h3,.page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide .text_box h4{
    font-size:.18rem;
    line-height:.24rem;
    transition:all .3s linear;
    color:#4c4b4b
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide .text_box h4{
    margin-bottom:.05rem;
    min-height:.72rem
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide a:hover .text_box h4{
    color:var(--color)
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide .text_box .other{
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide .text_box .other span{
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-slide .text_box .other span img{
    max-width:.2rem
}
 .page_content .sidebar .sidebar_box .left_recommend_pro .swiper-pagination,.page_content .sidebar .sidebar_box .left_recommend_news .swiper-pagination,.page_content .sidebar .sidebar_box .left_salesperson_box .swiper-pagination{
    display:none
}
 .page_content .sidebar .sidebar_box .left_recommend_news{
    background:#ffffff;
    margin-bottom:.2rem;
    padding-bottom:.05rem
}
 .page_content .sidebar .sidebar_box .left_recommend_news .swiper-container{
    height:5.5rem;
    padding:.2rem;
    padding-bottom: 0;
}
 .page_content .sidebar .sidebar_box .left_recommend_news .swiper-wrapper{
}
 .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide{
    border-bottom:.01rem solid #eeeeee;
    padding-bottom:.2rem
}
 .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide a{
}
 .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide h3{
    margin-bottom:.1rem
}
 .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide .other{
    display:flex;
    justify-content:space-between
}
 .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide .other > span{
}
 .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide .other > span span{
}
 .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide .other > span img{
    max-width:.2rem;
    margin-top:-.05rem;
    margin-right:.1rem
}
 .page_content .sidebar .sidebar_box .left_recommend_news .swiper-slide .other > span:first-child img{
    max-width:.15rem
}
 .page_content .sidebar .sidebar_box .left_contact{
    background:#ffffff
}
 .page_content .sidebar .sidebar_box .left_contact .top{
}
 .page_content .sidebar .sidebar_box .left_contact .top h2{
    line-height:1.8rem;
    text-align:center;
    background:url(/res/magic/images/xbd_121.webp) no-repeat center/cover;
    color:#ffffff;
    font-size:.32rem;
    font-family:'ManropeSemiBold'
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box{
    padding:.2rem;
    padding-bottom:0
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item{
    margin-bottom:.15rem
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item a,.page_content .sidebar .sidebar_box .left_contact .left_contact_box .item:last-child{
    display:flex;
    gap:.1rem;
    justify-content:space-between
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item:last-child{
    border-bottom:.01rem solid #eeeeee;
    padding-bottom:.3rem
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item a{
    width:100%;
    display:flex
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item a:hover{
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item .icon{
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item .icon img{
    max-width:.2rem
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item .txt{
    width:88%
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item .txt h4{
    font-size:.18rem;
    font-family:'ManropeBold';
    display:inline-block
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item .txt p{
    color:#4c4b4b;
    transition:all .3s linear
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item a:hover .txt p{
    color:var(--color)
}
 .page_content .sidebar .sidebar_box .left_salesperson_box{
    padding:.2rem
}
 .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-container{
    height:.75rem
}
 .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-wrapper{
}
 .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide{
}
 .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide a{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .img_box{
}
 .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .img_box img{
    width:.7rem;
    height:.7rem;
    border-radius:100vh
}
 .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .text_box{
    width:65%
}
 .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .text_box h4{
    font-size:.16rem;
    font-family:'ManropeBold';
    margin-bottom:.1rem;
    transition:all .3s linear
}
 .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide a:hover .text_box h4{
    color:var(--color)
}
 .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .text_box .other{
    border:.01rem solid #eeeeee;
    border-radius:.05rem;
    padding:.06rem .15rem;
    width:max-content
}
 .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .text_box .other img{
    max-width:.2rem;
    margin-right:.05rem
}
 .page_content .sidebar .sidebar_box .left_salesperson_box .swiper-slide .text_box .other span{
    font-family:'ManropeMedium'
}
 .page_about{
}
 .page_about .page_about_box{
}
 .page_about .page_about_box h1,.page_certificate .page_certificate_box h1,.page_factory .page_factory_box h1{
    font-size:.3rem;
    font-family:'ManropeSemiBold';
    text-align:center;
    margin-bottom:.3rem
}
 .page_about .page_about_box .page_about_content{
    font-size:.18rem;
    line-height:.26rem
}
 .page_about .page_about_box .page_about_content p{
    margin:0 0 .1rem
}
 .page_certificate{
}
 .page_certificate .page_certificate_box{
}
 .page_certificate .page_certificate_box h1{
}
 .page_certificate .page_certificate_box .page_certificate_content{
    display:flex;
    gap:.45rem .2rem;
    flex-wrap:wrap;
    margin-top:.6rem
}
 .page_certificate .page_certificate_box .page_certificate_content .item{
    flex:0 0 calc((100% - 3 * .2rem) / 4);
    border:.02rem solid var(--color);
    box-shadow:-.07rem .07rem .102rem .025rem rgba(0,0,0,0.1);
    cursor:pointer
}
 .page_certificate .page_certificate_box .page_certificate_content .item .img{
}
 .page_certificate .page_certificate_box .page_certificate_content .item .img img{
}
 .page_factory{
}
 .page_factory .page_factory_box{
}
 .page_factory .page_factory_box h1{
}
 .page_factory .page_factory_box .page_factory_content{
    margin-top:.65rem
}
 .page_factory .page_factory_box .page_factory_content .page_factory_swiper{
}
 .page_factory .page_factory_box .page_factory_content .page_factory_swiper .swiper-wrapper{
}
 .page_factory .page_factory_box .page_factory_content .page_factory_swiper .swiper-slide{
}
 .page_factory .page_factory_box .page_factory_content .page_factory_swiper .swiper-slide .img{
}
 .page_factory .page_factory_box .page_factory_content .page_factory_swiper .swiper-slide .img img{
    width:100%;
    max-height:7rem;
    object-fit:cover
}
 .page_factory .page_factory_box .page_factory_content .page_factory_thumb{
    position:relative;
    margin-top:.2rem
}
 .page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-container{
    max-width:88%;
    margin:auto
}
 .page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-slide{
    width:1.05rem;
    height:1.05rem;
    border:.02rem solid transparent;
    margin-right:.1rem;
    transition:all .3s linear;
    cursor:pointer
}
 .page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-slide .img{
    width:100%;
    height:100%
}
 .page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-slide .img img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-slide.active-nav,.page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-slide:hover{
    border:.02rem solid var(--color)
}
 .page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-button-next,.page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-button-prev{
    height:100%;
    border-radius:0;
    top:0
}
 .page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-button-next{
    right:0
}
 .page_factory .page_factory_box .page_factory_content .page_factory_thumb .swiper-button-prev{
    left:0
}
 .page_content.list_products .page_content_box{
    background:transparent;
    padding:0
}
 .list_products .list_products_box{
}
 .list_products .list_products_box .item_box{
    display:flex;
    gap:.15rem;
    flex-wrap:wrap;
    margin-bottom:.5rem
}
 .list_products .list_products_box .item_box .item{
    flex:0 0 calc((100% - 2 * .15rem) / 3);
    background:#ffffff;
    position:relative
}
 .list_products .list_products_box .item_box .item a{
    display:block
}
 .list_products .list_products_box .item_box .item .img_box{
    border-bottom:.01rem solid #eeeeee
}
 .list_products .list_products_box .item_box .item .img_box img{
}
 .list_products .list_products_box .item_box .item .text_box{
    padding:.25rem
}
 .list_products .list_products_box .item_box .item .text_box h4{
    font-size:.2rem;
    font-family:'ManropeSemiBold';
    line-height:.26rem;
    min-height:.52rem;
    margin-bottom:.1rem
}
 .list_products .list_products_box .item_box .item .text_box .remark{
    line-height:.22rem;
    min-height:.44rem;
    color:#4c4b4b;
    margin-bottom:.2rem
}
 .list_products .list_products_box .item_box .item .text_box .other{
}
 .list_products .list_products_box .item_box .item .text_box .other{
    display:flex;
    justify-content:space-between;
    font-size:.16rem;
    color:var(--color);
    background:#f8f8f8;
    padding:.12rem .2rem;
    border-radius:100vh
}
 .list_products .list_products_box .item_box .item .text_box .other div:first-child{
}
 .list_products .list_products_box .item_box .item .text_box .other span{
    display:inline-block;
    margin-right:.05rem
}
 .list_products .list_products_box .item_box .item .text_box .other span img{
    max-width:.2rem;
    margin-top:-.03rem
}
 .list_products .list_products_box .item_box .item .inquire{
    position:absolute;
    top:.15rem;
    right:.15rem;
    z-index:2;
    font-size:.16rem;
    color:#fff;
    background:var(--color);
    border:.01rem solid var(--color);
    border-radius:.05rem;
    padding:.08rem .15rem;
    cursor:pointer;
    transition:all .3s linear
}
 .list_products .list_products_box .item_box .item .inquire:hover{
    background:#ffffff;
    color:var(--color)
}
 .page_content .inside-pagination{
    text-align:center;
    background:#ffffff;
    padding:.5rem 0
}
 .page_content .inside-pagination ul li a{
    color:#1a1a1a;
    display:inline-block;
    width:.36rem;
    height:.36rem;
    line-height:.36rem;
    border-radius:.04rem;
    font-size:.16rem;
    transition:all .3s linear;
    border:.01rem solid #e6e6e6
}
 .page_content .inside-pagination ul li a.active,.page_content .inside-pagination ul li a:hover,.page_content .inside-pagination ul li.active a{
    color:#fff;
    background:var(--color);
    border-color:var(--color)
}
 .page_content .inside-pagination ul li{
    display:inline-block;
    margin-right:.05rem
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
    background:unset
}
 .page_content .inside-pagination ul li>a>img{
    transition:all .3s linear;
    margin-top:-.04rem;
    max-width:.17rem;
    filter:brightness(0) invert(.5)
}
 .page_content .inside-pagination ul li.pre-page>a>img{
    transform:rotate(180deg)
}
 .page_content .inside-pagination ul li:hover>a>img{
    filter:unset
}
 .page_case{
}
 .page_case .page_content_box{
    background:transparent;
    padding:0
}
 .page_case .page_case_box{
}
 .page_case .page_case_box .page_case_top{
}
 .page_case_top > .item:first-child{
}
 .page_case_top > .item:nth-child(2){
}
 .page_case_top > .item:nth-child(3){
}
 .page_case .page_case_box .page_case_top .item{
}
 .page_case .page_case_box .page_case_top .item a{
    display:block;
    height:100%;
    position:relative
}
 .page_case .page_case_box .page_case_top .item a:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:rgb(0 0 0 / 30%);
    position:absolute;
    left:0;
    top:0
}
 .page_case .page_case_box .page_case_top .item .img_box{
    height:100%
}
 .page_case .page_case_box .page_case_top .item .img_box img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .page_case .page_case_box .page_case_top .item .text_box{
    position:absolute;
    left:0;
    bottom:0;
    padding:.2rem;
    color:#ffffff
}
 .page_case .page_case_box .page_case_top .item .text_box h4{
    font-size:.2rem;
    font-family:'ManropeMedium';
    line-height:.28rem;
    transition:all .3s linear
}
 .page_case .page_case_box .page_case_top .item a:hover .text_box h4{
    color:var(--color)
}
 .page_case .page_case_box .page_case_top .item .text_box .remark{
    margin-top:.2rem
}
 .page_case .page_case_box .item_box .item .img_box{
    overflow:hidden
}
 .page_case .page_case_box .item_box .item .text_box{
    background:#fff;
    padding:.2rem
}
 .page_case .page_case_box .item_box .item .text_box h4{
    font-size:.18rem;
    line-height:.24rem;
    font-family:ManropeMedium;
    transition:all .3s linear
}
 .page_case .page_case_box .item_box .item a:hover .text_box h4{
    color:var(--color)
}
 .page_case .page_case_box{
}
 .page_case .page_case_box .page_case_top{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:.15rem;
    margin-bottom:.15rem
}
 .page_case .page_case_box .page_case_top .item:first-child{
    grid-column:span 8;
    grid-row:span 2
}
 .page_case .page_case_box .page_case_top .item:nth-child(2),.page_case .page_case_box .page_case_top .item:nth-child(3){
    grid-column:span 4
}
 .page_case .page_case_box .item_box{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:.15rem;
    margin-bottom:.45rem
}
 .page_case .page_case_box .item_box .item{
    grid-column:span 4
}
 .page_news{
}
 .page_news .auto-container{
}
 .page_news .page_content_box{
    background:transparent;
    padding:0
}
 .page_news .page_news_box{
}
 .page_news .page_news_box .item_box{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:.3rem .15rem;
    margin-bottom:.6rem
}
 .page_news .page_news_box .item_box .item{
    flex:0 0 calc((100% - 2 * .15rem) / 3);
    background:#ffffff
}
 .page_news .page_news_box .item_box .item a{
}
 .page_news .page_news_box .item_box .item .img_box{
    overflow:hidden
}
 .page_news .page_news_box .item_box .item .img_box img{
}
 .page_news .page_news_box .item_box .item .text_box{
    padding:.3rem
}
 .page_news .page_news_box .item_box .item .text_box h3{
    font-size:.2rem;
    font-family:'ManropeMedium';
    line-height:.26rem;
    margin-bottom:.1rem;
    min-height:.52rem;
    transition:all .3s linear
}
 .page_news .page_news_box .item_box .item a:hover .text_box h3{
    color:var(--color)
}
 .page_news .page_news_box .item_box .item .text_box .remark{
    line-height:.22rem;
    min-height:.44rem;
    margin-bottom:.2rem
}
 .page_news .page_news_box .item_box .item .text_box .other{
}
 .page_news .page_news_box .item_box .item .text_box .other{
    display:flex;
    justify-content:space-between;
    color:#4c4b4b
}
 .page_news .page_news_box .item_box .item .text_box .other > span{
}
 .page_news .page_news_box .item_box .item .text_box .other > span span{
}
 .page_news .page_news_box .item_box .item .text_box .other > span img{
    max-width:.2rem;
    margin-top:-.05rem;
    margin-right:.1rem
}
 .page_news .page_news_box .item_box .item .text_box .other > span:first-child img{
    max-width:.15rem
}
 .page_contact{
}
 .page_contact .page_content_box{
    background:transparent;
    padding:0
}
 .page_contact .page_contact_box{
}
 .page_contact .page_contact_box .page_contact_top{
    background:#ffffff;
    padding:.5rem .3rem;
    margin-bottom:.2rem
}
 .page_contact .page_contact_box .page_contact_top h2,.page_contact .page_contact_box .page_contact_form h2{
    font-size:.3rem;
    font-family:'ManropeMedium';
    position:relative;
    padding-bottom:.2rem;
    margin-bottom:.2rem;
    border-bottom:.01rem solid #eeeeee
}
 .page_contact .page_contact_box .page_contact_top h2:before,.page_contact .page_contact_box .page_contact_form h2:before{
    content:'';
    display:block;
    width:13%;
    height:.03rem;
    background:var(--color);
    position:absolute;
    left:0;
    bottom:0
}
 .page_contact .page_contact_box .page_contact_top h2{
}
 .page_contact .page_contact_box .page_contact_top .item_box{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:.4rem;
    margin-top:.45rem
}
 .page_contact .page_contact_box .page_contact_top .item_box .item{
    flex:0 0 calc((100% - 1 * .4rem) / 2);
    display:flex;
    align-items:center;
    gap:.2rem
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .img{
    width:.6rem;
    height:.6rem
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .img img{
    max-width:.6rem
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .txt{
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .txt a{
    width:100%;
    display:block
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .txt p{
    font-size:.18rem;
    font-family:'ManropeMedium';
    margin-bottom:.1rem
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .txt span{
    color:#949494;
    transition:all .3s linear
}
 .page_contact .page_contact_box .page_contact_top .item_box .item:hover .txt a span{
    color:var(--color)
}
 .page_contact .page_contact_box .page_contact_salesperson{
    margin-bottom:.2rem
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-container{
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-wrapper{
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide{
    background:#ffffff;
    padding:.3rem;
    text-align:center
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .img_box{
    margin-bottom:.2rem
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .img_box img{
    width:1rem;
    height:1rem;
    object-fit:cover;
    border-radius:100vh
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box{
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box h4{
    font-size:.2rem;
    font-family:'ManropeMedium';
    margin-bottom:.1rem
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box p{
    font-size:.18rem
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box p a{
    color:#949494;
    transition:all .3s linear
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box p a:hover{
    color:var(--color)
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box .other{
    margin:auto;
    margin-top:.15rem;
    border:.01rem solid #eeeeee;
    border-radius:.05rem;
    padding:.06rem .15rem;
    width:max-content;
    transition:all .3s linear
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box .other:hover{
    border-color:var(--color)
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box .other a{
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box .other img{
    max-width:.2rem;
    margin-right:.05rem
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box .other span{
    font-family:'ManropeMedium';
    transition:all .3s linear
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box .other:hover span{
    color:var(--color)
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-pagination{
    display:none
}
 .page_contact .page_contact_box .page_contact_form{
    background:#ffffff;
    padding:.5rem .3rem;
    margin-bottom:.2rem
}
 .page_contact .page_contact_box .page_contact_form h2{
}
 .page_contact .page_contact_box .page_contact_form h2:before{
    width:20%
}
 .page_contact .page_contact_box .page_contact_form form{
    margin-top:.45rem
}
 .page_contact .page_contact_box .page_contact_form .input{
    display:flex;
    gap:.1rem;
    margin-bottom:.1rem
}
 .page_contact .page_contact_box .page_contact_form .input div{
    flex:0 0 calc((100% - 2 * .1rem) / 3);
    border:.01rem solid #eeeeee
}
 .page_contact .page_contact_box .page_contact_form .input input,.page_contact .page_contact_box .page_contact_form .textarea_box textarea{
    width:100%;
    background:#f8f8f8;
    padding:.15rem
}
 .page_contact .page_contact_box .page_contact_form .input input{
}
 .page_contact .page_contact_box .page_contact_form .textarea_box{
    margin-bottom:.3rem
}
 .page_contact .page_contact_box .page_contact_form .textarea_box textarea{
    height:2rem;
    border:.01rem solid #eeeeee
}
 .page_contact .page_contact_box .page_contact_form .submit{
}
 .page_contact .page_contact_box .page_contact_form .submit .btn_effect4{
}
 .page_contact .page_contact_box .page_contact_form .submit .btn_effect4 .btn_small_list{
}
 .page_contact .page_contact_box .page_contact_form .submit .btn_effect4 .btn_small_list.hover{
}
 .page_contact .page_contact_box .page_contact_map{
}
 .page_contact .page_contact_box .page_contact_map iframe{
}
 .page_product_show .page_content_box{
    background:transparent;
    padding:0
}
 .page_product_show .product_show_head{
    padding-top:.3rem;
    padding-bottom:.5rem;
    background:#ffffff
}
 .page_product_show .product_show_head .auto-container{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    padding:0;
    flex-direction:row
}
 .page_product_show .product_show_head .img_box{
    width:42.5%;
    margin-right:3%
}
 .page_product_show .product_show_head .text_box{
    width:54.5%
}
 .page_product_show .product_show_head .img_box .view_box{
    position:relative;
    margin-bottom:.3rem;
    border:.01rem solid #eee
}
 .page_product_show .product_show_head .img_box .thumb_box{
    position:relative
}
 .page_product_show .product_show_head .img_box .thumb_box .thumbelina{
    /* overflow:hidden; */
    /* width: 100%; */
}
 .page_product_show .product_show_head .img_box .thumb_box .img{
    width:1.26rem;
    height:1.26rem;
    overflow:hidden;
    margin-right:.1rem;
    cursor:pointer;
    background:#f0f1f1;
    overflow:hidden
}
 .page_product_show .product_show_head .img_box .thumb_box .img img{
    border:.01rem solid #cccccc;
    border-radius:.05rem;
    transition:all .3s linear
}
 .page_product_show .product_show_head .img_box .thumb_box .img img.cloudzoom-gallery-active{
    border-color:var(--color)
}
 .page_product_show .product_show_head .img_box .thumb_box .img:last-child{
    margin-right:0
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-next{
    left:unset;
    bottom:0;
    top:0;
    width:.65rem;
    height:100%;
    line-height:1.26rem;
    border-radius:0;
    background:#e6e6e6;
    border:.01rem solid #e6e6e6;
    text-align:center;
    z-index:2;
    transition:all .3s linear
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev img,
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next img{
    max-width: .14rem;
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next:before,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev:before{
    display:none
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next:hover,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev:hover{
    background:var(--color)
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
    right:1.1rem
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next{
    right:0
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev:hover,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-next:hover{
    background:var(--color);
    border-color:var(--color)
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev:hover img,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-next:hover img{
    filter:invert(1)
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
    left:0
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next{
    right:0
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-slide-active{
    border-color:#000
}
 .page_product_show .product_show_head .img_box .view_box img.cloudzoom{
    width:100%
}
 .page_product_show .product_show_head .img_box .thumb_box #slider1{
    height:1.26rem;
    position:relative;
    width:78.55%;
    margin:auto
}
 .page_product_show .product_show_head .text_box h1{
    font-size:.26rem;
    line-height:.38rem;
    font-family:'ManropeBold';
    margin-bottom:.2rem
}
 .page_product_show .product_show_head .text_box .other{
    display:flex;
    gap:.2rem;
    margin-bottom:.2rem
}
 .page_product_show .product_show_head .text_box .other .item{
}
 .page_product_show .product_show_head .text_box .other .item span{
}
 .page_product_show .product_show_head .text_box .other .item img{
    max-width:.3rem
}
 .page_product_show .product_show_head .text_box .other .item:last-child{
    font-size:.2rem;
    color:var(--color)
}
 .page_product_show .product_show_head .text_box .other .item:last-child img{
    margin-right:.15rem
}
 .page_product_show .product_show_head .text_box .remark{
    font-size:.16rem;
    line-height:.24rem
}
 .page_product_show .product_show_head .text_box .attribute_box{
    border-bottom:.01rem solid #e6e6e6;
    padding-bottom:.25rem;
    margin-bottom:.25rem
}
 .page_product_show .product_show_head .text_box .attribute{
    border-top:.01rem solid #e6e6e6;
    margin:.25rem 0;
    padding:.25rem 0;
    margin-bottom:0;
    padding-bottom:0
}
 .page_product_show .product_show_head .text_box .attribute div{
    font-size:.16rem;
    margin-bottom:.1rem;
    color:#323232
}
 .page_product_show .product_show_head .text_box .contact_box{
    margin-bottom:.2rem
}
 .page_product_show .product_show_head .text_box .contact_box p{
    font-size:.18rem;
    margin-bottom:.1rem
}
 .page_product_show .product_show_head .text_box .contact_box img{
    margin-right:.1rem;
    max-width:.24rem
}
 .page_product_show .product_show_head .text_box .contact_box a{
    margin-right:.1rem;
    color:#353535
}
 .page_product_show .product_show_head .text_box .contact_box a:last-child{
    margin-right:0
}
 .page_product_show .product_show_head .text_box .btn_box{
    margin-bottom:.25rem
}
 .page_product_show .product_show_head .text_box .btn_box .quote-button{
    cursor:pointer;
    margin-right:.15rem
}
 .page_product_show .product_show_head .text_box .btn_box .btn_effect4 .btn_small_list{
    padding:.07rem .38rem;
    font-family:RobotoMedium;
    border-radius:100vh;
    font-size:.2rem
}
 .page_product_show .product_show_head .text_box .btn_box .btn_effect4 .btn_small_icon img{
    max-width:.2rem
}
 .page_product_show .product_show_head .text_box .btn_box .btn_effect4 .btn_small_list.hover{
    background:#fff;
    color:var(--color)
}
 .page_product_show .product_show_head .text_box .btn_box .btn_effect4:last-child .btn_small_list{
}
 .page_product_show .product_show_head .text_box .btn_box .btn_effect4:last-child .btn_small_list.hover{
    background:#ffffff;
    color:var(--color);
    border-color:var(--color)
}
 .page_product_show .product_show_head .text_box .share_box a{
    display:inline-block;
    margin-right:.05rem
}
 .page_product_show .product_show_head .text_box .share_box a img{
    max-width:.25rem
}
 .page_product_show .product_show_content{
    margin-bottom:.45rem;
    background:#ffffff;
    padding:.5rem
}
 .page_product_show .product_show_content .xbd_product_show_head{
    font-size:.28rem;
    font-family:'ManropeBold';
    position:relative;
    padding-bottom:.2rem;
    margin-bottom:.5rem
}
 .page_product_show .product_show_content .xbd_product_show_head:before{
    content:'';
    display:block;
    width:100%;
    height:.01rem;
    background:#eeeeee;
    position:absolute;
    left:0;
    bottom:0
}
 .page_product_show .product_show_form{
    background:#ffffff;
    padding:.5rem
}
 .page_product_show .product_show_form h2{
    font-size:.36rem;
    font-family:'ManropeExtraBold';
    text-align:center;
    margin-bottom:.15rem
}
 .page_product_show .product_show_form > p{
    font-size:.18rem;
    font-family:'ManropeMedium';
    text-align:center
}
 .page_product_show .product_show_form form{
    margin-top:.3rem
}
 .page_product_show .product_show_form .input{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:.2rem;
    margin-bottom:.2rem
}
 .page_product_show .product_show_form .input div{
    flex:0 0 calc((100% - 1 * .2rem) / 2)
}
 .page_product_show .product_show_form input,.page_product_show .product_show_form textarea{
    width:100%;
    border:.01rem solid #eeeeee;
    border-radius:.05rem;
    padding:.12rem
}
 .page_product_show .product_show_form input{
}
 .page_product_show .product_show_form .textarea_box{
    margin-bottom:.3rem
}
 .page_product_show .product_show_form .textarea_box textarea{
    height:2.2rem
}
 .page_product_show .product_show_form .submit{
    text-align:center
}
 .page_product_show .product_show_form .submit .btn_effect4{
}
 .page_product_show .product_show_form .submit .btn_effect4 .btn_small_list{
    padding:.1rem .2rem;
    border-radius:.05rem
}
 .page_product_show .product_show_form .submit .btn_effect4 .btn_small_list img{
    max-width:.2rem
}
 .page_product_show .product_show_form .submit .btn_effect4 .btn_small_list.hover{
}
 .page_quotation{
}
 .page_quotation .auto-container{
    display:block
}
 .page_quotation .page_quotation_head{
    text-align:center;
    margin-bottom:.9rem
}
 .page_quotation .page_quotation_head h1{
    font-size:.4rem;
    font-family:'ManropeBold';
    margin-bottom:.1rem
}
 .page_quotation .page_quotation_head p{
    font-size:.18rem;
    color:#999999;
    max-width:65%;
    margin:auto
}
 .page_quotation .page_quotation_box{
    display:flex;
    gap:.5rem;
    align-items:flex-start
}
 .page_quotation .page_quotation_box .left{
    flex:1.4
}
 .page_quotation .page_quotation_box .left .left_head,.page_quotation .page_quotation_box .right .left_head{
    margin-bottom:.3rem;
    font-size:.2rem;
    font-family:'ManropeBold'
}
 .page_quotation .page_quotation_box .left .item_box .item{
    background:rgba(255,255,255,0.9);
    border-radius:.12rem;
    padding:.2rem .25rem;
    margin-bottom:.15rem;
    display:flex;
    align-items:center;
    box-shadow:var(--card-shadow);
    transition:transform 0.3s ease;
    backdrop-filter:blur(.05rem)
}
 .page_quotation .page_quotation_box .left .item_box .item a{
}
 .page_quotation .page_quotation_box .left .item_box .item:hover{
    transform:translateY(-.03rem);
    background:#ffffff
}
 .page_quotation .page_quotation_box .left .item_box .item .img{
    width:.85rem;
    height:.85rem;
    background:#f0f4f8;
    border-radius:100vh;
    margin-right:.25rem;
    display:flex;
    align-items:center;
    justify-content:center;
    border:.01rem solid #f5f5fa;
    flex-shrink:0;
    overflow:hidden
}
 .page_quotation .page_quotation_box .left .item_box .item .text{
    flex-grow:1
}
 .page_quotation .page_quotation_box .left .item_box .item .text h3{
    margin:0 0 .06rem 0;
    font-size:.18rem;
    line-height:.24rem
}
 .page_quotation .page_quotation_box .left .item_box .item .text p{
    margin:0;
    font-size:.13rem;
    color:var(--text-muted)
}
 .page_quotation .page_quotation_box .left .item_box .item .other{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:.15rem;
    margin-left:.2rem
}
 .page_quotation .page_quotation_box .left .item_box .item .other input{
    width:.2rem;
    height:.2rem;
    accent-color:var(--color1)
}
 .page_quotation .page_quotation_box .left .item_box .item .other input::checked{
    accent-color:var(--color)
}
 .page_quotation .page_quotation_box .left .item_box .item .other .remove-btn{
    color:var(--color);
    cursor:pointer;
    text-decoration:underline
}
 .page_quotation .page_quotation_box .left .list-footer{
    background:rgba(255,255,255,0.5);
    padding:.15rem .25rem;
    border-radius:.1rem;
    display:flex;
    justify-content:space-between;
    font-size:.18rem;
    margin-top:.25rem
}
 .page_quotation .page_quotation_box .left .list-footer p{
}
 .page_quotation .page_quotation_box .left .list-footer div{
}
 .page_quotation .page_quotation_box .left .list-footer div span{
    cursor:pointer
}
 .page_quotation .page_quotation_box .left .list-footer div span:last-child{
    color:var(--color);
    margin-left:.25rem
}
 .page_quotation .page_quotation_box .right{
    flex:1;
    position:sticky;
    top:.4rem
}
 .page_quotation .page_quotation_box .right .left_head{
}
 .page_quotation .page_quotation_box .right .from{
    margin-bottom:.22rem;
    background:rgba(255,255,255,0.95);
    border-radius:.2rem;
    padding:.4rem;
    box-shadow:0 .2rem .4rem rgba(0,0,0,0.1)
}
 .page_quotation .page_quotation_box .right .from .input{
    display:flex;
    gap:.25rem .1rem;
    flex-wrap:wrap;
    margin-bottom:.2rem
}
 .page_quotation .page_quotation_box .right .from .input>div{
    flex:0 0 100%
}
 .page_quotation .page_quotation_box .right .from .textarea_box{
    margin-bottom:.2rem
}
 .page_quotation .page_quotation_box .right .from .input>div p,.page_quotation .page_quotation_box .right .from .textarea_box p{
    font-size:.16rem;
    line-height:normal;
    margin-bottom:.1rem
}
 .page_quotation .page_quotation_box .right .from .input>div p span,.page_quotation .page_quotation_box .right .from .textarea_box p span{
    color:red
}
 .page_quotation .page_quotation_box .right .from .input>div input,.page_quotation .page_quotation_box .right .from .textarea_box textarea{
    width:100%;
    padding:.15rem .3rem;
    border:.01rem solid #d7d7d7;
    border-radius:.04rem;
    font-size:.16rem;
    color:#999
}
 .page_quotation .page_quotation_box .right .from .textarea_box textarea{
    height:1.3rem
}
 .page_quotation .page_quotation_box .right .from .submit .btn_effect4 .btn-outline{
    background:transparent;
    border:.02rem solid var(--primary-dark);
    color:var(--primary-dark)
}
 .page_quotation .page_quotation_box .right .from .submit .btn_effect4{
}
 .page_quotation .page_quotation_box .right .from .submit .btn_effect4 .btn_small_list{
    padding:.06rem .3rem
}
 .page_quotation .page_quotation_box .right .from .submit .btn_effect4:nth-child(1){
}
 .page_quotation .page_quotation_box .right .from .submit .btn_effect4:nth-child(1) .btn_small_list{
}
 .page_quotation .page_quotation_box .right .from .submit .btn_effect4:nth-child(1) .btn_small_list.hover{
}
 .page_quotation .page_quotation_box .right .from .submit .btn_effect4:last-child{
}
 .page_quotation .page_quotation_box .right .from .submit .btn_effect4:last-child .btn_small_list{
    border-color:var(--color1);
    background:var(--color1)
}
 .page_quotation .page_quotation_box .right .from .submit .btn_effect4:last-child .btn_small_list.hover{
    background:#ffffff;
    color:var(--color1)
}
 .show_news{
}
 .show_news .page_content_box{
    background:transparent;
    padding:0
}
 .show_news .show_news_box .show_news_top{
    background:#ffffff;
    margin-bottom:.01rem;
    padding:.3rem;
    padding-top:.6rem;
    text-align:center
}
 .show_news .show_news_box .show_news_top h1{
    font-size:.28rem;
    font-family:'ManropeBold';
    margin-bottom:.2rem
}
 .show_news .show_news_box .show_news_top p{
}
 .show_news .show_news_box .show_news_top p span{
    display:inline-block;
    margin-right:.15rem
}
 .show_news .show_news_box .show_news_top p span img{
    max-width:.2rem;
    margin-top:-.05rem;
    margin-right:.1rem
}
 .show_news .show_news_box .show_news_content{
    background:#ffffff;
    margin-bottom:.01rem;
    padding:.3rem
}
.show_news_content .h1,.show_news_content .h2,.show_news_content .h3,.show_news_content h1,.show_news_content h2,.show_news_content h3{margin-top:.2rem;margin-bottom:.1rem}
.show_news_content .h4,.show_news_content .h5,.show_news_content .h6,.show_news_content h4,.show_news_content h5,.show_news_content h6{margin-top:.1rem;margin-bottom:.1rem}
.show_news_content p{margin:0 0 .1rem}
.show_news_content ol,.show_news_content ul{margin-top:0;margin-bottom:.1rem}
.show_news_content ul li{list-style:disc}
.show_news_content ol li{list-style:decimal}
.show_news_content blockquote{padding:.1rem .2rem;margin:0 0 .2rem;border-left:.05rem solid #eee}

 .show_news .show_news_box .show_news_content p{
    font-size:.18rem;
    line-height:.26rem
}
 .show_news .show_news_box .show_share{
    background:#ffffff;
    padding:.3rem
}
 .show_news .show_news_box .show_share div{
    display:inline-block
}
 .show_news .show_news_box .show_share p{
    display:inline-block;
    font-family:'ManropeBold';
    font-size:.18rem
}
 .show_news .show_pagination{
    margin-bottom:.55rem;
    padding-top:.45rem
}
 .show_news .show_pagination p{
    background:#ffffff;
    margin-bottom:.1rem;
    padding:.1rem .2rem;
    font-size:.18rem
}
 .show_news .show_pagination p a{
}
 .show_news .show_pagination p:hover a{
    color:var(--color)
}
 .show_news .show_pagination p:last-child{
    margin-bottom:0
}
 .show_news .show_pagination p span{
    font-family:'ManropeMedium'
}
