.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination,.swiper-pagination-custom,.swiper-pagination-fraction{
    margin:auto;
    left:0;
    right:0
}
 .swiper-pagination .swiper-pagination-bullet{
    width:.12rem;
    height:.12rem;
    cursor:pointer;
    border-radius:unset;
    background:#fff;
    opacity:1;
    transition:all .3s linear;
    margin:0!important;
    margin-right:.1rem!important;
    background:#c1c1c2;
    border-radius:100vh
}
 .swiper-pagination .swiper-pagination-bullet:last-child{
    margin-right:0!important
}
 .swiper-pagination .swiper-pagination-bullet-active{
    background:var(--color)
}
 .index_banner{
    padding-top:.9rem;
    width:100%;
    overflow:hidden;
    aspect-ratio:19.2/9
}
 .index_banner .swiper-slide .txt{
    position:absolute;
    left:15%;
    top:12%;
    max-width:45%;
    color:#fff
}
 .index_banner .swiper-slide .txt .title{
    font-size:.48rem;
    line-height:1.3;
    /* margin-bottom:.35rem; */
    font-weight: 800;
    position:relative;
    /* padding-bottom:.25rem; */
    max-width: 70%;
}
.index_banner .swiper-slide .txt .title .line-2{
    -webkit-line-clamp: 3;
}
 .index_banner .swiper-slide .txt .remark{
    font-size: .2rem;
    white-space: pre-line;
    -webkit-line-clamp: 4;
    margin-bottom: .3rem;
}
 .index_banner .swiper-slide .txt a{
    font-size:.18rem;
    color:#fff;
    background:var(--color);
    border-radius:100vh;
    padding:.15rem .25rem
}
 .index_banner .swiper-slide .txt a:hover{
    background:#fff;
    color:var(--color)
}
 .index_banner .swiper-pagination{
    /*text-align:right;*/
    bottom:5%;
    /*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:.34rem;
    font-weight: 800;
    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:.18rem;
    line-height:.38rem;
    color:grey;
    margin:.1rem auto
}
 .index_pro_categories{
    padding-bottom:.9rem
}
 .index_pro_categories .categories_main{
    margin-top:.5rem
}
 .index_pro_categories .categories_main .swiper-container{
    padding-bottom:.5rem
}
 .index_pro_categories .categories_main .item a{
    border:.01rem solid #d9d9d9;
    background:#fff;
    border-radius:20px;
    overflow:hidden
}
 .index_pro_categories .categories_main .item .img_box{
    overflow:hidden
}
 .index_pro_categories .categories_main .item .text_box{
    padding:.2rem 0;
    text-align:center
}
 .index_pro_categories .categories_main .item h2{
    line-height:.26rem;
    font-size:.2rem;
    font-weight: 700
}
 .index_pro_categories .categories_main .item p{
    font-size:.16rem;
    line-height:.22rem;
    margin-bottom:.15rem;
    min-height:.44rem
}
 .index_section3{
    padding-bottom:.9rem
}
 .index_section3 .index_section3_box{
    margin-top:.5rem
}
 .index_section3 .index_section3_box .swiper-container{
    padding-bottom:.8rem
}
 .index_section3 .index_section3_box .swiper-slide .item a{
    border:.01rem solid #e6e6e6;
    border-radius:.2rem;
    overflow:hidden
}
 .index_section3 .index_section3_box .swiper-slide .item .img_box{
    overflow:hidden
}
 .index_section3 .index_section3_box .swiper-slide .item .img_box img{
    width:100%;
    max-height:2.8rem;
    object-fit:cover
}
 .index_section3 .index_section3_box .swiper-slide .item .text_box{
    padding:.3rem
}
 .index_section3 .index_section3_box .swiper-slide .item .text_box .title{
    font-size:.2rem;
    font-weight: 600;
    color:#1a1a1a;
    min-height:.6rem;
    margin-bottom:.25rem;
    transition:all .3s linear
}
 .index_section3 .index_section3_box .swiper-slide .item .text_box .remark{
    margin-bottom:.3rem;
    font-size:.16rem;
    line-height:.28rem
}
 .index_section3 .index_section3_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_section3 .index_section3_box .swiper-slide .item .text_box .other span:first-child{
    border:.01rem solid #e6e6e6;
    padding:.03rem .18rem;
    transition:all .3s linear;
    border-radius:100vh
}
 .index_section3 .index_section3_box .swiper-slide .item a:hover .text_box .other span:first-child{
    background:var(--color);
    color:#fff;
    border-color:var(--color)
}
 .index_section3 .index_section3_box .swiper-slide .item a:hover .text_box .title{
    color:var(--color)
}
 .index_section3 .index_section3_box .swiper-slide .item a:hover{
    box-shadow:0 .15rem .35rem 0 rgba(5,37,88,.13)
}
 .index_section3 .index_section3_box .swiper-pagination{
    bottom:0
}
 .index_section2{
    padding-bottom:.9rem
}
 .index_section2 .index_section2_box{
    display:flex;
    align-items:center;
    flex-direction:row-reverse
}
 .index_section2 .index_section2_box .left,.index_section2 .index_section2_box .right{
    width:50%;
    overflow:hidden
}
 .index_section2 .index_section2_box .left{
    border-radius:20px
}
 .index_section2 .index_section2_box .right{
    padding-right:5.5%
}
 .index_section2 .index_section2_box .right .head_block{
    text-align:left;
    margin-bottom:.3rem
}
 .index_section2 .index_section2_box .right .section2_remark{
    font-size:.18rem;
    line-height:.3rem;
    margin-bottom:.3rem;
    -webkit-line-clamp:8
}
 .index_section2 .index_section2_box .right .item_box{
    display:flex;
    gap:.35rem;
    margin-bottom:.4rem
}
 .index_section2 .index_section2_box .right .item_box .item{
    flex:0 0 calc((100% - 3 * .35rem)/ 4)
}
 .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:.32rem;
    font-weight: 800;
    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:.18rem;
    font-weight: 700;
    line-height:.24rem
}
 .index_section2 .index_section2_box .right .more_btn .btn_small_list{
    padding:.14rem .37rem
}
 .index_section1{
    background:#f7f6f2;
    padding-bottom:.9rem
}
 .index_section1 .index_section1_box{
    display:flex;
    gap:.15rem;
    text-align:center;
    margin-top:.5rem
}
 .index_section1 .index_section1_box .item{
    flex:0 0 calc((100% - 4 * .15rem)/ 5)
}
 .index_section1 .index_section1_box .item .img_box{
    margin-bottom:.2rem
}
 .index_section1 .index_section1_box .item .text_box h4{
    font-size:.18rem;
    font-weight: 600;
    line-height:.3rem;
    max-width:90%;
    margin:auto
}
 .index_certificates{
    background:#fafaf7;
    padding-bottom:.9rem
}
 .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-slide .img{
    border:.02rem solid var(--color);
    box-shadow:-.07rem .07rem .102rem .025rem rgba(0,0,0,.1);
    cursor:pointer
}
 .index_certificates .index_certificates_box .swiper-pagination{
    display:none
}
 .index_certificates .index_certificates_box .swiper-button-next,.index_certificates .index_certificates_box .swiper-button-prev{
    background:0 0
}
 .index_certificates .index_certificates_box .swiper-button-prev{
    left:-.6rem
}
 .index_certificates .index_certificates_box .swiper-button-next{
    right:-.6rem
}
 .index_solutions{
    padding-bottom:.9rem
}
 .index_solutions .head_block,.index_solutions .head_block .remark{
    color:#fff
}
 .index_solutions .index_solutions_box{
    display:flex;
    gap:.2rem;
    margin-top:.5rem
}
 .index_solutions .index_solutions_box .item{
    background:#fff;
    text-align:center;
    padding:.4rem;
    border-radius:.2rem
}
 .index_solutions .index_solutions_box .item .icon{
    margin-bottom:.2rem
}
 .index_solutions .index_solutions_box .item .txt h4{
    margin-bottom:.15rem;
    font-size:.18rem;
    font-weight: 600
}
 .index_solutions .index_solutions_box .item .txt p{
    font-size:.16rem;
    line-height:.3rem;
    text-align:left
}
 .index_faq{
    background:#fafaf7;
    padding-bottom:.9rem
}
 .index_faq .auto-container{
    display:flex;
    gap:.3rem
}
 .index_faq .left{
    position:relative;
    border-radius:.2rem
}
 .index_faq .left .txt{
    position:absolute;
    left:0;
    bottom:.5rem;
    width:100%;
    height:max-content;
    text-align:center;
    z-index:2
}
 .index_faq .left:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:#293e59;
    position:absolute;
    opacity:.6
}
 .index_faq .left .txt h4{
    color:#fff;
    font-size:.38rem;
    font-weight: 600;
    max-width:60%;
    margin:auto;
    margin-bottom:.3rem
}
 .index_faq .left .txt .more_btn .btn_small_list{
    padding:.1rem .3rem
}
 .index_faq .left,.index_faq .right{
    width:50%;
    overflow:hidden
}
 .index_faq .right .head_block{
    text-align:left
}
 .index_faq .right .index_faq_box .item{
    padding:.3rem 0;
    transition:all .3s linear;
    border-top:.01rem solid #e6e6e6
}
 .index_faq .right .index_faq_box .item:last-child{
    border-bottom:.01rem solid #e6e6e6
}
 .index_faq .right .index_faq_box .item .item_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer
}
 .index_faq .right .index_faq_box .item .item_head i,.index_faq .right .index_faq_box .item .remark i{
    line-height:.3rem;
    display:block;
    font-style:normal
}
 .index_faq .right .index_faq_box .item .remark i{
    background:#666;
    color:#fff
}
 .index_faq .right .index_faq_box .item .item_head .title{
    font-size:.2rem;
    width:95%;
    transition:all .3s linear;
    font-weight: 700
}
 .index_faq .right .index_faq_box .item .item_head .faq_icon{
    width:.3rem;
    height:.3rem;
    position:relative;
    cursor:pointer;
    line-height:.3rem
}
 .index_faq .right .index_faq_box .item .item_head .faq_icon:after,.index_faq .right .index_faq_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_faq .right .index_faq_box .item .item_head .faq_icon:after{
    border-right:.02rem solid #333
}
 .index_faq .right .index_faq_box .item .item_head .faq_icon:before{
    border-bottom:.02rem solid #333
}
 .index_faq .right .index_faq_box .item .item_head .faq_icon.open:after,.index_faq .right .index_faq_box .item .item_head .faq_icon.open:before{
    top:-.1rem
}
 .index_faq .right .index_faq_box .item .item_head .faq_icon.open:after,.index_faq .right .index_faq_box .item .item_head .faq_icon.open:before{
    transform:rotate(45deg)
}
 .index_faq .right .index_faq_box .item .remark{
    margin-top:.1rem;
    display:none;
    font-size:.16rem;
    line-height:.26rem;
    color:#666
}
 .cta{
    margin-bottom:.9rem
}
 .cta .cta_box{
    background:#6d7e94;
    display:flex;
    flex-direction:row-reverse;
    border-radius:.1rem;
    overflow:hidden;
    margin-top:.5rem
}
 .cta .cta_box .cta_form,.cta .cta_box .img_box{
    width:50%
}
 .cta .cta_box .img_box{
    overflow:hidden
}
 .cta .cta_box .img_box img{
    height:100%
}
 .cta .cta_box .cta_form{
    padding:.5rem
}
 .cta .cta_box .cta_form h2{
    font-size:.33rem;
    font-weight: 600;
    margin-bottom:.5rem;
    color:#fff
}
 .cta .cta_box .cta_form>p{
    font-size:.18rem;
    font-weight: 700;
    text-align:center
}
 .cta .cta_box .cta_form form{
    margin-top:.3rem
}
 .cta .cta_box .cta_form .input{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:.2rem;
    margin-bottom:.2rem
}
 .cta .cta_box .cta_form .input div{
    flex:0 0 calc((100% - 1 * .2rem)/ 2)
}
 .cta .cta_box .cta_form input,.cta .cta_box .cta_form textarea{
    width:100%;
    border:.01rem solid #eee;
    border-radius:.05rem;
    padding:.12rem;
    background:#fff
}
 .cta .cta_box .cta_form .textarea_box{
    margin-bottom:.3rem
}
 .cta .cta_box .cta_form .textarea_box textarea{
    height:2.2rem
}
 .cta .cta_box .cta_form .submit .btn_effect4 .btn_small_list{
    padding:.1rem .2rem;
    border-radius:.05rem
}
 .cta .cta_box .cta_form .submit .btn_effect4 .btn_small_list img{
    max-width:.2rem
}
 .page_contact .page_contact_box .cta .cta_box .cta_form .input{
    gap:.1rem
}
 .page_contact .page_contact_box .cta .cta_box .cta_form .input div{
    flex:0 0 calc((100% - 1 * .1rem)/ 2)
}
 .page_contact .page_contact_box .cta .cta_box .cta_form .upload-box{
    margin-top:.15rem
}
 .page_contact .page_contact_box .cta .cta_box .cta_form .upload-box #fileName{
    width:100%!important;
    margin-top:.1rem;
    color:#222;
    font-size:.16rem;
    overflow:hidden;
    margin-bottom:.2rem
}
 .cta .cta_box .cta_form .upload-box .upload-wrap{
    display:flex;
    position:relative;
    overflow:hidden;
    width:100%;
    margin-bottom:.15rem;
    flex-direction:column-reverse
}
 .cta .cta_box .cta_form .upload-box .upload-wrap .file-open span:first-child{
    height:.55rem;
    width:1.5rem;
    line-height:.55rem;
    padding:0 .1rem;
    border-radius:.04rem;
    border:.01rem solid #d4d4d4;
    background:#fff;
    text-align:center;
    display:inline-block;
    margin-right:.1rem
}
 .cta .cta_box .cta_form .upload-box .upload-wrap .file-open span:last-child{
    font-size:.16rem;
    color:#fff;
    font-weight: 700
}
 .cta .cta_box .cta_form .upload-box .upload-wrap h3,.cta .cta_box .cta_form .upload-box .upload-wrap p{
    font-size:.16rem;
    color:#fff;
    display:inline-block;
    line-height:.22rem;
    margin-bottom:.3rem
}
 .cta .cta_box .cta_form .upload-box .upload-wrap h3{
    margin-bottom:.1rem;
    font-weight: 700
}
 .cta .cta_box .cta_form .upload-box .upload-wrap .file-open img{
    vertical-align:middle;
    filter:brightness(0) invert(.5)
}
 .cta .cta_box .cta_form .upload-box .upload-wrap .file-ele{
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    height:100%;
    width:100%;
    cursor:pointer;
    z-index:2;
    padding:0;
    border:0
}
 .index_advantages{
    padding-bottom:0;
    background:#fafaf7
}
 .index_advantages .item .auto-container{
    display:flex;
    align-items:center;
    gap:50px
}
 .index_advantages .item:nth-child(2n) .auto-container{
    flex-direction:row-reverse
}
 .index_advantages .index_advantages_box .item{
    padding:.8rem 0
}
 .index_advantages .index_advantages_box .item:last-child{
    background-color:#fff!important
}
 .index_advantages .index_advantages_box .item .icon,.index_advantages .index_advantages_box .item .txt{
    width:50%;
    overflow:hidden
}
 .index_advantages .index_advantages_box .item .icon{
    border-radius:.4rem
}
 .index_advantages .index_advantages_box .item .txt i{
    font-size:1.5rem;
    font-style:unset;
    font-weight: 800;
    color:#ddd;
    display:block;
    margin-bottom:-80px;
    opacity:.6;
    top:-1.5rem;
    left:0;
    z-index:0
}
 .index_advantages .index_advantages_box .item .txt h4{
    font-size:.2rem;
    font-weight: 800;
    position:relative;
    z-index:2;
    color:#404040;
    margin-bottom:.15rem
}
 .index_advantages .index_advantages_box .item .txt p{
    font-size:.16rem;
    line-height:.34rem
}
 .index_advantages .index_advantages_box .item:nth-child(2n) .txt h4,.index_advantages .index_advantages_box .item:nth-child(2n) .txt p{
    color:#fff
}
 .page_banner{
    padding-top:.9rem;
    position:relative
}
 .page_banner .img_box{
    overflow:hidden
}
 .page_banner .img_box img{
    width:100%;
    height:100%;
    object-fit:cover;
    min-height: 300px;
}
 .page_banner .text{
    position:absolute;
    left:8%;
    top:45%;
    color:#fff;
    max-width:55%
}
 .page_banner .text h1{
    font-size:.32rem;
    font-weight: 600;
    margin-bottom:.25rem
}
 .page_banner .text p{
    font-size:.16rem;
    line-height:1.8
}
 .page_inside{
    padding:.11rem 0;
    border-bottom:.01rem solid #e8e8e8
}
 .page_inside a{
    color:#969696;
    text-transform:capitalize;
    font-size:.16rem
}
 .page_inside i{
    font-family:fangsong;
    font-style:normal;
    font-weight:700;
    margin:0 .05rem;
    color:#969696
}
 .page_inside a img{
    max-width:.2rem;
    margin-top:-.08rem;
    margin-right:.1rem
}
 .page_banner .img_box p{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:max-content;
    height:max-content;
    color:#fff;
    font-size:.3rem;
    font-weight: 600
}
 .page_content .page_content_box{
    width:79.375%;
    margin-left:1.875%;
    padding:.5rem;
    height:max-content
}
 .page_content .sidebar{
    width:18.75%
}
 .page_content .sidebar .sidebar_box .category h2{
    margin-bottom:.15rem;
    border-radius:.06rem!important
}
 .page_content .sidebar .sidebar_box .category h2,.page_content .sidebar .sidebar_box .left_recommend_news h2,.page_content .sidebar .sidebar_box .left_recommend_pro h2{
    font-size:.2rem;
    background:var(--color);
    color:#fff;
    padding:.17rem .1rem;
    padding-left:.3rem;
    margin-bottom:0;
    border-radius:.06rem .06rem 0 0
}
 .page_content .sidebar .sidebar_box .left_recommend_news h2 img,.page_content .sidebar .sidebar_box .left_recommend_pro h2 img{
    margin-top:-.06rem;
    margin-right:.1rem;
    max-width:.24rem
}
 .page_content .sidebar .sidebar_box .category .item_box{
    margin-top:.2rem
}
 .page_content .sidebar .sidebar_box .category .item_box .item{
    background:#fff;
    margin-bottom:.1rem;
    border-radius:.06rem;
    overflow:hidden
}
 .page_content .sidebar .sidebar_box .category .item_box .item a{
    width:100%;
    font-size:.18rem;
    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:#fff;
    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-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 #eee;
    overflow:hidden
}
 .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:.16rem;
    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 span img{
    max-width:.2rem
}
 .page_content .sidebar .sidebar_box .left_recommend_news .swiper-pagination,.page_content .sidebar .sidebar_box .left_recommend_pro .swiper-pagination,.page_content .sidebar .sidebar_box .left_salesperson_box .swiper-pagination{
    display:none
}
 .page_content .sidebar .sidebar_box .left_recommend_news{
    background:#fff;
    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-slide{
    border-bottom:.01rem solid #eee;
    padding-bottom:.2rem
}
 .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 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:#fff
}
 .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:#fff;
    font-size:.32rem;
    font-weight: 700
}
 .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 #eee;
    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:first-child .icon img{
    filter:brightness(0)
}
 .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:.16rem;
    font-weight: 600;
    display:inline-block
}
 .page_content .sidebar .sidebar_box .left_contact .left_contact_box .item .txt p{
    color:#4c4b4b;
    transition:all .3s linear;
    word-break:break-all
}
 .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-slide a{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .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-weight: 600;
    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 #eee;
    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-weight: 700
}
 .page_about{
    background:#fff
}
 .page_about .page_about_section1{
    padding:.9rem 0
}
 .page_about .page_about_section1 .auto-container{
    flex-direction:row;
    flex-wrap:wrap;
    display:flex;
    align-items:center
}
 .page_about .page_about_section1 .img_box,.page_about .page_about_section1 .text_box{
    width:50%
}
 .page_about .page_about_section1 .img_box{
    border-radius:.1rem;
    overflow:hidden
}
 .page_about .page_about_section1 .text_box{
    padding-left:4%
}
 .page_about .page_about_section1 .text_box h2{
    font-size:.34rem;
    font-weight: 600;
    margin-bottom:.2rem
}
 .page_about .page_about_section1 .text_box .remark{
    white-space:break-spaces;
    font-size:.16rem;
    line-height:.26rem
}
 .page_about .index_section1{
    background:#f5f5fa
}
 .page_about .index_section1 .auto-container{
    display:block;
    padding:0
}
 .page_about .page_about_history{
    padding:.9rem
}
 .page_about .page_about_history .auto-container{
    display:block;
    padding:0
}
 .page_about .page_about_history{
    background:#fff;
    padding:.9rem 0
}
 .page_about .page_about_history_box{
    position:relative;
    margin-top:.6rem
}
 .page_about .page_about_history_box .history_swiper{
    max-width:95%;
    margin:auto
}
 .page_about .page_about_history_box:before{
    content:'';
    display:block;
    width:100%;
    height:.01rem;
    background:#d9d9d9;
    position:absolute;
    left:0;
    top:19%
}
 .page_about .page_about_history_box .swiper-slide .item .text_box{
    font-size:.3rem;
    font-weight: 600;
    margin-bottom:.4rem;
    padding-bottom:.4rem;
    position:relative
}
 .page_about .page_about_history_box .swiper-slide .item .text_box:before{
    content:'';
    display:block;
    width:.2rem;
    height:.2rem;
    border-radius:.2rem;
    padding:.1rem;
    position:absolute;
    left:0;
    top:75%;
    background:var(--color);
    opacity:.3
}
 .page_about .page_about_history_box .swiper-slide .item .text_box:after{
    content:'';
    display:block;
    width:.1rem;
    height:.1rem;
    border-radius:.2rem;
    background:var(--color);
    position:absolute;
    left:1.25%;
    top:80%
}
 .page_about .page_about_history_box .swiper-slide .item .img_box{
    overflow:hidden;
    background:#f2f3f7;
    border-radius:.1rem;
    padding:.3rem
}
 .page_about .page_about_history_box .swiper-slide .item .img_box h4{
    font-size:.18rem;
    font-weight: 600;
    margin-bottom:.2rem
}
 .page_about .page_about_history_box .swiper-slide .item .img_box .remark{
    line-height:1.6;
    min-height:1.55rem;
    white-space:break-spaces
}
 .page_about .page_about_history_box .swiper-button-next,.page_about .page_about_history_box .swiper-button-prev{
    border:0;
    border-radius:0;
    line-height:.6rem;
    top:12%;
    background:unset
}
 .page_about .page_about_history_box .swiper-button-next img,.page_about .page_about_history_box .swiper-button-prev img{
    max-width:.3rem
}
 .page_about .page_about_history_box .swiper-button-prev{
    left:-.5rem
}
 .page_about .page_about_history_box .swiper-button-next{
    right:-.5rem
}
 .page_about .page_about_section2{
    padding:.9rem
}
 .page_about .page_about_section2 .auto-container{
    display:block;
    padding:0
}
 .page_about .page_about_section3{
    padding:.9rem 0;
    background:#f5f5fa
}
 .page_about .team_box{
    margin-top:.5rem;
    position:relative
}
 .page_about .team_box .team_swiper{
    padding-bottom:.5rem
}
 .page_about .team_box .team_swiper .swiper-slide .item{
    overflow:hidden;
    border-radius:.15rem
}
 .page_about .page_about_section4{
    padding-top:.9rem
}
 .page_about .page_about_section4 .head_block .title{
    margin-bottom:.15rem
}
 .page_about .page_about_section4 .head_block .remark{
    line-height:1.5;
    max-width:80%;
    margin:auto;
    font-size:.16rem
}
 .page_about .quality_box{
    position:relative;
    margin-top:.9rem;
    padding:0 5%
}
 .page_about .quality_box .swiper-wrapper .swiper-slide{
    width:3.6rem;
    overflow:hidden
}
 .page_about .quality_box .swiper-wrapper .swiper-slide .img{
    border:.02rem solid var(--color);
    box-shadow:-.07rem .07rem .102rem .025rem rgba(0,0,0,.1);
    cursor:pointer;
    overflow:hidden
}
 .page_about .quality_box .swiper-wrapper .swiper-slide img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .page_about .quality_box .swiper-wrapper .swiper-slide p{
    font-size:.24rem;
    color:#fff;
    text-align:center;
    margin-top:.15rem
}
 .page_about .quality_box .swiper-button-prev{
    left:0
}
 .page_about .quality_box .swiper-button-next{
    right:0
}
 .page_about .index_honor_box{
    position:relative
}
 .page_certificate .page_certificate_box h1,.page_factory .page_factory_box h1{
    font-size:.3rem;
    font-weight: 700;
    text-align:center;
    margin-bottom:.3rem
}
 .page_banner.factory .text{
    width:max-content;
    height:max-content;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:auto
}
 .page_factory{
    margin-bottom:.9rem
}
 .page_factory .page_factory_box{
    padding-top:.9rem
}
 .page_factory .intro{
    padding-bottom:.9rem
}
 .page_factory .intro .item{
    display:flex;
    align-items:center;
    margin-bottom:.9rem;
    gap:.6rem
}
 .page_factory .intro .item:nth-child(odd){
    flex-direction:row-reverse
}
 .page_factory .intro .item:last-child{
    margin-bottom:0
}
 .page_factory .intro .item .img_box,.page_factory .intro .item .text_box{
    width:50%;
    overflow:hidden
}
 .page_factory .intro .item .img_box{
    border-radius:.1rem
}
 .page_factory .intro .item .text_box h4{
    font-size:.3rem;
    font-weight: 600;
    margin-bottom:.3rem
}
 .page_factory .intro .item .text_box .remark{
    font-size:.16rem;
    line-height:.3rem
}
 .page_factory .intro .item .text_box .remark p{
    margin-bottom:.1rem;
    position:relative
}
 .page_factory .intro .item .text_box .remark p i{
    display:inline-block;
    width:.1rem;
    height:.1rem;
    background:var(--color);
    border-radius:.1rem;
    margin-right:.1rem
}
 .page_factory .overview{
    padding-bottom:.9rem
}
 .page_factory .equipment .head_block .remark,.page_factory .overview .head_block .remark{
    line-height:1.5;
    max-width:80%
}
 .page_factory .overview_box{
    margin-top:.5rem
}
 .page_factory .overview_box{
    margin-top:.6rem
}
 .page_factory .overview_box .swiper-wrapper{
    flex-wrap:wrap;
    gap:.2rem
}
 .page_factory .overview_box .swiper-wrapper .swiper-slide{
    flex:0 0 calc((100% - 2 * .2rem)/ 3);
    cursor:pointer
}
 .page_factory .overview_box .swiper-wrapper .swiper-slide:first-child,.page_factory .overview_box .swiper-wrapper .swiper-slide:nth-child(2){
    flex:0 0 calc((100% - 1 * .2rem)/ 2)
}
 .page_factory .overview_box .swiper-wrapper .swiper-slide .img{
    border-radius:.05rem;
    overflow:hidden
}
 .page_factory .equipment_box{
    margin-top:.6rem
}
 .page_factory .equipment_box .swiper-container .swiper-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:.3rem
}
 .page_factory .equipment_box .swiper-container .swiper-slide{
    flex:0 0 calc((100% - 1 * .3rem)/ 2);
    cursor:pointer
}
 .page_factory .equipment_box .swiper-container .swiper-slide .img{
    overflow:hidden;
    border-radius:.1rem
}
 .page_content.list_products .page_content_box{
    background:0 0;
    padding:0
}
 .list_products,.page_faq{
    background:#f5f5fa
}
 .list_products .list_products_box .list_category_tag{
    background:#e4e4eb;
    font-size:.2rem;
    font-weight: 600;
    padding:.1rem;
    border-radius:.06rem;
    margin-bottom:.1rem
}
 .list_products>.auto-container,.page_faq .auto-container,.page_product_show .auto-container,.show_news .auto-container{
    padding:.9rem 0;
    display:flex;
    justify-content:space-between;
    flex-direction:row-reverse
}
 .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:#fff;
    position:relative;
    border:.01rem solid #d9d9d9;
    border-radius:.1rem;
    overflow:hidden
}
 .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 #eee
}
 .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-weight: 700;
    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{
    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 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:100vh;
    padding:.05rem .15rem;
    cursor:pointer;
    transition:all .3s linear
}
 .list_products .list_products_box .item_box .item .inquire:hover{
    background:#fff;
    color:var(--color)
}
 .page_content .inside-pagination{
    text-align:center
}
 .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_content .list_products_bottom{
    background:#fff;
    border-radius:.1rem;
    padding:.3rem;
    margin-top:.5rem
}
 .page_content .list_products_bottom h2{
    font-size:36px;
    font-weight: 600
}
 .page_content .list_products_bottom h3{
    font-size:20px;
    font-weight: 700
}
 .page_content .list_products_bottom h4{
    font-size:24px;
    font-weight: 700
}
 .page_content .list_products_bottom p{
    font-size:16px;
    line-height:24px
}
 .page_content .list_products_bottom .h1,.page_content .list_products_bottom .h2,.page_content .list_products_bottom .h3,.page_content .list_products_bottom h1,.page_content .list_products_bottom h2,.page_content .list_products_bottom h3{
    margin-top:20px;
    margin-bottom:20px
}
 .page_content .list_products_bottom .h4,.page_content .list_products_bottom .h5,.page_content .list_products_bottom .h6,.page_content .list_products_bottom h4,.page_content .list_products_bottom h5,.page_content .list_products_bottom h6{
    margin-top:10px;
    margin-bottom:10px
}
 .page_content .list_products_bottom p{
    margin:0 0 15px
}
 .page_content .list_products_bottom ol,.page_content .list_products_bottom ul{
    margin-top:0;
    margin-bottom:10px
}
 .page_content .list_products_bottom ul{
    padding-left:.2rem
}
 .page_content .list_products_bottom ul li{
    list-style:disc
}
 .page_content .list_products_bottom ol li{
    list-style:decimal
}
 .page_content .list_products_bottom blockquote{
    padding:10px 20px;
    margin:0 0 20px;
    border-left:5px solid #eee
}
 .page_content .list_products_bottom .img_box{
    overflow:hidden
}
 .page_content .list_products_bottom table{
    border-color:#dcdcdc
}
 .page_content .list_products_bottom table tr td{
    font-size:16px;
    padding:12px;
    padding-left:30px
}
 .page_faq .cta{
    padding:0;
    margin:0;
    padding-bottom:.9rem
}
 .page_faq .cta .auto-container{
    padding:0
}
 .page_faq .cta .auto-container .cta_box{
    margin-top:0
}
 .page_faq .list_faq_head h1{
    font-size:.38rem;
    line-height:1.3;
    margin:auto;
    margin-bottom:.3rem;
    font-weight: 800
}
 .page_faq .list_faq_head p{
    font-size:.18rem;
    line-height:1.5;
    color:#999
}
 .page_faq .list_faq_head p a{
    color:var(--color)
}
 .page_faq .list_faq_head{
    margin-bottom:.6rem
}
 .page_faq .list_faq_item_box{
    margin-bottom:1rem
}
 .page_faq .list_faq_item_box .item{
    padding:.2rem;
    border:.01rem solid #ddd;
    margin-bottom:.1rem;
    border-radius:.05rem;
    background: #ffffff;
}
 .page_faq .list_faq_item_box .item .item_head{
    display:flex;
    cursor:pointer;
    width:100%
}
 .page_faq .list_faq_item_box .item .item_head .title{
    font-size:.18rem;
    font-weight: 700;
    width:97%;
    transition:all .3s linear
}
 .page_faq .list_faq_item_box .item .item_head .title:hover{
    color:var(--color)
}
 .page_faq .list_faq_item_box .item .item_head .faq_icon{
    width:.3rem;
    height:.3rem;
    position:relative;
    cursor:pointer
}
 .page_faq .list_faq_item_box .item .item_head .faq_icon:after{
    position:absolute;
    top:.05rem;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:.12rem;
    height:.12rem;
    border-right:.02rem solid #555;
    border-bottom:.02rem solid #555;
    transform:rotate(-45deg);
    transition:all .3s linear
}
 .page_faq .list_faq_item_box .item .item_head .faq_icon.open:after{
    transform:rotate(135deg)
}
 .page_faq .list_faq_item_box .item .remark{
    font-size:.16rem;
    color:#666;
    display:none;
    margin-top:.15rem;
    padding-left:.25rem
}
 .common_from{
    /* background:#fff; */
    /* padding:.5rem .3rem; */
    margin-top:.5rem
}
 .common_from{
    background:#ffffff;
    padding:.5rem
}
 .common_from h2{
    font-size:.36rem;
    font-weight: 600;
    text-align:center;
    margin-bottom:.15rem
}
 .common_from > p{
    font-size:.18rem;
    font-weight: 700';
    text-align:center
}
 .common_from form{
    margin-top:.3rem
}
 .common_from .input{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:.2rem;
    margin-bottom:.2rem
}
 .common_from .input div{
    flex:0 0 calc((100% - 1 * .2rem) / 2)
}
 .common_from input,.common_from textarea{
    width:100%;
    border:.01rem solid #eeeeee;
    border-radius:.05rem;
    padding:.12rem
}
 .common_from input{
}
 .common_from .textarea_box{
    margin-bottom:.3rem
}
 .common_from .textarea_box textarea{
    height:2.2rem
}
 .common_from .submit{
    text-align:center
}
 .common_from .submit .btn_effect4{
}
 .common_from .submit .btn_effect4 .btn_small_list{
    padding:.1rem .2rem;
    border-radius:.05rem
}
 .common_from .submit .btn_effect4 .btn_small_list img{
    max-width:.2rem
}
 .common_from .submit .btn_effect4 .btn_small_list.hover{
}
 .page_case .page_content_box{
    background:0 0;
    padding:0
}
 .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:#fff
}
 .page_case .page_case_box .page_case_top .item .text_box h4{
    font-size:.2rem;
    font-weight: 700;
    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-weight: 700;
    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_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{
    background:#fff;
    padding-top:.9rem
}
 .page_news .cta_box{
    margin-top:0
}
 .page_news .page_content_box{
    background:0 0;
    padding:0
}
 .page_news .page_news_box .item_box{
    display:flex;
    flex-wrap:wrap;
    gap:.3rem .15rem;
    margin-bottom:.6rem
}
 .page_news .page_news_box .item_box .item{
    flex:0 0 calc((100% - 2 * .15rem)/ 3)
}
 .page_news .page_news_box .item_box .item a{
    border:.01rem solid #e6e6e6;
    border-radius:.2rem;
    overflow:hidden
}
 .page_news .page_news_box .item_box .item .img_box{
    overflow:hidden
}
 .page_news .page_news_box .item_box .item .img_box img{
    width:100%;
    max-height:2.8rem;
    object-fit:cover
}
 .page_news .page_news_box .item_box .item .text_box{
    padding:.3rem
}
 .page_news .page_news_box .item_box .item .text_box .title{
    font-size:.2rem;
    font-weight: 600;
    color:#1a1a1a;
    min-height:.6rem;
    margin-bottom:.25rem;
    transition:all .3s linear
}
 .page_news .page_news_box .item_box .item .text_box .remark{
    margin-bottom:.3rem;
    font-size:.16rem;
    line-height:.28rem
}
 .page_news .page_news_box .item_box .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
}
 .page_news .page_news_box .item_box .item .text_box .other span:first-child{
    border:.01rem solid #e6e6e6;
    padding:.03rem .18rem;
    transition:all .3s linear;
    border-radius:100vh
}
 .page_news .page_news_box .item_box .item a:hover .text_box .other span:first-child{
    background:var(--color);
    color:#fff;
    border-color:var(--color)
}
 .page_news .page_news_box .item_box .item a:hover .text_box .title{
    color:var(--color)
}
 .page_news .page_news_box .item_box .item a:hover{
    box-shadow:0 .15rem .35rem 0 rgba(5,37,88,.13);
    background:#fff
}
 .page_news .page_news_box .item_box .item .img_box{
    overflow:hidden
}
 .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-weight: 700;
    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{
    display:flex;
    justify-content:space-between;
    color:#4c4b4b
}
 .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_content_box{
    background:0 0;
    padding:0
}
 .page_contact .page_contact_box .cta .cta_box{
    margin-top:0
}
 .page_contact .page_contact_box .auto-container>p{
    margin-top:.1rem;
    margin-left:.3rem
}
 .page_contact .page_contact_box .auto-container>p a{
    color:var(--color)
}
 .page_contact .page_contact_box .page_contact_form h2,.page_contact .page_contact_box .page_contact_top h2{
    font-size:.3rem;
    font-weight: 700;
    position:relative;
    padding-bottom:.2rem;
    margin-bottom:.2rem;
    border-bottom:.01rem solid #eee
}
 .page_contact .page_contact_box .page_contact_form h2:before,.page_contact .page_contact_box .page_contact_top 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 .item_box{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:.2rem;
    margin-top:.9rem
}
 .page_contact .page_contact_box .page_contact_top .item_box .item{
    flex: 0 0 calc((100% - 4 * .2rem)/ 5);
    display:flex;
    gap:.2rem;
    background:#f4f5f9;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:.4rem;
    border-radius:.06rem
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .img{
    width:1rem;
    height:1rem;
    border-radius: 100vh;
    overflow: hidden;
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .img img{
    max-width:1rem
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .txt{
    width:100%;
    text-align:center;
    min-height:.85rem
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .txt h4{
    font-size:.18rem;
    font-weight: 600;
    margin-bottom:.15rem
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .txt a{
    width:100%;
    display:block;
     transition:all .3s linear;
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .txt span a{
    display:inline-block;
    width:max-content
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .txt p{
    font-size:.16rem;
    margin-bottom:.1rem;
    color:#807d7d
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .txt span{
    transition:all .3s linear;
    display:block;
    font-size:.16rem;
    font-weight: 600
}
 .page_contact .page_contact_box .page_contact_top .item_box .item .txt a:hover span{
    color:var(--color);
}
 .page_contact .page_contact_box .page_contact_salesperson{
    margin-bottom:.2rem
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide{
    background:#fff;
    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 h4{
    font-size:.2rem;
    font-weight: 700;
    margin-bottom:.1rem
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box p{
    font-size:.18rem;
    word-break:break-all
}
 .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 #eee;
    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 img{
    max-width:.2rem;
    margin-right:.05rem
}
 .page_contact .page_contact_box .page_contact_salesperson .swiper-slide .text_box .other span{
    font-weight: 700;
    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:#fff;
    padding:.5rem .3rem;
    margin-bottom:.2rem
}
 .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 #eee
}
 .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 .upload-box{
    margin-top:.15rem
}
 .page_contact .page_contact_box .page_contact_form .upload-box #fileName{
    width:100%!important;
    margin-top:.1rem;
    color:#222;
    font-size:.16rem;
    overflow:hidden;
    margin-bottom:.2rem
}
 .page_contact .page_contact_box .page_contact_form .upload-box .upload-wrap{
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:.2rem;
    background:#f6f6f6;
    border:.01rem solid #d7d7d7;
    border-radius:.05rem;
    margin-bottom:.15rem
}
 .page_contact .page_contact_box .page_contact_form .upload-box .upload-wrap .file-open{
    height:.55rem;
    width:1.5rem;
    line-height:.55rem;
    padding:0 .1rem;
    border-radius:.04rem;
    border:.01rem solid #d4d4d4;
    background:#fff;
    text-align:center
}
 .page_contact .page_contact_box .page_contact_form .upload-box .upload-wrap p{
    font-size:.16rem;
    color:#999;
    display:inline-block;
    line-height:.22rem;
    margin-left:.3rem;
    max-width:45%
}
 .page_contact .page_contact_box .page_contact_form .upload-box .upload-wrap .file-open img{
    vertical-align:middle;
    filter:brightness(0) invert(.5)
}
 .page_contact .page_contact_box .page_contact_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_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 #eee
}
 .page_contact .page_contact_box .page_contact_map{
    margin-top:.9rem;
    margin-bottom:.9rem
}
 .page_product_show{
    background:#f5f5fa
}
 .page_product_show .page_content_box{
    padding:0
}
 .page_product_show .page_content_box #messagebox{
    position:relative;
    top:-1.6rem;
    left:0
}
 .page_product_show .product_show_head{
    padding-top:.9rem;
    padding-bottom:.5rem;
    background:#fff
}
 .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 .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 #ccc;
    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-next,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev{
    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-next img,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev 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-next:hover,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev:hover{
    background:var(--color);
    border-color:var(--color)
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-button-next:hover img,.page_product_show .product_show_head .img_box .thumb_box .swiper-button-prev: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:.3rem;
    line-height:.38rem;
    font-weight: 600;
    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 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-weight: 500;
    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.hover{
    background:#fff;
    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:#fff;
    padding:.5rem
}
 .page_product_show .product_show_content .xbd_product_show_head{
    font-size:.28rem;
    font-weight: 600;
    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:#eee;
    position:absolute;
    left:0;
    bottom:0
}
 .page_product_show .page_recommend_pro{
    background: #ffffff;
    /* border-bottom: 1px solid #f4f4f4; */
    margin-bottom: 60px;
    padding: 60px 0;
}
 .page_product_show .page_recommend_pro .page_recommend_pro_box{
    position: relative;
    margin-top: 40px;
}
 .page_product_show .page_recommend_pro h2{
    font-size: .36rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: .15rem;
}
 .page_product_show .page_recommend_pro .swiper-container{
    max-width: 90%;
}
 .page_product_show .page_recommend_pro .swiper-container .swiper-slide{}
 .page_product_show .page_recommend_pro .swiper-button-next,
 .page_product_show .page_recommend_pro .swiper-button-prev{}
 .page_product_show .page_recommend_pro .swiper-button-next{
    right: 0;
}
 .page_product_show .page_recommend_pro .swiper-button-prev{
    left: 0;
}

 .page_product_show .page_recommend_pro .swiper-container .swiper-slide .item{}

  .page_product_show .page_recommend_pro .swiper-container .swiper-slide .item{
    flex:0 0 calc((100% - 2 * .15rem)/ 3);
    background:#fff;
    position:relative;
    border:.01rem solid #d9d9d9;
    border-radius:.1rem;
    overflow:hidden
}
  .page_product_show .page_recommend_pro .swiper-container .swiper-slide .item a{
    display:block
}
  .page_product_show .page_recommend_pro .swiper-container .swiper-slide .item .img_box{
    border-bottom:.01rem solid #eee
}
  .page_product_show .page_recommend_pro .swiper-container .swiper-slide .item .text_box{
    padding:.25rem
}
  .page_product_show .page_recommend_pro .swiper-container .swiper-slide .item .text_box h4{
    font-size:.2rem;
    font-weight: 700;
    line-height:.26rem;
    min-height:.52rem;
    margin-bottom:.1rem
}
  .page_product_show .page_recommend_pro .swiper-container .swiper-slide .item .text_box .remark{
    line-height:.22rem;
    min-height:.44rem;
    color:#4c4b4b;
    margin-bottom:.2rem
}
  .page_product_show .page_recommend_pro .swiper-container .swiper-slide .item .text_box .other{
    display:flex;
    justify-content:space-between;
    font-size:.16rem;
    color:var(--color);
    background:#f8f8f8;
    padding:.12rem .2rem;
    border-radius:100vh
}
  .page_product_show .page_recommend_pro .swiper-container .swiper-slide .item .text_box .other span{
    display:inline-block;
    margin-right:.05rem
}
  .page_product_show .page_recommend_pro .swiper-container .swiper-slide .item .text_box .other span img{
    max-width:.2rem;
    margin-top:-.03rem
}
  .page_product_show .page_recommend_pro .swiper-container .swiper-slide .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:100vh;
    padding:.05rem .15rem;
    cursor:pointer;
    transition:all .3s linear
}
  .page_product_show .page_recommend_pro .swiper-container .swiper-slide .item .inquire:hover{
    background:#fff;
    color:var(--color)
}
 .page_product_show .product_show_form{
    background:#fff;
    padding:.5rem
}
 .page_product_show .product_show_form h2{
    font-size:.36rem;
    font-weight: 700;
    text-align:center;
    margin-bottom:.15rem
}
 .page_product_show .product_show_form>p{
    font-size:.18rem;
    font-weight: 700;
    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 #eee;
    border-radius:.05rem;
    padding:.12rem
}
 .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 .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_quotation{
    padding-top:.9rem
}
 .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-weight: 600;
    margin-bottom:.1rem
}
 .page_quotation .page_quotation_head p{
    font-size:.18rem;
    color:#999;
    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-weight: 600
}
 .page_quotation .page_quotation_box .left .item_box .item{
    background:rgba(255,255,255,.9);
    border-radius:.12rem;
    padding:.2rem .25rem;
    margin-bottom:.15rem;
    display:flex;
    align-items:center;
    box-shadow:var(--card-shadow);
    transition:transform .3s ease;
    backdrop-filter:blur(.05rem)
}
 .page_quotation .page_quotation_box .left .item_box .item:hover{
    transform:translateY(-.03rem);
    background:#fff
}
 .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,.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 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 .from{
    margin-bottom:.22rem;
    background:rgba(255,255,255,.95);
    border-radius:.2rem;
    padding:.4rem;
    box-shadow:0 .2rem .4rem rgba(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:0 0;
    border:.02rem solid var(--primary-dark);
    color:var(--primary-dark)
}
 .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: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:#fff;
    color:var(--color1)
}
 .show_news{
    background:#f5f5fa
}
 .show_news .page_content_box{
    background:0 0;
    padding:0
}
 .show_news .show_news_box .show_news_top{
    background:#fff;
    margin-bottom:.01rem;
    padding:.3rem;
    padding-top:.6rem;
    text-align:center
}
 .show_news .show_news_box .show_news_top h1{
    font-size:.28rem;
    font-weight: 600;
    margin-bottom:.2rem
}
 .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:#fff;
    margin-bottom:.01rem;
    padding:.3rem
}
 .page_about_content .h1,.page_about_content .h2,.page_about_content .h3,.page_about_content h1,.page_about_content h2,.page_about_content h3,.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
}
 .page_about_content .h4,.page_about_content .h5,.page_about_content .h6,.page_about_content h4,.page_about_content h5,.page_about_content h6,.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
}
 .page_about_content p,.show_news_content p{
    margin:0 0 .1rem
}
 .page_about_content ol,.page_about_content ul,.show_news_content ol,.show_news_content ul{
    margin-top:0;
    margin-bottom:.1rem
}
 .page_about_content ul,.show_news_content ul, .page_about_content ol,.show_news_content ol,.page_product_show .product_show_content ol,.page_product_show .product_show_content ul{
    padding-left:.2rem
}
 .page_about_content ul li,.show_news_content ul li,.page_product_show .product_show_content ul li,.page_product_show .product_show_content ol li{
    list-style:disc
}
 .page_about_content ol li,.show_news_content ol li,.page_product_show .product_show_content ol li,.page_product_show .product_show_content ol li{
    list-style:decimal
}
 .page_about_content blockquote,.show_news_content blockquote,.page_product_show .product_show_content blockquote{
    padding:.1rem .2rem;
    margin:0 0 .2rem;
    border-left:.05rem solid #eee
}
 .page_about_content h2,.page_about_content h3,.show_news_content h2,.show_news_content h3,.page_product_show .product_show_content h2,.page_product_show .product_show_content h3{
    font-weight: 700
}
 .page_about_content h2,.show_news_content h2,.page_product_show .product_show_content h2{
    font-size:.22rem
}
 .page_about_content h3,.show_news_content h3,.page_product_show .product_show_content h3{
    font-size:.2rem
}
 .page_about_content a,.show_news_content a,.page_product_show .product_show_content a{
    color:var(--color)
}
 .show_news .show_news_box .show_news_content p,.page_product_show .product_show_content p{
    font-size:.16rem;
    line-height:.26rem
}
 .show_news .show_news_box .show_share{
    background:#fff;
    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-weight: 600;
    font-size:.18rem
}
 .show_news .show_pagination{
    margin-bottom:.55rem;
    padding-top:.45rem
}
 .show_news .show_pagination p{
    background:#fff;
    margin-bottom:.1rem;
    padding:.1rem .2rem;
    font-size:.18rem
}
 .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-weight: 700
}
.page_banner.oemodm .img_box img:nth-child(2){
        display:none
    }
 .page_oemodm_tag{
    position:absolute;
    bottom:11.8%;
    left:8%;
    width:84%;
    display:flex;
    gap:.3rem;
    background:rgb(255 255 255 / 80%);
    border-radius:.15rem
}
 .page_oemodm_tag .item{
    flex:0 0 calc((100% - 3 * .3rem)/ 4);
    display:flex;
    justify-content:center;
    gap:.15rem;
    padding:.2rem 0;
    font-size:.18rem
}
 .oemodm .text{
    color:inherit;
    max-width:40%;
    overflow:hidden;
    top:28%
}
 .oemodm .text h2{
    font-size:.38rem;
    font-weight: 600;
    margin-bottom:.3rem
}
 .oemodm .text p{
    position:unset;
    width:100%;
    font-size:.26rem;
    line-height:1.8;
    color:#333;
    font-weight: unset;
}
 .page_oemodm .page_oemodm_craft{
    padding:.9rem 0;
}
 .page_oemodm .page_oemodm_craft .item_box{
    display:flex;
    gap:.35rem;
    margin-top:.5rem
}
 .page_oemodm .page_oemodm_craft .item_box .item{
    flex:0 0 calc((100% - 5 * .35rem)/ 6);
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.2rem
}
 .page_oemodm .page_oemodm_craft .item_box .item .img_box{
    overflow:hidden;
    border-radius:100vh
}
 .page_oemodm .page_oemodm_craft .item_box .item .text_box{
    font-size:.18rem;
    font-weight: 700;
    width:100%
}
 .page_oemodm .page_oemodm_advanced{
    /* background:#f6f6f8; */
    padding:.9rem 0
}
 .page_oemodm .page_oemodm_advanced .head_block .remark{
    line-height:1.7;
    max-width:9.6rem;
    margin:0 auto;
    color:#666
}


.page_oemodm .oem-odm_tab-panels{
    max-width: 75%;
    margin: auto;
}


 .page_oemodm .page_oemodm_advanced .tab_box{
    margin:.32rem auto .6rem;
    display:flex;
    justify-content:center;
    gap:.18rem;
    flex-wrap:wrap
}
 .page_oemodm .page_oemodm_advanced .tab_box button{
    background:#fff;
    border:.01rem solid #d9d9df;
    border-radius:100vh;
    padding:.1rem .26rem;
    min-height:.48rem;
    font-size:.16rem;
    line-height:1.4;
    color:#555;
    transition:all .3s ease;
    box-shadow:0 .08rem .2rem rgba(0,0,0,.04)
}
 .page_oemodm .page_oemodm_advanced .tab_box button:hover{
    border-color:var(--color);
    color:var(--color);
    transform:translateY(-.02rem)
}
 .page_oemodm .page_oemodm_advanced .tab_box button.oem-odm_tab--active{
    background:var(--color);
    border-color:var(--color);
    color:#fff
}
 .page_oemodm .page_oemodm_advanced .oem-odm_tab-panel{
    display:none
}
 .page_oemodm .page_oemodm_advanced .oem-odm_tab-panel[hidden]{
    display:none!important
}
 .page_oemodm .page_oemodm_advanced .oem-odm_tab-panel.oem-odm_tab-panel--active{
    display:block;
    animation:oemodmFadeUp .35s ease
}
 .page_oemodm .page_oemodm_advanced .item_box .item{
    display:flex;
    align-items:center;
    gap:.5rem
}
 .page_oemodm .page_oemodm_advanced .item_box .item .img{
    flex: 0 0 50%;
    min-width:0;
    border:.01rem solid #ddd;
    border-radius:.2rem;
    overflow:hidden
}
 .page_oemodm .page_oemodm_advanced .item_box .item .img .swiper-container{
    overflow:hidden
}
 .page_oemodm .page_oemodm_advanced .item_box .item .img .swiper-container .swiper-slide .image{
    overflow:hidden
}
 .page_oemodm .page_oemodm_advanced .item_box .item .img .swiper-container .swiper-slide .image img{
    /* width:100%; */
    /* height:4.6rem; */
    object-fit: contain;
    display:block;
}
 .page_oemodm .page_oemodm_advanced .item_box .item .img .swiper-container .swiper-slide .txt{
    padding:.18rem .2rem;
    font-size:.15rem;
    color:#666;
    background:#fff
}
 .page_oemodm .page_oemodm_advanced .item_box .item .img .swiper-container .swiper-pagination{
    bottom:.3rem
}
 .page_oemodm .page_oemodm_advanced .item_box .item .img .swiper-container .swiper-pagination .swiper-pagination-bullet{
    width:.1rem;
    height:.1rem;
    background:#c9ccd3;
    opacity:1
}
 .page_oemodm .page_oemodm_advanced .item_box .item .img .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
    width:.28rem;
    border-radius:100vh;
    background:var(--color)
}
 .page_oemodm .page_oemodm_advanced .item_box .item .text{
    flex:1;
    min-width:0
}
 .page_oemodm .page_oemodm_advanced .item_box .item .text h3{
    font-size:.28rem;
    line-height:1.5;
    margin-bottom:.2rem;
    font-weight: 600
}
 .page_oemodm .page_oemodm_advanced .item_box .item .text .remark{
    font-size:.18rem;
    line-height:1.6;
    color:#666
}
 @keyframes oemodmFadeUp{
    from{
        opacity:0;
        transform:translateY(.12rem)
    }
     to{
        opacity:1;
        transform:translateY(0)
    }
}
 .page_oemodm .page_oemodm_materials{
    padding:.9rem 0;
    /* padding-top: 0; */
    background: #f6f6f8;
}
 .page_oemodm .page_oemodm_materials .item_box{
    display:flex;
    gap:.2rem;
    margin-top:.5rem
}
 .page_oemodm .page_oemodm_materials .item_box .item{
    flex:0 0 calc((100% - 6 * .2rem)/ 7);
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.2rem
}
 .page_oemodm .page_oemodm_materials .item_box .item .img_box{
    overflow:hidden;
    border-radius:100vh
}
 .page_oemodm .page_oemodm_materials .item_box .item .text_box{
    font-size:.18rem;
    font-weight: 700;
    width:100%
}
 .page_oemodm .page_oemodm_packaging{
    padding:.9rem 0;
    background:#f6f6f8;
}
 .page_oemodm .page_oemodm_packaging .item_box{
    display:flex;
    gap:.2rem;
    margin-top:.5rem
}
 .page_oemodm .page_oemodm_packaging .item_box .item{
    flex:0 0 calc((100% - 3 * .2rem)/ 4);
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.2rem
}
 .page_oemodm .page_oemodm_packaging .item_box .item .img_box{
    overflow:hidden;
    border-radius:100vh
}
 .page_oemodm .page_oemodm_packaging .item_box .item .text_box{
    font-size:.18rem;
    font-weight: 700;
    width:100%
}
 .page_oemodm .page_oemodm_cases{
    padding:.9rem 0;
    padding-bottom:0
}
 .page_oemodm .page_oemodm_cases .section-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:.3rem;
    margin-bottom:.4rem
}
 .page_oemodm .page_oemodm_cases .section-header .head_block{
    text-align:left;
    max-width:40%
}
 .page_oemodm .page_oemodm_cases .section-header .head_block .remark{
    line-height:1.7;
    color:#666
}
 .page_oemodm .page_oemodm_cases .section-header .tab_box{
    display:flex;
    justify-content:flex-end;
    gap:.16rem;
    flex-wrap:wrap
}
 .page_oemodm .page_oemodm_cases .section-header .tab_box button{
    background:#fff;
    border:.01rem solid #d9d9df;
    border-radius:100vh;
    padding:.1rem .24rem;
    min-height:.46rem;
    font-size:.16rem;
    line-height:1.4;
    color:#555;
    transition:all .3s ease;
    box-shadow:0 .08rem .2rem rgba(0,0,0,.04)
}
 .page_oemodm .page_oemodm_cases .section-header .tab_box button:hover{
    border-color:var(--color);
    color:var(--color);
    transform:translateY(-.02rem)
}
 .page_oemodm .page_oemodm_cases .section-header .tab_box button.oem-odm_case-tab--active{
    background:var(--color);
    border-color:var(--color);
    color:#fff;
    box-shadow:0 .12rem .24rem rgba(244,121,32,.24)
}
 .page_oemodm .page_oemodm_cases .oem-odm_cases__panel{
    display:none
}
 .page_oemodm .page_oemodm_cases .oem-odm_cases__panel[hidden]{
    display:none!important
}
 .page_oemodm .page_oemodm_cases .oem-odm_cases__panel.oem-odm_tab-panel--active{
    display:block;
    animation:oemodmFadeUp .35s ease
}
 .page_oemodm .page_oemodm_cases .item_box{
    display:flex;
    flex-wrap:wrap;
    gap:.2rem
}
 .page_oemodm .page_oemodm_cases .item_box .item{
    flex:0 0 calc((100% - 3 * .2rem)/ 4);
    overflow:hidden;
    border-radius:.22rem;
    background:#f5f5f7;
    box-shadow:0 .14rem .32rem rgba(15,23,42,.06)
}
 .page_oemodm .page_oemodm_cases .item_box .item img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover
}
 .page_oemodm .page_oemodm_cases .oem-odm_cases__note{
    margin-top:.32rem;
    font-size:.16rem;
    line-height:1.8;
    color:#666
}