@keyframes rotate{
    from{
        transform:rotate(0)
    }
     to{
        transform:rotate(360deg)
    }
}
 .swiper-pagination .swiper-pagination-bullet{
    width:.1rem;
    height:.1rem;
    border:.02rem solid #fff;
    background:0 0;
    opacity:1;
    transition:all .3s linear
}
 .swiper-pagination .swiper-pagination-bullet-active{
    background:#fff
}
 .swiper-button-next,.swiper-button-prev{
    width:.5rem;
    height:.5rem;
    background:0 0;
    transition:all .3s linear
}
 .swiper-button-next:hover:before,.swiper-button-prev:hover:before{
    border-color:var(--color)
}
 .more_btn .btn_effect4{
    display:inline-block
}
 .more_btn .btn_effect4 .btn_small_list.hover{
    background:var(--color);
    color:#fff;
    border-color:var(--color)
}
 .section{
    padding-top:.8rem
}
 .head_block{
    text-align:center
}
 .head_block p{
    font-size:.4rem;
    font-family:RobotoBold;
    text-transform:uppercase;
    margin-bottom:.1rem
}
 .head_block p span{
    color:var(--color)
}
 .head_block>span{
    font-size:.18rem;
    line-height:.26rem;
    color:#666
}
 .index_banner{
    aspect-ratio:12/5
}
 .index_categorys .index_categorys_box{
    padding:0 .1rem;
    margin-top:.55rem
}
 .index_categorys .swiper-slide .item{
    position:relative
}
 .index_categorys .swiper-slide .item a:before{
    content:'';
    display:block;
    background:rgb(0 0 0 / 50%);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transition:all .3s linear
}
 .index_categorys .swiper-slide .item .text_box{
    position:absolute;
    bottom: 0;
    padding:0 .3rem;
    transform:translateY(1.5rem);
    transition:all .3s linear
}
 .index_categorys .swiper-slide .item .text_box .text_head{
    margin-bottom:.1rem
}
 .index_categorys .swiper-slide .item .text_box .text_head img{
    filter:brightness(0) invert(1);
    max-height:.4rem;
    margin-bottom:.2rem
}
 .index_categorys .swiper-slide .item .text_box .text_head>p{
    font-size: .2rem;
    font-family:RobotoBold;
    color:#fff
}
 .index_categorys .swiper-slide .item .text_box .remark{
    font-size: .16rem;
    line-height: 1.3;
    color:#fff;
    transform: translateY(.5rem);
    transition:all .3s linear
}
 .index_categorys .swiper-slide .item .text_box .remark p{
    -webkit-line-clamp: 6;
    min-height: 1.25rem;
}
 .index_categorys .swiper-slide .item .text_box .remark i{
    font-family:cursive;
    font-weight:700;
    color:#fff;
    margin-bottom: .2rem;
    display:inline-block;
    font-style:unset
}
 .index_categorys .swiper-pagination{
    display:none
}
 .index_categorys .swiper-slide .item:hover a:before{
    opacity:1
}
 .index_categorys .swiper-slide .item:hover .text_box{
    transform:translateY(0)
}
 .index_categorys .swiper-slide .item:hover .text_box .remark{
    transform:translateY(0)
}
 .index_about .index_about_box{
    position:relative
}
 .index_about .index_about_box .text_box{
    position:absolute;
    top:0;
    left:0;
    padding-left:2.6rem;
    padding-right:.6rem;
    background:rgb(34 34 34 / 60%);
    width:50%;
    height:100%;
    display:flex;
    flex-wrap:wrap;
    align-content:center
}
 .index_about .index_about_box .text_box .icon_box{
    position:relative;
    width:1.85rem;
    height:1.85rem;
    text-align:center;
    line-height:1.85rem;
    margin-bottom:.4rem
}
 .index_about .index_about_box .text_box .icon_box img{
    max-width:1.4rem
}
 .index_about .index_about_box .text_box .icon_box .play_btn{
    position:absolute;
    left:0;
    top:0
}
 .index_about .index_about_box .text_box .icon_box .play_btn img{
    animation:rotate 10s linear infinite;
    max-width:1.82rem
}
 .index_about .index_about_box .text_box h2{
    font-size:.4rem;
    font-family:RobotoBold;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:.3rem
}
 .index_about .index_about_box .text_box h2 span{
    color:var(--color)
}
 .index_about .index_about_box .text_box .remark{
    font-size:.18rem;
    line-height:.26rem;
    color:#fff;
    white-space:pre-line
}
 .index_about .index_about_box .text_box .more_btn{
    margin-top:.4rem
}
 .index_about .index_about_box .text_box .more_btn .btn_small_list.hover .btn_small_icon img{
    filter:brightness(0) invert(1)
}
 .index_about .index_about_series{
    background:#e9faec
}
 .index_about .index_about_series .auto-container{
    display:flex;
    padding:.45rem 0
}
 .index_about .index_about_series .item{
    width:25%;
    padding-right:.5rem
}
 .index_about .index_about_series .item .img_box{
    margin-bottom:.1rem
}
 .index_about .index_about_series .item .img_box img{
    max-width:.5rem;
    height:.5rem;
    object-fit:contain
}
 .index_about .index_about_series .item .img_box p{
    margin-top:.1rem;
    font-size:.2rem;
    font-family:RobotoBold;
    color:var(--color)
}
 .index_about .index_about_series .item .text_box{
    font-size:.18rem;
    line-height:.26rem;
    color:#666
}
 .index_certification .auto-container{
    padding-bottom:.8rem;
    border-bottom:.01rem solid #d3d5d5
}
 .index_certification .index_certification_box{
    position:relative;
    margin-top:.55rem
}
 .index_certification .index_certification_box .swiper-slide{
    cursor:pointer
}
 .index_factory .block_head{
    display:flex
}
 .index_factory .block_head .head_block,.index_factory .block_head .right{
    width:50%
}
 .index_factory .block_head .head_block{
    text-align:left;
    padding-right:.8rem
}
 .index_factory .block_head .head_block p{
    line-height:.48rem
}
 .index_factory .block_head .right{
    color:#333
}
 .index_factory .block_head .right p{
    font-size:.3rem;
    line-height:.36rem;
    margin-bottom:.2rem
}
 .index_factory .block_head .right span{
    font-size:.18rem;
    line-height:.26rem
}
.index_factory .index_factory_box{
    position: relative;
}
 .index_factory .index_factory_swiper{
    margin-top:.4rem
}
 .index_factory .index_factory_swiper .swiper-slide{
    overflow:hidden;
    cursor:pointer
}
 .index_case{
    background:#f2fcf4;
    margin-top:.8rem;
    padding-bottom:.8rem
}
 .index_case .index_case_box{
    position:relative;
    margin:auto;
    margin-top:.55rem;
    max-width:100%;
    overflow:hidden
}
 .index_case .index_case_box .swiper-container{
    padding-left:2rem;
    padding-right:2rem
}
 .index_case .index_case_box .swiper-slide{
    width:calc((100% - 4rem)/ 2);
    flex:0 0 auto;
    overflow:hidden;
    padding-right:.5rem
}
 .index_case .index_case_box .swiper-slide-active{
    padding-left:.5rem;
    padding-right:0
}
 .index_case .index_case_box .swiper-slide-next{
    padding-right:.5rem;
    padding-left:0
}
 .index_case .index_case_box .swiper-slide-prev{
    padding-right:0;
    padding-left:.5rem
}
 .index_case .index_case_box .swiper-slide .item{
    border-radius:.1rem;
    overflow:hidden;
    background:#fff
}
 .index_case .index_case_box .swiper-slide .item .img {
     overflow: hidden;
     position: relative;
}
 .index_case .index_case_box .swiper-slide .item .img a {
     display: block;
}
 .index_case .index_case_box .swiper-slide .item .img p {
     overflow: hidden;
     position: absolute;
     bottom: 0;
     background: rgb(34 34 34 / 60%);
     font-size: .2rem;
     color: #ffffff;
     line-height: 1.3;
     padding: .15rem;
     width: 100%;
     min-height: .82rem;
}
 .index_case .index_case_box .swiper-slide .item .case_pro a{
    display:flex;
    align-items:center;
    padding:.1rem
}
 .index_case .index_case_box .swiper-slide .item .case_pro .img_box{
    width:1.2rem;
    height:1.2rem;
    border-radius:.1rem;
    overflow:hidden
}
 .index_case .index_case_box .swiper-slide .item .case_pro .text_box{
    max-width:75%;
    margin-left:.2rem
}
 .index_case .index_case_box .swiper-slide .item .case_pro .text_box p{
    font-size:.24rem;
    font-family:RobotoBold;
    color:#333;
    margin-bottom:.05rem;
    transition:all .3s linear
}
 .index_case .index_case_box .swiper-slide .item .case_pro .text_box span{
    font-size:.18rem;
    line-height:.2rem;
    color:#666
}
 .index_case .index_case_box .swiper-slide .item .case_pro .text_box i{
    display:inline-block;
    width:.2rem;
    height:.2rem;
    border-radius:.2rem;
    line-height:.2rem;
    background:var(--color);
    text-align:center;
    font-size:.13rem;
    font-family:cursive;
    font-style:normal;
    font-weight:700;
    color:#fff;
    margin-top:.15rem;
    padding-left:.02rem;
    padding-top:.01rem
}
 .index_case .index_case_box .swiper-slide .item:hover .case_pro .text_box p{
    color:var(--color)
}
 .index_case .index_case_box .swiper-button-next.index_case_next_btn,.index_case .index_case_box .swiper-button-prev.index_case_prev_btn{
    top:40%
}
 .index_case .index_case_box .swiper-button-prev.index_case_prev_btn{
    left:1.9rem
}
 .index_case .index_case_box .swiper-button-next.index_case_next_btn{
    right:1.9rem
}
 .index_news .index_news_box{
    margin-top:.55rem
}
 .index_news .index_news_box .swiper-container{
    padding-bottom:.5rem
}
 .index_news .index_news_box .swiper-slide .item{
    background:#f2fcf4;
    border-radius:.1rem;
    overflow:hidden
}
 .index_news .index_news_box .swiper-slide .item .img_box{
    overflow:hidden
}
 .index_news .index_news_box .swiper-slide .item .text_box{
    padding:.3rem
}
 .index_news .index_news_box .swiper-slide .item .text_box .title.line-2{
    font-size:.2rem;
    line-height:.26rem;
    color:#333;
    margin-bottom:.1rem;
    min-height:.52rem
}
 .index_news .index_news_box .swiper-slide .item .text_box .remark.line-3{
    font-size:.16rem;
    line-height:.24rem;
    color:#666;
    min-height:.72rem;
    margin-bottom:.2rem
}
 .index_news .index_news_box .swiper-slide .item .text_box p{
    display:inline-block;
    background:#d0e9d4;
    font-size:.16rem;
    color:var(--color);
    padding:.03rem .07rem;
    border-radius:.3rem
}
 .index_news .index_news_box .swiper-pagination{
    bottom:0
}
 .index_news .index_news_box .swiper-pagination-bullet{
    width:.15rem;
    height:.15rem;
    border-radius:.15rem;
    background:#d0e9d4
}
 .index_news .index_news_box .swiper-pagination-bullet-active{
    background:var(--color)
}
 .page_banner{
    position:relative
}
 .page_banner .banner_menu{
    position:absolute;
    bottom:.1rem;
    left:0;
    right:0;
    color:#fff
}
 .page_banner .banner_menu a{
    color:#fff
}
 .page_banner .banner_menu a:hover{
    color:var(--color)
}
 .page_banner .banner_menu img{
    margin-top:-.08rem;
    margin-right:.05rem;
    max-width:.3rem
}
 .page_content{
    padding-top:.8rem
}
 .page_qr .page_qr_head .page_head_block{
    text-align:center;
    color:#333
}
 .page_qr .page_qr_head .page_head_block h1{
    font-size:.4rem;
    font-family:RobotoBold;
    margin-bottom:.2rem
}
 .page_qr .page_qr_head .page_head_block p{
    font-size:.18rem;
    line-height:.26rem
}
 .page_qr .page_qr_head .search_box{
    border:.01rem solid var(--color);
    border-radius:.05rem;
    display:flex;
    overflow:hidden;
    margin-top:.55rem
}
 .page_qr .page_qr_head .search_box input{
    font-size:.18rem;
    width:82.5%;
    line-height:.78rem;
    padding:0 .2rem;
    padding-left:.4rem
}
 .page_qr .page_qr_head .search_box button{
    width:18%;
    background:var(--color);
    font-size:.2rem;
    color:#fff;
    font-family:RobotoBold;
    border-left:.01rem solid var(--color);
    transition:all .3s linear
}
 .page_qr .page_qr_head .search_box button:hover{
    background:#fff;
    border-color:var(--color);
    color:var(--color)
}
 .page_qr .page_qr_box{
    margin-top:.55rem
}
 .page_content .page_content_box{
    display:flex;
    padding-bottom:.6rem;
    padding-top:.55rem
}
 .page_content .content_box{
    width:72%;
    padding-bottom:.45rem
}
 .page_content .content_box .show_news_content_main a,.page_content .content_box.product_show_content a,.page_content .page_about_content a,.page_qr .page_qr_box a{
    color:var(--color)
}
 .page_products .page_content_head{
    margin-bottom:.3rem;
    padding-bottom:.3rem;
    border-bottom:.01rem solid #e5e5e5
}
 .page_products .page_content_head h1{
    font-size:.3rem;
    line-height:.4rem;
    margin-bottom:.2rem
}
 .page_products .page_content_head p{
    font-size:.18rem;
    line-height:.3rem
}
.page_products .page_content_head p span{
    color:var(--color)
}
 .page_products .page_pro_box .nav_btn{
    display:flex;
    align-items:center;
    margin-bottom:.3rem
}
 .page_products .page_pro_box .nav_btn p{
    font-size:.18rem;
    font-family:RobotoBold;
    color:#333;
    margin-right:.05rem
}
 .page_products .page_pro_box .nav_btn .nav_btn_box span{
    margin-right:.2rem;
    display:inline-block;
    cursor:pointer
}
 .page_products .page_pro_box .nav_btn .nav_btn_box span img{
    filter:brightness(0)
}
 .page_products .page_pro_box .nav_btn .nav_btn_box span.active img{
    filter:unset
}
 .page_products .page_pro_box .pro_box{
    display:flex;
    flex-wrap:wrap
}
 .page_products .page_pro_box .pro_box .item{
    width:32.65%;
    margin-right:.1rem;
    margin-bottom:.4rem;
    position:relative;
    overflow:hidden
}
 .page_products .page_pro_box .pro_box .item:nth-child(3n){
    margin-right:0
}
 .page_products .page_pro_box .pro_box .item:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:rgb(11 127 44 / 89%);
    position:absolute;
    top:0;
    left:0;
    transition:all .3s linear;
    opacity:0
}
 .page_products .page_pro_box .pro_box .item .img_box{
    overflow:hidden
}
 .page_products .page_pro_box .pro_box .item .img_box img.scale{
    width:100%;
    object-fit:cover
}
 .page_products .page_pro_box .pro_box .item .text_box{
    padding:.2rem 0
}
 .page_products .page_pro_box .pro_box .item .text_box>p{
    font-size:.2rem;
    font-family:RobotoMedium;
    line-height:.3rem;
    margin-bottom:.05rem;
    padding:0 .1rem
}
 .page_products .page_pro_box .pro_box .item .text_box>span{
    padding:0 .1rem;
    font-size:.16rem;
    line-height:.22rem;
    min-height:.66rem;
    display:none
}
 .page_products .page_pro_box .pro_box .item .text_box .other{
    display:flex;
    align-items:center;
    padding:.1rem 0
}
 .page_products .page_pro_box .pro_box .item .text_box .other p{
    width:50%;
    font-size:.18rem
}
 .page_products .page_pro_box .pro_box .item .text_box .other p img{
    margin-top:-.04rem;
    max-width:.2rem
}
 .page_products .page_pro_box .pro_box .item .text_box .other p span{
    display:inline-block
}
 .page_products .page_pro_box .pro_box .item .conceal_box{
    position:absolute
}
 .page_products .page_pro_box .pro_box .item .conceal_box a{
    padding:.2rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%
}
 .page_products .page_pro_box .pro_box .item .conceal_box>a>p{
    /*padding-bottom:.3rem;*/
    /*border-bottom:.01rem solid #fff;*/
    /*margin-bottom:.2rem*/
}
 .page_products .page_pro_box .pro_box .item .conceal_box .attribute{
      padding-top: .15rem;
         border-top: .01rem solid #fff;
         margin-top: .15rem;
 }
 .page_products .page_pro_box .pro_box .item .conceal_box p{
    font-size:.2rem;
    line-height:.3rem;
    color:#fff
}
 .page_products .page_pro_box .pro_box .item .conceal_box .attribute p{
    font-size:.16rem;
    line-height:.3rem;
    color:#fff
}
 .page_products .page_pro_box .pro_box .item.grid{
    width:100%;
    display:flex;
    margin-right:0;
    align-items:center
}
 .page_products .page_pro_box .pro_box .item.grid .img_box{
    width:30%
}
 .page_products .page_pro_box .pro_box .item.grid .text_box{
    padding:0;
    padding-left:.2rem;
    width:70%
}
 .page_products .page_pro_box .pro_box .item.grid .text_box>p{
    font-size:.22rem;
    margin-bottom:.1rem
}
 .page_products .page_pro_box .pro_box .item.grid .text_box>span{
    display:block
}
 .page_products .page_pro_box .pro_box .item.grid .text_box .other p{
    width:max-content;
    margin-right:.2rem
}
 .page_products .page_pro_box .pro_box .item.grid .conceal_box{
    width:100%;
    opacity:0;
    display:flex
}
 .page_products .page_pro_box .pro_box .item.grid:hover .conceal_box{
    opacity:1
}
 .page_products .page_pro_box .pro_box .item.grid .conceal_box .attribute p{
    line-height:.26rem
}
 .page_content .inside-pagination{
    text-align:center
}
 .page_content .inside-pagination ul li a{
    color:#222;
    display:inline-block;
    width:.45rem;
    height:.45rem;
    line-height:.45rem;
    border-radius:.45rem;
    border:.01rem solid #999;
    font-size:.18rem;
    transition:all .3s linear
}
 .page_content .inside-pagination ul li a.active,.page_content .inside-pagination ul li a:hover,.page_content .inside-pagination ul li.active a{
    color:#fff;
    background:var(--color);
    border-color:var(--color)
}
 .page_content .inside-pagination ul li{
    display:inline-block;
    margin-right:.05rem
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
    border-color:var(--color)
}
 .page_content .inside-pagination ul li>a>img{
    transition:all .3s linear;
    margin-top:-.04rem;
    max-width:.2rem
}
 .page_content .inside-pagination ul li.pre-page>a>img{
    transform:rotate(180deg)
}
 .page_content .inside-pagination ul li:hover>a>img{
    filter:brightness(0) invert(1)
}
 .page_products .page_pro_box .pro_box .item:hover:before{
    opacity:1
}
 .page_products .page_pro_box .pro_box .item:hover .conceal_box{
    top:0;
    left:0;
    bottom:0;
    margin:auto;
    width:100%
}
 .page_content .page_sidebar{
    width:28%;
    padding-left:.75rem
}
 .page_sidebar .sidebar_search_box{
    display:flex;
    width:100%
}
 .page_sidebar .sidebar_search_box .form_control.keywords{
    background:#eaeaea;
    padding:0 .1rem;
    font-size:.16rem;
    width:100%
}
 .page_sidebar .sidebar_search_box .search_btn{
    width:.85rem;
    height:.58rem;
    line-height:.58rem;
    text-align:center;
    background:var(--color);
    cursor:pointer;
    transition:all .3s linear
}
 .page_sidebar .sidebar_search_box .search_btn img{
    filter:grayscale(1) invert(1)
}
 .page_sidebar .sidebar_search_box .search_btn:hover img{
    filter:brightness(0) invert(1)
}
 .page_sidebar .sidebar_category_box>p{
    margin-top:.25rem;
    font-size:.2rem;
    font-family:RobotoBold;
    position:relative;
    border-bottom:.01rem solid #5d5d5d;
    padding-bottom:.1rem;
    margin-bottom:.3rem
}
 .page_sidebar .sidebar_category_box>p:before{
    content:'';
    display:block;
    width:35%;
    height:.03rem;
    background:var(--color);
    position:absolute;
    bottom:-.02rem
}
 .page_sidebar .sidebar_category_box .item{
    margin-bottom:.15rem;
    border-bottom:.01rem solid #dfdfdf;
    padding-bottom:.15rem
}
 .page_sidebar .sidebar_category_box .item .child{
    display:none
}
 .page_sidebar .sidebar_category_box .item:last-child{
    border:0
}
 .page_sidebar .sidebar_category_box .item>a{
    font-size:.18rem;
    font-family:RobotoBold;
    display:block;
    margin-bottom:.15rem
}
 .page_sidebar .sidebar_category_box .item>a i{
    display:inline-block;
    width:.25rem;
    height:.25rem;
    float:right;
    position:relative
}
 .page_sidebar .sidebar_category_box .item>a i:before{
    position:absolute;
    top:-.03rem;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:.1rem;
    height:.1rem;
    border-right:.02rem solid #555;
    border-bottom:.02rem solid #555;
    transform:rotate(45deg);
    transition:all .3s linear
}
 .page_sidebar .sidebar_category_box .item>a i.open:before{
    border-left:.02rem solid #555;
    border-top:.02rem solid #555;
    border-left-color:transparent;
    border-bottom-color:transparent;
    transform:rotate(-45deg);
    top:.1rem
}
 .page_sidebar .sidebar_category_box .item .child a{
    font-size:.16rem;
    line-height:.3rem;
    color:#666;
    display:block
}
 .page_sidebar .sidebar_category_box .item .child a:hover{
    color:var(--color)
}
 .page_sidebar .sidebar_recent_box>p{
    margin-top:.25rem;
    font-size:.2rem;
    font-family:RobotoBold;
    position:relative;
    border-bottom:.01rem solid #5d5d5d;
    padding-bottom:.1rem;
    margin-bottom:.3rem
}
 .page_sidebar .sidebar_recent_box>p:before{
    content:'';
    display:block;
    width:35%;
    height:.03rem;
    background:var(--color);
    position:absolute;
    bottom:-.02rem
}
 .page_sidebar .sidebar_recent_box .item{
    margin-bottom:.3rem
}
 .page_sidebar .sidebar_recent_box .item h3{
    font-size:.16rem;
    font-family:RobotoBold;
    margin-bottom:.1rem
}
 .page_sidebar .sidebar_recent_box .item .list a{
    font-size:.16rem;
    border-bottom:.01rem solid #d1d1d1;
    line-height:.3rem;
    margin-bottom:.1rem;
    padding-left:.1rem
}
 .page_sidebar .sidebar_recent_box .item .list a:last-child{
    border:0
}
 .page_sidebar .sidebar_tags>p{
    margin-top:.25rem;
    font-size:.2rem;
    font-family:RobotoBold;
    position:relative;
    border-bottom:.01rem solid #5d5d5d;
    padding-bottom:.1rem;
    margin-bottom:.3rem
}
 .page_sidebar .sidebar_tags>p:before{
    content:'';
    display:block;
    width:35%;
    height:.03rem;
    background:var(--color);
    position:absolute;
    bottom:-.02rem
}
 .page_sidebar .sidebar_tags>a{
    background:#f0f0f0;
    padding:.08rem .2rem;
    display:inline-block;
    border-radius:.4rem;
    margin-bottom:.1rem;
    margin-right:.05rem
}
 .page_sidebar .sidebar_tags>a:hover{
    background:var(--color);
    color:#fff
}
 .page_content .page_content_block{
    text-align:center
}
 .page_content .page_content_block p{
    font-size:.4rem;
    font-family:RobotoBold
}
 .page_content .page_content_block span{
    font-size:.18rem
}
 .page_content .page_pro_video{
    overflow:hidden;
    cursor:pointer
}
 .page_content .page_list_facilities{
    margin-top:.45rem
}
 .page_content .page_list_facilities_box{
    /* display:flex; */
    /* justify-content:space-between; */
    position: relative;
    margin:.55rem 0
}
 .page_content .page_list_facilities_box .item{
    /* width:31.7%; */
    position:relative;
    overflow:hidden;
    border-radius:.05rem
}
 .page_content .page_list_facilities_box .item .img_box{
    overflow:hidden
}
.page_content .page_list_facilities_box .item .img_box img{
    width: 100%;
    object-fit: cover;
}
 .page_content .page_list_facilities_box .item>p{
    position:absolute;
    bottom:0;
    font-size:.18rem;
    color:#fff;
    padding:0 .35rem;
    width:100%;
    padding:.13rem .35rem;
    background:rgb(34 34 34 / 40%)
}
 .page_content .page_recommend_news_box{
    position: relative;
    margin:.55rem 0
}
 .page_content .page_recommend_news_box .item{
    
}
 .page_content .page_recommend_news_box .item .img_box{
    overflow:hidden;
    border-top-right-radius:.05rem;
    border-top-left-radius:.05rem
}
 .page_content .page_recommend_news_box .item .img_box a{
    display:block;
    overflow:hidden
}
 .page_content .page_recommend_news_box .item .img_box img{
    height:2.35rem;
    object-fit:cover;
    width:100%
}
 .page_content .page_recommend_news_box .item .text_box{
    background:#f0f0f0;
    padding:.18rem
}
 .page_content .page_recommend_news_box .item .text_box p{
    line-height:.21rem;
    font-size:.16rem
}
 .page_content .page_recommend_news_box .item .text_box p span{
    font-size:.16rem;
    display:inline-block;
    margin-left:.15rem;
    color:#666
}
 .page_content .page_recommend_news_box .item .text_box p img{
    max-width:.24rem;
    margin-top:-.05rem
}
 .page_content .page_recommend_news_box .item .text_box h3{
    margin:.1rem 0
}
 .page_content .page_recommend_news_box .item .text_box>span{
    font-size:.16rem;
    line-height:.22rem
}
 .page_content .page_recommend_news_box .item .text_box h3 a{
    font-size:.18rem;
    font-family:RobotoBold;
    line-height:.28rem
}
 .page_content .page_recommend_news_box .item .text_box>a{
    font-size:.16rem;
    color:var(--color);
    display:block;
    width:max-content;
    margin-top:.2rem
}
 .page_content .page_recommend_pro_box{
    margin:.55rem 0;
    position:relative
}
 .page_content .page_recommend_pro_box .swiper-slide .item .img_box{
    overflow:hidden;
    border-radius:.05rem
}
 .page_content .page_recommend_pro_box .swiper-slide .item .text_box{
    padding:.18rem .05rem
}
 .page_content .page_recommend_pro_box .swiper-slide .item .text_box h3{
    font-size:.18rem;
    font-family:RobotoBold;
    margin-bottom:.1rem
}
 .page_content .page_recommend_pro_box .swiper-slide .item .text_box span{
    font-size:.16rem;
    line-height:.22rem
}

  .page_products .swiper-button-next,
 .page_products .swiper-button-prev{
    border-radius:.5rem;
    border:.01rem solid #222
}

  .page_products .swiper-button-next:hover,
 .page_products .swiper-button-prev:hover{
    border-color:var(--color)
}
  .page_products .swiper-button-next:hover:before,
 .page_products .swiper-button-prev:hover:before{
    border-color:var(--color)
}







 .page_product_show .product_show_head{
    padding-bottom:.8rem;
    border-bottom:.01rem solid #ccc;
    margin-bottom:.8rem
}
 .page_product_show .product_show_head .auto-container{
    display:flex
}
 .page_product_show .product_show_head .img_box{
    width:55%
}
 .page_product_show .product_show_head .text_box{
    width:45%
}
 .page_product_show .product_show_head .img_box{
    position:relative
}
 .page_product_show .product_show_head .img_box .view_box{
    border:.01rem solid #d0d0d0
}
 .page_product_show .product_show_head .img_box .view_box .swiper-slide{
    overflow:hidden
}
 .page_product_show .product_show_head .img_box .view_box .swiper-button-next,.page_product_show .product_show_head .img_box .view_box .swiper-button-prev{
    background:rgb(0 0 0 / 10%)
}
 .page_product_show .product_show_head .img_box .view_box .swiper-button-next:before,.page_product_show .product_show_head .img_box .view_box .swiper-button-prev:before{
    border-color:#fff
}
 .page_product_show .product_show_head .img_box .view_box .swiper-button-prev{
    left:.12rem
}
 .page_product_show .product_show_head .img_box .view_box .swiper-button-next{
    right:.12rem
}
 .page_product_show .product_show_head .img_box .view_box .swiper-button-next:hover,.page_product_show .product_show_head .img_box .view_box .swiper-button-prev:hover{
    background:var(--color)
}
 .page_product_show .product_show_head .img_box .thumb_box{
    background:rgb(34 34 34 / 40%);
    padding:.15rem .85rem
}
 .page_product_show .product_show_head .img_box .thumb{
    position:relative
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-container{
    max-width:90%
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-slide{
    width:.8rem;
    height:.8rem;
    border:.02rem solid transparent;
    border-radius:.1rem;
    overflow:hidden;
    margin-right:.1rem;
    cursor:pointer
}
 .page_product_show .product_show_head .img_box .thumb_box .swiper-slide: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{
    background:0 0;
    top:0;
    border-radius:unset;
    width:.3rem;
    height:.9rem
}
 .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-nav{
    position:relative;
    border-color:var(--color)
}
 .page_product_show .product_show_head .text_box{
    padding-left:.8rem
}
 .page_product_show .product_show_head .text_box .inside-header{
    margin-bottom:.1rem
}
 .page_product_show .product_show_head .text_box .inside-header a{
    font-size:.16rem;
    color:#333
}
 .page_product_show .product_show_head .text_box .title{
    margin-bottom:.3rem;
    font-size:.3rem;
    font-family:RobotoMedium;
    line-height:.36rem
}
 .page_product_show .product_show_head .text_box .attribute{
    margin-bottom:.3rem;
    border-bottom:.01rem solid #d5d5d5;
    padding-bottom:.1rem
}
 .page_product_show .product_show_head .text_box .attribute div{
    display:flex;
    background:#eee;
    padding:0 .2rem
}
 .page_product_show .product_show_head .text_box .attribute div:nth-child(even){
    background:#fff
}
 .page_product_show .product_show_head .text_box .attribute p{
    width:100%;
    font-size:.18rem;
    padding:.11rem 0
}
 .page_product_show .product_show_head .text_box .attribute p:first-child{
    width:45%;
    color:#666
}
 .page_product_show .product_show_head .text_box .attribute p:last-child{
    width:55%
}
 .page_product_show .product_show_head .text_box .attribute p span{
    max-width:95%
}
 .page_product_show .product_show_head .text_box .attribute p i{
    display:inline-block;
    width:.07rem;
    height:.07rem;
    background:#222;
    transform:rotate(45deg);
    margin-right:.1rem
}
 .page_product_show .product_show_head .text_box .contact_box p a{
    font-size:.18rem;
    line-height:.4rem
}
 .page_product_show .product_show_head .text_box .contact_box p a img{
    max-width:.22rem;
    margin-right:.15rem;
    margin-top:-.04rem
}
 .page_product_show .product_show_head .text_box .share_box a{
    margin-right:.1rem;
    display:inline-block
}
 .page_product_show .product_show_head .text_box .share_box a img{
    transition:all .3s linear
}
 .page_product_show .product_show_head .text_box .share_box a:hover img{
    opacity:.6
}
 .page_product_show .product_show_head .text_box .btn_box{
    margin-top:.3rem;
    margin-bottom:.3rem
}
 .page_product_show .product_show_head .text_box .btn_box .btn_effect4{
    height:.5rem;
    margin-right:.07rem;
    cursor:pointer
}
 .page_product_show .product_show_head .text_box .btn_box .btn_effect4 .btn_small_list{
    border-radius:.5rem;
    width:2rem
}
 .page_product_show .product_show_head .text_box .btn_box .btn_effect4:first-child .btn_small_list{
    padding:.09rem .35rem;
    background:var(--color);
    color:#fff;
    border-color:var(--color)
}
 .page_product_show .product_show_head .text_box .btn_box .btn_effect4:first-child .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{
    padding:.09rem 0;
    border-color:#222;
    color:#222
}
 .page_product_show .product_show_head .text_box .btn_box .btn_effect4:last-child .btn_small_list.hover{
    border-color:var(--color);
    color:#fff;
    background:var(--color)
}
 .page_news .swiper-wrapper{
    padding-bottom:.65rem
}
 .page_news .swiper-slide .item a{
    display:flex;
    border-radius:.08rem;
    overflow:hidden;
    max-height:5.2rem
}
 .page_news .swiper-slide .item .img_box,.page_news .swiper-slide .item .text_box{
    width:50%
}
 .page_news .swiper-slide .item .img_box{
    overflow:hidden
}
 .page_news .swiper-slide .item .img_box a{
    display:block
}
 .page_news .swiper-slide .item .img_box a img{
    width:100%;
    object-fit:cover
}
 .page_news .swiper-slide .item .text_box{
    background:#f7f7f7;
    padding:.2rem .26rem
}
 .page_news .swiper-slide .item .text_box .other{
    border-bottom:.01rem solid #c9c9c9;
    padding-bottom:.1rem;
    color:#333
}
 .page_news .swiper-slide .item .text_box .other p{
    text-align:right
}
 .page_news .swiper-slide .item .text_box .other p img{
    margin-top:-.05rem;
    margin-right:.05rem
}
 .page_news .swiper-slide .item .text_box .other p span{
    font-size:.16rem
}
 .page_news .swiper-slide .item .text_box .other .time{
    text-align:right
}
 .page_news .swiper-slide .item .text_box .other .time p{
    font-size:.18rem
}
 .page_news .swiper-slide .item .text_box .other .time span{
    font-size:.16rem
}
 .page_news .swiper-slide .item .text_box h2{
    font-size:.2rem;
    font-family:RobotoMedium;
    margin-bottom:.1rem;
    line-height:1.5
}
 .page_news .swiper-slide .item .text_box .remark{
    white-space:pre-line;
    font-size:.18rem;
    line-height:1.5;
    -webkit-line-clamp:10;
    color:#333
}
 .page_news .swiper-slide .item a:hover .text_box .other,.page_news .swiper-slide .item a:hover .text_box .remark{
    color:#333
}
 .page_news .page_news_head .swiper-pagination{
    bottom:0
}
 .page_news .page_news_head .swiper-pagination .swiper-pagination-bullet{
    width:.4rem;
    height:.02rem;
    background:#717171;
    border:0;
    border-radius:unset
}
 .page_news .page_news_head .swiper-pagination .swiper-pagination-bullet-active{
    background:var(--color)
}
 .page_news .item_box{
    margin:.5rem 0;
    display:flex;
    flex-wrap:wrap
}
 .page_news .item_box .item{
    width:32%;
    margin-right:.2rem;
    margin-bottom:.4rem
}
 .page_news .item_box .item:nth-child(3n){
    margin-right:0
}
 .page_news .item_box .item .img_box{
    overflow:hidden;
    border-top-right-radius:.05rem;
    border-top-left-radius:.05rem
}
 .page_news .item_box .item .img_box a{
    display:block;
    overflow:hidden
}
 .page_news .item_box .item .img_box img{
    height:2.35rem;
    object-fit:cover;
    width:100%
}
 .page_news .item_box .item .text_box{
    background:#f0f0f0;
    padding:.18rem
}
 .page_news .item_box .item .text_box p{
    line-height:.21rem;
    font-size:.16rem
}
 .page_news .item_box .item .text_box p span{
    font-size:.16rem;
    display:inline-block;
    margin-left:.15rem;
    color:#666
}
 .page_news .item_box .item .text_box p img{
    max-width:.24rem;
    margin-top:-.05rem
}
 .page_news .item_box .item .text_box h3{
    margin:.1rem 0
}
 .page_news .item_box .item .text_box>span{
    font-size:.16rem;
    line-height:.22rem;
    color:#333
}
 .page_news .item_box .item .text_box h3{
    font-size:.18rem;
    font-family:RobotoBold;
    line-height:.28rem
}
 .page_news .item_box .item .text_box i{
    font-size:.16rem;
    color:var(--color);
    display:block;
    width:max-content;
    margin-top:.2rem;
    font-style:unset
}
 .page_news .item_box .item .img_box{
    overflow:hidden
}
 .page_video .content_box{
    padding-bottom:0
}
 .page_video .page_video_head h1{
    font-size:.4rem;
    font-family:RobotoBold;
    line-height:normal;
    margin-bottom:.2rem
}
 .page_video .page_video_head p{
    font-size:.18rem
}
 .page_video .page_video_head .page_video_swiper{
    position:relative;
    margin-bottom:0;
    margin-top:.3rem
}
 .page_video .page_video_head .page_video_swiper .view_box .swiper-slide{
    overflow:hidden
}
 .page_video .page_video_head .page_video_swiper .view_box .swiper-slide .img_box img:first-child{
    width:100%;
    object-fit:cover
}
 .page_video .page_video_head .page_video_swiper .view_box .swiper-slide .img_box img:last-child{
    position:absolute;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin:auto
}
 .page_video .page_video_head .page_video_swiper .view_box .swiper-button-next,.page_video .page_video_head .page_video_swiper .view_box .swiper-button-prev{
    background:rgb(0 0 0 / 10%)
}
 .page_video .page_video_head .page_video_swiper .view_box .swiper-button-next:before,.page_video .page_video_head .page_video_swiper .view_box .swiper-button-prev:before{
    border-color:#fff
}
 .page_video .page_video_head .page_video_swiper .view_box .swiper-button-prev{
    left:.12rem
}
 .page_video .page_video_head .page_video_swiper .view_box .swiper-button-next{
    right:.12rem
}
 .page_video .page_video_head .page_video_swiper .view_box .swiper-button-next:hover,.page_video .page_video_head .page_video_swiper .view_box .swiper-button-prev:hover{
    background:var(--color)
}
 .page_video .page_video_head .page_video_swiper .thumb{
    position:relative
}
 .page_video .page_video_head .page_video_swiper .thumb_box .swiper-slide{
    width:2.37rem;
    height:1.4rem;
    overflow:hidden;
    margin-right:.2rem;
    cursor:pointer
}
 .page_video .page_video_head .page_video_swiper .thumb_box .swiper-slide:last-child{
    margin-right:0
}
 .page_video .page_video_head .page_video_swiper .thumb_box .swiper-slide img{
    transition:all .5s cubic-bezier(.25,.46,.45,.94);
    height:100%;
    object-fit:cover
}
 .page_video .page_video_head .page_video_swiper .thumb_box .swiper-button-next,.page_video .page_video_head .page_video_swiper .thumb_box .swiper-button-prev{
    background:#ddd;
    border-radius:.5rem;
    width:.5rem;
    height:.5rem;
    top:35%
}
 .page_video .page_video_head .page_video_swiper .thumb_box .swiper-button-prev{
    left:-.6rem
}
 .page_video .page_video_head .page_video_swiper .thumb_box .swiper-button-next{
    right:-.6rem
}
 .page_video .page_video_head .view_box .swiper-container .swiper-wrapper .swiper-slide .item .img_box{
    position:relative;
    overflow:hidden;
    cursor:pointer
}
 .page_video .page_video_head .view_box .swiper-container .swiper-wrapper .swiper-slide .item .text_box{
    padding:.3rem 0
}
 .page_video .page_video_head .view_box .swiper-container .swiper-wrapper .swiper-slide .item .text_box .title{
    display:flex;
    justify-content:space-between;
    margin-bottom:.2rem
}
 .page_video .page_video_head .view_box .swiper-container .swiper-wrapper .swiper-slide .item .text_box .title h2{
    font-size:.24rem
}
 .page_video .page_video_head .view_box .swiper-container .swiper-wrapper .swiper-slide .item .text_box .title p span{
    margin-left:.05rem
}
 .page_video .page_video_head .view_box .swiper-container .swiper-wrapper .swiper-slide .item .text_box .title p img{
    max-width:.24rem;
    margin-top:-.03rem
}
 .page_video .page_video_head .thumb_box .thumb .swiper-container .swiper-wrapper .swiper-slide .img_box{
    height:100%;
    position:relative
}
 .page_video .page_video_head .thumb_box .thumb .swiper-container .swiper-wrapper .swiper-slide .img_box:before{
    content:'';
    display:block;
    background:url(/res/magic/images/video_bg.png) no-repeat center;
    background-size:contain;
    position:absolute;
    top:0;
    left:0;
    width:2.37rem;
    height:1.4rem;
    opacity:0;
    transition:all .3s linear
}
 .page_video .page_video_head .thumb_box .thumb .swiper-container .swiper-wrapper .swiper-slide.active-nav .img_box:before{
    opacity:1
}
 .page_video .page_video_head .thumb_box .thumb .swiper-container .swiper-wrapper .swiper-slide.active-nav .img_box img{
    height:100%;
    object-fit:cover;
    transform:scale(.9)
}
 .page_video .page_video_box{
    background:#effbf1;
    padding:.45rem 0
}
 .page_video .page_video_box .inside-pagination{
    margin:.3rem 0
}
 .page_video .page_video_box .auto-container>p{
    font-size:.32rem;
    font-family:RobotoBold
}
 .page_video .page_video_box .item_box{
    margin-top:.3rem;
    display:flex;
    flex-wrap:wrap;
    gap:.25rem
}
 .page_video .page_video_box .item{
    width:32.1%;
    margin-bottom:.3rem
}
 .page_video .page_video_box .item .img_box{
    position:relative;
    overflow:hidden;
    cursor:pointer;
    background:#fff
}
 .page_video .page_video_box .item .img_box img:first-child{
    height:100%
}
 .page_video .page_video_box .item .img_box img:last-child{
    position:absolute;
    bottom:.1rem;
    left:.1rem;
    max-width:.3rem
}
 .page_video .page_video_box .item .text_box{
    padding:.2rem;
    background:#f0f0f0
}
 .page_video .page_video_box .item .text_box h2{
    font-size:.18rem;
    -webkit-line-clamp:2;
    line-height:.26rem;
    font-family:RobotoMedium;
    min-height:.52rem;
    cursor:pointer
}
 .page_video .page_video_box .item .text_box .other{
    display:flex
}
 .page_video .page_video_box .item .text_box .other p:first-child{
    margin-right:.15rem
}
 .page_video .page_video_box .item .text_box .other p img{
    margin-top:-.03rem;
    max-width:.24rem
}
 .page_video .page_video_box .item .text_box p span{
    font-size:.16rem;
    margin-left:.05rem
}
 .page_video .page_video_box .item .text_box:hover h2{
    color:var(--color)
}
 .page_video .page_video_faq{
    padding-bottom:0;
    padding-top:.45rem
}
 .page_video .page_video_faq .page_content_block p{
    margin-bottom:.1rem
}
 .page_video .page_video_faq .page_video_faq_box{
    padding-top:.4rem
}
 .page_video .page_video_faq .page_video_faq_box .item{
    display:flex;
    align-items:flex-start;
    padding-bottom:.2rem;
    margin-bottom:.2rem;
    border-bottom:.01rem solid #ddd
}
 .page_video .page_video_faq .page_video_faq_box .item:last-child{
    border-bottom:0
}
 .page_video .page_video_faq .page_video_faq_box .item .img_box{
    margin-right:.2rem
}
 .page_video .page_video_faq .page_video_faq_box .item .img_box img{
    max-width:.36rem
}
 .page_video .page_video_faq .page_video_faq_box .item .text_box{
    max-width:90%
}
 .page_video .page_video_faq .page_video_faq_box .item .text_box p{
    font-size:.2rem;
    line-height:1.5;
    color:#181818;
    margin-bottom:.05rem
}
 .page_video .page_video_faq .page_video_faq_box .item .text_box span{
    font-size:.18rem;
    line-height:1.5;
    color:#666
}
 .page_video .page_video_faq .bottom_box{
    margin:auto
}
 .page_video .page_video_faq .bottom_box p{
    width:5rem;
    border-radius:.1rem;
    margin:auto;
    background:#e9f9ec;
    text-align:center;
    font-size:.2rem;
    line-height:.55rem
}
 .page_video .page_video_faq .bottom_box p a{
    color:var(--color)
}
 .page_contact .page_contact_head h1{
    font-size:.4rem;
    text-align:center;
    margin-bottom:.4rem
}
 .page_contact .page_contact_head_box{
    display:flex;
    justify-content:space-between;
    margin-bottom:.55rem
}
 .page_contact .page_contact_head_box .item{
    margin-right:.9rem;
    border-radius:.04rem;
    border:.01rem solid #ccc;
    display:flex;
    align-items:center;
    text-align:center;
    justify-content:center;
    width:2.8rem;
    flex-direction:column;
    padding:.3rem .1rem;
    padding-bottom:.2rem;
    transition:all .3s linear
}
 .page_contact .page_contact_head_box .item:nth-child(4n){
    margin-right:0
}
 .page_contact .page_contact_head_box .item .img_box{
    margin-bottom:.1rem
}
 .page_contact .page_contact_head_box .item .img_box img{
    max-width:.6rem;
    transition:all .3s linear
}
 .page_contact .page_contact_head_box .item .txt_box p{
    font-size:.2rem;
    font-family:RobotoBold;
    margin-bottom:.05rem
}
 .page_contact .page_contact_head_box .item .txt_box span{
    font-size:.18rem;
    line-height:.22rem;
    color:#666
}
 .page_contact .page_contact_head_box .item a{
    font-size:.2rem;
    font-family:RobotoBold;
    transform:translateY(200%);
    visibility:hidden;
    transition:transform .3s linear
}
 .page_contact .page_contact_head_box .item:hover{
    background:var(--color);
    border-color:var(--color)
}
 .page_contact .page_contact_head_box .item:hover .img_box img{
    filter:brightness(0) invert(1)
}
 .page_contact .page_contact_head_box .item:hover .txt_box p{
    color:#fff
}
 .page_contact .page_contact_head_box .item:hover .txt_box span{
    color:#dcdcdc
}
 .page_contact .page_contact_head_box .item:hover a{
    transform:translateY(.1rem);
    visibility:visible;
    color:#fff
}
 .page_contact .page_contact_map{
    position:relative;
    height:5.3rem
}
 .page_contact .page_contact_map .map_box{
    overflow:hidden
}
 .page_contact .page_contact_map .map_box iframe{
    margin:0!important;
    height:5.3rem!important
}
 .page_contact .page_contact_map:after{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,.1)
}
 .page_contact .page_contact_map .map_icon{
    position:absolute;
    left:47.3%;
    bottom:45%;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    opacity:1;
    z-index:1;
    width:1.05rem;
    height:1.05rem;
    background-color:rgb(11 127 44 / 60%);
    cursor:pointer;
    border-radius:100%;
    color:#fff;
    font-size:1rem
}
 .page_contact .page_contact_map .map_icon:after{
    z-index:-1;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1rem;
    height:1rem;
    -webkit-animation:ripple1 2.2s ease-out infinite;
    -moz-animation:ripple1 2.2s ease-out infinite;
    -o-animation:ripple1 2.2s ease-out infinite;
    animation:ripple1 2.2s ease-out infinite;
    opacity:0;
    background:rgb(11 127 44 / 30%);
    border-radius:100%
}
 .page_contact .page_contact_map .map_icon>span{
    z-index:-1;
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1rem;
    height:1rem;
    -webkit-animation:ripple1 2s ease-out infinite;
    -moz-animation:ripple1 2s ease-out infinite;
    -o-animation:ripple1 2s ease-out infinite;
    animation:ripple1 2s ease-out infinite;
    opacity:0;
    background:rgb(11 127 44 / 50%);
    border-radius:100%
}
 .page_contact .page_contact_map .map_icon b{
    z-index:-1;
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1rem;
    height:1rem;
    -webkit-animation:ripple1 1.8s ease-out infinite;
    -moz-animation:ripple1 1.8s ease-out infinite;
    -o-animation:ripple1 1.8s ease-out infinite;
    animation:ripple1 1.8s ease-out infinite;
    opacity:0;
    background:rgb(11 127 44 / 80%);
    border-radius:100%
}
 .page_contact .page_contact_map .map_icon div{
    text-align:center;
    font-size:.16rem;
    padding-top:.15rem;
    position:relative;
    font-weight:700
}
 .page_contact .page_contact_map .map_icon div p{
    margin-top:1rem;
    width:4rem;
    background:rgb(255 255 255 / 70%);
    color:var(--color);
    padding:.1rem;
    border-radius:.05rem
}
 .page_contact .page_contact_map .map_icon div span{
    width:.21rem;
    height:.21rem;
    display:inline-block;
    background:var(--color);
    margin:auto;
    position:absolute;
    left:0;
    right:0;
    top:.44rem;
    border-radius:.5rem;
    z-index:-1
}
 @keyframes ripple1{
    0%,35%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -o-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
     50%{
        -webkit-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -ms-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5);
        opacity:.8
    }
     100%{
        opacity:0;
        -webkit-transform:scale(2);
        -moz-transform:scale(2);
        -ms-transform:scale(2);
        -o-transform:scale(2);
        transform:scale(2)
    }
}
 @-webkit-keyframes ripple1{
    0%,35%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -o-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
     50%{
        -webkit-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -ms-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5);
        opacity:.8
    }
     100%{
        opacity:0;
        -webkit-transform:scale(2);
        -moz-transform:scale(2);
        -ms-transform:scale(2);
        -o-transform:scale(2);
        transform:scale(2)
    }
}
 .page_contact .page_contact_quotation{
    padding:.4rem 0;
    padding-bottom:0
}
 .page_contact .page_contact_quotation>p{
    border-bottom:.01rem solid #ddd;
    text-align:center;
    font-size:.3rem;
    font-family:RobotoMedium;
    padding-bottom:.2rem;
    margin-bottom:.55rem
}
 .page_contact .page_contact_quotation .input{
    display:flex;
    justify-content:space-between;
    margin-bottom:.15rem;
    flex-wrap:wrap;
    gap: .25rem;
}
 .page_contact .page_contact_quotation .input div{
    /* width:49.2%; */
    /* margin-bottom:.25rem; */
    flex: 0 0 calc((100% - 1 * .25rem) / 2);
}
 .page_contact .page_contact_quotation .input div:nth-child(2){
    display: flex;
    flex-wrap: wrap;
    /* gap: .15rem; */
    justify-content: space-between;
}
 .page_contact .page_contact_quotation .input div:nth-child(2) p{
    width: 100%;
}
 .page_contact .page_contact_quotation .input div:nth-child(2) input{
    flex: 0 0 30%;
}
 .page_contact .page_contact_quotation .input div:nth-child(2) input:last-child{
    flex: 0 0 65%;
    margin-left: .15rem;
}
 .page_contact .page_contact_quotation .input div.pro_categories{
    display:block;
    margin-bottom:0
}
 .page_contact .page_contact_quotation .input div.pro_categories .item{
    width:100%;
    background:unset
}
 .page_contact .page_contact_box .page_contact_quotation .textarea_box>p,.page_contact .page_contact_quotation .input div p,.page_contact .page_contact_quotation .pro_categories .item>p,.page_contact .page_contact_quotation .textarea_box>p,.page_contact .page_contact_quotation .upload-box>p{
    font-size:.2rem;
    padding-bottom:.1rem
}
 .page_contact .page_contact_box .page_contact_quotation .checkbox label span,.page_contact .page_contact_quotation .input div p span,.page_contact .page_contact_quotation .textarea_box>p span{
    color:red
}
 .page_contact .page_contact_quotation .input div input{
    border:.01rem solid #f4f4f4;
    border-radius:.05rem;
    line-height:.6rem;
    padding:0 .15rem;
    font-size:.16rem;
    width:100%
}
 .page_contact .page_contact_quotation .input div input::placeholder{
    color:#999
}
 .page_contact .page_contact_quotation .pro_categories{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 .page_contact .page_contact_quotation .pro_categories .item{
    position:relative;
    width:49.2%;
    margin-bottom:.25rem;
    border-radius:.05rem
}
 .page_contact .page_contact_quotation .pro_categories .item select{
    cursor:pointer;
    border: .01rem solid #f4f4f4;
    border-radius:.05rem;
    line-height:.6rem;
    padding:0 .15rem;
    font-size:.16rem;
    width:100%;
    position:relative;
    z-index:2;
    color:#999
}
 .page_contact .page_contact_quotation .pro_categories .item::before{
    content:'';
    position:absolute;
    top:60%;
    bottom:0;
    right:.15rem;
    width:.1rem;
    height:.1rem;
    border-right:.02rem solid #555;
    border-bottom:.02rem solid #555;
    transform:rotate(45deg);
    z-index:1
}
 .page_contact .page_contact_quotation .upload-box{
    margin-bottom:.15rem
}
 .page_contact .page_contact_quotation .upload-box #fileName{
    width:100%!important;
    margin-top:.1rem;
    color:var(--color);
    font-size:.16rem;
    overflow:hidden
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap{
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:.2rem;
    background:#f6f6f6;
    border: .01rem solid #f4f4f4;
    border-radius:.05rem;
    margin-bottom:.15rem
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap .file-open{
    height:.55rem;
    width:1.5rem;
    line-height:.55rem;
    padding:0 .1rem;
    border-radius:.05rem;
    border:.01rem solid
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap p{
    font-size:.16rem;
    color:#999;
    display:inline-block;
    line-height:.22rem;
    margin-left:.3rem
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap .file-open img{
    vertical-align:middle;
    margin-right:.2rem;
    filter:brightness(0)
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap .file-ele{
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    height:100%;
    width:100%;
    cursor:pointer;
    z-index:2
}
 .page_contact .page_contact_quotation .textarea_box textarea{
    border: .01rem solid #f4f4f4;
    border-radius:.05rem;
    height:1.2rem;
    padding:.15rem;
    font-size:.16rem;
    color:#222;
    width:100%;
    height:4rem
}
 .page_contact .page_contact_quotation .checkbox{
    font-size:.16rem;
    margin-bottom:.3rem;
    position:relative;
    margin-bottom:0;
    margin-top:.1rem;
    text-align:center;
    width:max-content
}
 .page_contact .page_contact_quotation .checkbox .box{
    position:absolute;
    top:.01rem;
    left:0;
    height:.2rem;
    width:.2rem;
    border:.01rem solid #ddd;
    border-radius:.03rem;
    transition:all .3s linear
}
 .page_contact .page_contact_quotation .checkbox input{
    margin-left:0;
    display:none
}
 .page_contact .page_contact_quotation .checkbox label{
    padding-left:.3rem;
    font-size:.16rem;
    margin-bottom:0;
    color:#666
}
 .page_contact .page_contact_quotation .checkbox label a{
    display:inline-block;
    text-decoration:underline;
    color:var(--color)
}
 .page_contact .page_contact_quotation .checkbox #agree1:checked+label .box::before{
    content:'√';
    position:absolute;
    left:.02rem;
    top:-.03rem;
    width:.16rem;
    height:.16rem;
    color:#333
}
 .page_contact .page_contact_quotation .submit{
    margin-top:.4rem;
    text-align:center
}
 .page_contact .page_contact_quotation .submit .btn_effect4{
    width:3.3rem;
    border-radius:.05rem;
    font-family:RobotoRegular;
    height:100%
}
 .page_contact .page_contact_quotation .submit .btn_effect4 .btn_small_list{
    border-radius:.5rem;
    color:#fff;
    padding:.12rem .2rem;
    background:var(--color)
}
 .page_contact .page_contact_quotation .submit .btn_effect4 .btn_small_list .btn_main_text{
    font-size:.2rem
}
 .page_contact .page_contact_quotation .submit .btn_effect4 .btn_small_list.hover{
    border-color:var(--color);
    background:#fff;
    color:var(--color)
}
 .page_banner .page_banner_text{
    position:absolute;
    top:25%;
    left:2.6rem;
    width:6rem
}
 .page_banner .page_banner_text .text_box{
    margin-bottom:.15rem
}
 .page_banner .page_banner_text .text_box p{
    font-size:.64rem;
    font-family:RobotoMedium;
    color:#fff
}
 .page_banner .page_banner_text .text_box span{
    font-size:.18rem;
    color:#fff;
    line-height:normal
}
 .page_banner .page_banner_text .search_box{
    display:flex;
    justify-content:space-between;
    border-radius:.05rem;
    overflow:hidden;
    max-width:5rem
}
 .page_banner .page_banner_text .search_box input{
    width:100%;
    line-height:.58rem;
    padding:0 .15rem;
    background:#fff
}
 .page_banner .page_banner_text .search_box .search_btn{
    background:var(--color);
    width:.7rem;
    line-height:.58rem;
    text-align:center;
    cursor:pointer
}
 .page_banner .page_banner_text .search_box .search_btn img{
    filter:brightness(0) invert(1)
}
 .page_faq{
    padding-top:0
}
 .page_faq .page_faq_head{
    display:flex;
    justify-content:center
}
 .page_faq .page_faq_head p{
    font-size:.2rem;
    line-height:normal;
    margin-right:.3rem;
    border-bottom:.03rem solid transparent;
    transition:all .3s linear
}
 .page_faq .page_faq_head p a{
    display:block;
    padding:.15rem 0;
    color:#666
}
 .page_faq .page_faq_head p.active,.page_faq .page_faq_head p:hover{
    border-color:#222
}
 .page_faq .page_faq_head p.active a,.page_faq .page_faq_head p:hover a{
    color:#222
}
 .page_faq .page_faq_box_head{
    margin-bottom:.4rem
}
 .page_faq .page_faq_box_head h1{
    font-size:.4rem;
    font-family:RobotoBold;
    text-transform:uppercase;
    margin-bottom:.2rem
}
 .page_faq .page_faq_box_head p{
    font-size:.2rem;
    line-height:normal
}
 .page_faq .page_faq_box_head p a{
    color:var(--color)
}
 .page_faq .page_faq_box{
    padding-bottom:.2rem
}
 .page_faq .page_faq_box .item{
    padding-bottom:.24rem;
    margin-bottom:.4rem;
    border-bottom:.01rem solid #dfdfdf
}
 .page_faq .page_faq_box .item:last-child{
    border:0
}
 .page_faq .page_faq_box .item .item_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer
}
 .page_faq .page_faq_box .item .item_head i,.page_faq .page_faq_box .item .remark i{
    width:.24rem;
    height:.24rem;
    line-height:.24rem;
    border-radius:.24rem;
    display:block;
    background:#f5f5f5;
    text-align:center;
    font-style:normal;
    font-size:.14rem;
    font-family:RobotoMedium;
    color:var(--color);
    margin-right:.15rem
}
 .page_faq .page_faq_box .item .item_head .title{
    font-size:.2rem;
    font-family:RobotoMedium;
    width:93%;
    transition:all .3s linear
}
 .page_faq .page_faq_box .item .item_head .faq_icon{
    width:.3rem;
    height:.3rem;
    position:relative;
    cursor:pointer
}
 .page_faq .page_faq_box .item .item_head .faq_icon:after,.page_faq .page_faq_box .item .item_head .faq_icon:before{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:.1rem;
    height:.1rem;
    transition:all .3s linear
}
 .page_faq .page_faq_box .item .item_head .faq_icon:after{
    border-right:.03rem solid var(--color);
    transform:rotate(45deg)
}
 .page_faq .page_faq_box .item .item_head .faq_icon:before{
    border-bottom:.03rem solid var(--color);
    transform:rotate(45deg)
}
 .page_faq .page_faq_box .item .item_head .faq_icon.open:after,.page_faq .page_faq_box .item .item_head .faq_icon.open:before{
    top:.1rem
}
 .page_faq .page_faq_box .item .item_head .faq_icon.open:after{
    transform:rotate(-45deg)
}
 .page_faq .page_faq_box .item .item_head .faq_icon.open:before{
    transform:rotate(134deg)
}
 .page_faq .page_faq_box .item .item_head:hover .title{
    color:var(--color)
}
 .page_faq .page_faq_box .item .remark{
    margin-top:.1rem;
    display:none
}
 .page_faq .page_faq_box .item .remark>div{
    display:flex
}
 .page_faq .page_faq_box .item .remark div>div{
    font-size:.18rem;
    width:90%
}
 .page_about{
    padding-top:.4rem
}
 .page_about .page_content_head{
    text-align:center;
    margin-bottom:.2rem
}
 .page_about .page_content_head h1{
    font-size:.4rem;
    font-family:RobotoBold
}
 .page_about_video{
    margin:.4rem auto
}
 .page_about_video .page_about_video_box{
    position:relative;
    border-radius:.1rem;
    border:.01rem solid rgb(255 255 255 / 30%);
    overflow:hidden
}
 .page_about_video .img_box{
    overflow:hidden;
    position:relative;
    z-index:1;
    height:5.28rem
}
 .page_about_video .img_box img:first-child{
    height:100%;
    object-fit:cover
}
 .page_about_video .img_box img:last-child{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    cursor:pointer;
    animation:rotate360 3s linear infinite;
    max-width:.7rem
}
 .page_about_video .iframe_box{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    border-radius:.05rem;
    overflow:hidden;
    z-index:-1
}
 .page_about .page_about_history_box{
    margin:.25rem 0;
    position:relative;
    margin-bottom:.6rem
}
 .page_about .page_about_history_box .text_box .item{
    position:absolute;
    width:3.2rem;
    display:flex;
    align-items:center;
    min-height:.88rem
}
 .page_about .page_about_history_box .text_box .item p{
    font-size:.2rem;
    font-family:RobotoBold;
    margin-right:.3rem;
    color:#fff
}
 .page_about .page_about_history_box .text_box .item span{
    font-size:.16rem;
    line-height:.22rem;
    color:#060606;
    max-width:75%;
    -webkit-line-clamp:4
}
 .page_about .page_about_history_box .text_box .item1{
    bottom:3%;
    left:2%
}
 .page_about .page_about_history_box .text_box .item2{
    top:25.5%;
    left:7%
}
 .page_about .page_about_history_box .text_box .item3{
    bottom:28.5%;
    left:21%;
    width:3rem
}
 .page_about .page_about_history_box .text_box .item4{
    bottom:-2%;
    left:39%;
    flex-direction:column;
    align-items:flex-start
}
 .page_about .page_about_history_box .text_box .item4 p{
    margin-right:0;
    margin-bottom:.3rem;
    width:100%;
    padding-left:.3rem
}
 .page_about .page_about_history_box .text_box .item4 span{
    width:100%
}
 .page_about .page_about_history_box .text_box .item5{
    top:38%;
    left:46.5%;
    width:3rem
}
 .page_about .page_about_history_box .text_box .item6{
    bottom:12.5%;
    right:10%
}
 .page_about .page_about_history_box .text_box .item7{
    top:39%;
    right:9%;
    flex-direction:column;
    width:2.5rem
}
 .page_about .page_about_history_box .text_box .item7 p{
    margin-bottom:.3rem
}
 .page_about .page_about_history_box .text_box .item8{
    top:10%;
    right:0;
    flex-direction:column;
    width:2.5rem
}
 .page_about .page_about_history_box .text_box .item8 p{
    margin-right:0;
    margin-bottom:.35rem;
    padding-left:.3rem
}
 .page_about .page_about_quality{
    min-height:5.45rem;
    padding:.45rem 0;
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
 .page_about .page_about_quality .page_content_block{
    color:#fff;
    margin-bottom:.5rem
}
 .page_about .page_about_quality_box{
    display:flex;
    justify-content:space-between
}
 .page_about .page_about_quality_box .item{
    color:#fff;
    width:20%
}
 .page_about .page_about_quality_box .item p{
    font-family:RobotoBold;
    font-size:.32rem;
    background:url(/res/magic/images/quality_icon.webp) no-repeat center;
    background-size:contain;
    width:1.2rem;
    height:1.02rem;
    text-align:center;
    line-height:1.4rem;
    margin:auto;
    margin-bottom:.45rem
}
 .page_about .page_about_quality_box .item span{
    font-size:.2rem;
    -webkit-line-clamp:4;
    text-align:center
}
 .page_about .page_about_batteries{
    padding-top:.65rem
}
 .page_about .page_about_batteries .page_content_block{
    width:80%;
    text-align:left
}
 .page_about .page_about_batteries .page_content_block p{
    text-align:center
}
 .page_about .page_about_batteries .page_content_block span span{
    color:var(--color)
}
 .page_about .page_content_block{
    width:7rem;
    margin:auto
}
 .page_about .page_content_block p{
    margin-bottom:.1rem
}
 .page_about .page_content_block span{
    line-height:normal
}
 .page_about .page_about_batteries_box{
    margin-top:.55rem;
    display:flex;
    gap:.35rem
}
 .page_about .page_about_batteries_box .item{
    position:relative;
    border-radius:.05rem;
    overflow:hidden
}
 .page_about .page_about_batteries_box .center .item:first-child,.page_about .page_about_batteries_box .left .item:first-child,.page_about .page_about_batteries_box .right .item:first-child{
    margin-bottom:.3rem
}
 .page_about .page_about_batteries_box .item .img_box{
    overflow:hidden
}
 .page_about .page_about_batteries_box .item p{
    position:absolute;
    bottom:0;
    font-size:.18rem;
    color:#fff;
    padding-left:.3rem;
    line-height:.45rem;
    width:100%;
    background:rgb(23 23 23 / 40%);
    backdrop-filter:blur(.02rem)
}
 .page_about .page_about_expert{
    padding-top:.65rem
}
 .page_about .page_about_expert_box{
    margin-top:.55rem;
    display:flex;
    gap:.45rem
}
 .page_about .page_about_expert_box .item{
    width:24%
}
 .page_about .page_about_expert_box .item .img_box{
    overflow:hidden
}
 .page_about .page_about_expert_box .item .text_box{
    padding:.15rem
}
 .page_about .page_about_expert_box .item .text_box p{
    font-size:.16rem;
    font-family:RobotoBold;
    margin-bottom:.1rem
}
 .page_about .page_about_expert_box .item .text_box span{
    font-size:.14rem
}
 .page_about .page_about_cooperation{
    padding-top:.65rem;
    position:relative
}
 .page_about .page_about_cooperation .page_content_block{
    margin-bottom:.3rem
}
 .page_about .page_about_cooperation_box{
    position:relative;
    width:100%;
    text-align:center
}
 .page_about .page_about_cooperation_box>img{
    height:auto;
    display:block;
    max-width:100%;
    margin:auto
}
 .page_about .page_about_cooperation_box .map-points{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    margin:auto
}
 .page_about .page_about_cooperation_box .map-points .point-item{
    position:absolute;
    width:.2rem;
    height:.2rem;
    transform:translate(-50%,-50%);
    cursor:pointer
}
 .page_about .page_about_cooperation_box .map-points .point-item .ripple{
    position:absolute;
    width:.6rem;
    height:.6rem;
    background:linear-gradient(to right,#0b7f2c66,#0b7f2c);
    border-radius:50%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    opacity:0;
    transition:opacity .3s
}
 .page_about .page_about_cooperation_box .map-points .point-item:hover .ripple{
    opacity:1;
    animation:ripple 1s linear infinite
}
 @keyframes ripple{
    0%{
        width:.15rem;
        height:.15rem;
        opacity:1
    }
     100%{
        width:.6rem;
        height:.6rem;
        opacity:.8
    }
}
 .page_about .page_about_cooperation_box .map-points .point-item .dot{
    position:absolute;
    width:.1rem;
    height:.1rem;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
 .page_about .page_about_cooperation_num{
    display:flex;
    gap:2rem;
    justify-content:center;
    position:absolute;
    bottom:0;
    left:0;
    right:0
}
 .page_about .page_about_cooperation_num .item{
    display:flex
}
 .page_about .page_about_cooperation_num .item .thumb{
    margin-right:.15rem
}
 .page_about .page_about_cooperation_num .item .thumb img{
    max-width:.81rem
}
 .page_about .page_about_cooperation_num .item .text_box div p{
    font-size:.32rem;
    font-family:RobotoBold;
    display:inline-block;
    color:var(--color)
}
 .page_about .page_about_cooperation_num .item .text_box div p:last-child{
    color:#222;
    text-transform:uppercase;
    padding-left:.1rem
}
 .page_about .page_about_cooperation_num .item .text_box div p:last-child span{
    color:var(--color);
    padding-right:.1rem
}
 .page_about .page_about_cooperation_num .item .text_box p.remark{
    font-size:.14rem;
    font-family:RobotoBold
}
 .page_about .page_about_certified{
    padding-top:.65rem
}
 .page_about .page_about_certified .page_content_block{
    width:100%;
    margin-bottom:.55rem
}
 .page_about .page_about_certified_box .swiper-button-next,.page_about .page_about_certified_box .swiper-button-prev{
    border-radius:.5rem;
    border:.01rem solid #222
}
 .page_about .page_about_certified_box .swiper-button-prev{
    left:0
}
 .page_about .page_about_certified_box .swiper-button-next{
    right:0
}
 .page_about .page_about_certified_box .swiper-button-next:hover,.page_about .page_about_certified_box .swiper-button-prev:hover{
    border-color:var(--color)
}
 .page_about .page_about_certified_box .swiper-button-next:hover:before,.page_about .page_about_certified_box .swiper-button-prev:hover:before{
    border-color:var(--color)
}
 .page_about .page_about_certified_box{
    position:relative;
    width:14rem;
    margin:0 auto
}
 .page_about .page_about_certified_box .swiper-container{
    padding-bottom:.8rem
}
 .page_about .page_about_certified_box .swiper-slide{
    width:3.1rem
}
 .page_about .page_about_certified_box .swiper-slide img{
    max-width:100%
}
 .page_about .page_about_certified_box .swiper-pagination{
    width:max-content;
    bottom:0;
    margin:auto;
    left:0;
    right:0;
    background:#ddd;
    height:.01rem;
    border-radius:.1rem
}
 .page_about .page_about_certified_box .swiper-pagination-bullets .swiper-pagination-bullet{
    border:0;
    background:unset;
    width:.3rem;
    height:.03rem;
    padding:0;
    margin:0;
    display:inline-block
}
 .page_about .page_about_certified_box .swiper-pagination-bullets .swiper-pagination-bullet:before{
    content:'';
    display:block;
    width:100%;
    background:#999;
    height:100%;
    border-radius:.1rem;
    margin-top:-.13rem;
    opacity:0
}
 .page_about .page_about_certified_box .swiper-pagination-bullets .swiper-pagination-bullet-active{
    transition:all .3s linear
}
 .page_about .page_about_certified_box .swiper-pagination-bullets .swiper-pagination-bullet-active:before{
    opacity:1
}
 .page_about .page_about_certified_box .swiper-button-prev:hover{
    background-position:0 -.46rem;
    background-size:100%
}
 .page_about .page_about_certified_box .swiper-button-next:hover{
    background-position:0 -1.39rem;
    background-size:100%
}
 .page_about .page_about_recommend{
    padding-top:.65rem
}
 .page_about .page_about_recommend_box{
    margin-top:.5rem;
    position:relative
}
 .page_about .page_about_recommend_box .swiper-slide a .item .img_box{
    overflow:hidden;
    border-radius:.05rem
}
 .page_about .page_about_recommend_box .swiper-slide a .item .text_box{
    padding:.18rem .05rem
}
 .page_about .page_about_recommend_box .swiper-slide a .item .text_box h3{
    font-size:.18rem;
    font-family:RobotoBold;
    margin-bottom:.1rem
}
 .page_about .page_about_recommend_box .swiper-slide a .item .text_box span{
    font-size:.16rem;
    line-height:.22rem
}
 .page_about .page_about_recommend_box .swiper-button-next,.page_about .page_about_recommend_box .swiper-button-prev{
    border-radius:.5rem;
    border:.01rem solid #222
}
 .page_about .page_about_recommend_box .swiper-button-next:hover,.page_about .page_about_recommend_box .swiper-button-prev:hover{
    border-color:var(--color)
}
 .page_about .page_about_recommend_box .swiper-button-next:hover:before,.page_about .page_about_recommend_box .swiper-button-prev:hover:before{
    border-color:var(--color)
}
 .page_download{
    padding-top:0
}
 .page_download .page_faq_head{
    display:flex;
    justify-content:center
}
 .page_download .page_faq_head p{
    font-size:.2rem;
    line-height:normal;
    margin-right:.3rem;
    border-bottom:.03rem solid transparent;
    transition:all .3s linear
}
 .page_download .page_faq_head p a{
    display:block;
    padding:.15rem 0;
    color:#666
}
 .page_download .page_faq_head p.active,.page_download .page_faq_head p:hover{
    border-color:#222
}
 .page_download .page_faq_head p.active a,.page_download .page_faq_head p:hover a{
    color:#222
}
 .page_download .page_download_box{
    padding-top:.5rem
}
 .page_download .page_download_box_head{
    margin-bottom:.4rem
}
 .page_download .page_download_box_head h1{
    font-size:.4rem;
    font-family:RobotoBold;
    margin-bottom:.15rem
}
 .page_download .page_download_box_head p{
    font-size:.18rem;
    line-height:.3rem;
    max-width:85%
}
 .page_download .page_download_item_head{
    display: flex;
    margin-bottom: .6rem;
    flex-wrap: wrap;
    gap: .2rem;
}
 .page_download .page_download_item_head p{
    font-size:.18rem;
    text-align:center;
    padding:.11rem .15rem;
    background:rgb(11 127 44 / 10%);
    border-radius:100vh;
    cursor:pointer;
    transition:all .3s linear
}
 .page_download .page_download_item_head p.active,.page_download .page_download_item_head p:hover{
    background:var(--color);
    color:#fff
    
}

 .page_download .page_download_item_box .list_box{
    /*display:flex;*/
    /*flex-wrap:wrap;*/
    /*justify-content:space-between;*/
    display:none;
    position: relative;
}
 .page_download .page_download_item_box .list_box.open{
    display:block
}
.page_download .page_download_item_box .list_box .swiper-container{
    padding-bottom: .5rem;
}

.page_download .page_download_item_box .list_box .swiper-pagination{
    bottom: 0;
}
.page_download .page_download_item_box .list_box .swiper-pagination-bullet{
    border-color: var(--color);
    width: .15rem;
    height: .15rem;
}
.page_download .page_download_item_box .list_box .swiper-pagination-bullet-active{
    background: var(--color);
    border-color: var(--color);
}
 .page_download .page_download_item_box .item{
    /*width:49%;*/
    border-radius:.1rem;
    background-color:#f1f7f2;
    padding:.3rem;
    /*width:48.6%;*/
    margin-bottom:2%
}
 .page_download .page_download_item_box .item .item_title{
    font-size:.26rem;
    line-height:.6rem;
    position:relative;
    margin-bottom:.3rem
}
 .page_download .page_download_item_box .item .item_title:before{
    content:'';
    display:block;
    width:.5rem;
    height:.02rem;
    background:var(--color);
    position:absolute;
    bottom:0
}
 .page_download .page_download_item_box .item .item_box{
    display:flex;
    gap:.2rem;
    align-items:flex-start
}
 .page_download .page_download_item_box .item .item_box .left{
    width:44%;
    overflow:hidden;
    border:.01rem solid #ddd;
    border-radius:.1rem
}
 .page_download .page_download_item_box .item .item_box .left img{
    height:100%;
    object-fit:cover
}
 .page_download .page_download_item_box .item .item_box .right{
    width:66%
}
 .page_download .page_download_item_box .item .item_box .right .select-item{
    background:#f3f3f3;
    border:.01rem solid #ddd;
    border-radius:.1rem;
    margin-bottom:.1rem;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none
}
 .page_download .page_download_item_box .item .item_box .right .select-item.open{
    background:#fff
}
 .page_download .page_download_item_box .item .item_box .right .select-item.faq{
    position:relative
}
 .page_download .page_download_item_box .item .item_box .right .select-item.faq.open{
    background:#fff;
    border-radius:.1rem .1rem 0 0;
    border-bottom:none
}
 .page_download .page_download_item_box .item .item_box .right .select-item>h3{
    font-size:.16rem;
    font-family:RobotoBold;
    color:#222;
    cursor:pointer;
    padding:.15rem .2rem
}
 .page_download .page_download_item_box .item .item_box .right .select-item>h3 img{
    margin-right:.05rem;
    max-width:.18rem
}
 .page_download .page_download_item_box .item .item_box .right .select-item>h3 span{
    float:right
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child{
    display:none
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child.download{
    padding-top:.15rem;
    border-top:.01rem solid #ddd;
    width:90%;
    margin:auto;
    padding-bottom:.1rem
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child.faq{
    position:absolute;
    left:-.01rem;
    top:100%;
    border:.01rem solid #ddd;
    width:calc(100% + .02rem);
    border-top:none;
    padding:0 .2rem .2rem;
    background:#fff;
    z-index:9;
    border-radius:0 0 .1rem .1rem
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child.download div{
    display:flex;
    justify-content:space-between;
    overflow:hidden;
    margin-bottom:.1rem
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child.download a{
    color:#222;
    font-size:.16rem
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child.download a:hover{
    text-decoration:underline;
    color:#666
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child.download a span{
    font-size:.14rem;
    display:inline-block;
    float:right;
    padding:.01rem .06rem;
    border-radius:.2rem;
    border:.01rem solid #ddd;
    cursor:pointer;
    background:#f3f3f3;
    color:#222;
    transition:all .3s linear
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child.download a span:hover{
    background:var(--color);
    border-color:var(--color);
    color:#fff
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child.faq .faq-item{
    padding-top:.2rem;
    border-top:.01rem solid #ddd;
    margin-bottom:.2rem
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child.faq .faq-item h4{
    font-size:.16rem;
    color:#222;
    padding-left:.28rem;
    font-weight:400;
    margin-bottom:.1rem;
    position:relative
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child.faq .faq-item h4:before{
    display:inline-block;
    content:'Q';
    font-size:.14rem;
    color:#fff;
    background:#222;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0;
    width:.2rem;
    height:.2rem;
    line-height:.21rem;
    text-align:center
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child.faq .faq-item p{
    font-size:.14rem;
    color:#666;
    padding-left:.28rem;
    font-weight:400;
    position:relative
}
 .page_download .page_download_item_box .item .item_box .right .select-item .select-child.faq .faq-item p:before{
    display:inline-block;
    content:'A';
    font-size:.14rem;
    color:#fff;
    background:var(--color);
    border-radius:50%;
    position:absolute;
    left:0;
    top:0;
    width:.2rem;
    height:.2rem;
    line-height:.21rem;
    text-align:center
}
 .show_news .show_news_content_head{
    padding-bottom:.2rem;
    border-bottom:.02rem solid var(--color);
    margin-bottom:.4rem
}
 .show_news .show_news_content_head h1{
    font-family:RobotoBold;
    margin-bottom:.25rem
}
 .show_news .show_news_content_head .other{
    display:flex;
    align-items:center;
    justify-content:center
}
 .show_news .show_news_content_head .other p{
    font-size:.16rem;
    margin-right:.2rem
}
 .show_news .show_news_content_head .other p img{
    max-width:.2rem;
    vertical-align:middle;
    margin-top:-.04rem;
    margin-right:.05rem
}
 .show_news .show_news_content_head .other p:last-child{
    margin-right:0
}
 .show_news .show_pagination_box .item.next a,.show_news .show_pagination_box .item.prev a{
    font-size:.18rem;
    font-family:RobotoBold;
    display:block;
    margin-bottom:.2rem
}
 .show_news .show_pagination_box .item.next a span,.show_news .show_pagination_box .item.prev a span{
    display:inline-block;
    width:.3rem;
    height:.3rem;
    border-radius:.3rem;
    border:.01rem solid var(--color);
    text-align:center;
    line-height:.3rem;
    margin-right:.2rem
}
 .show_news .show_pagination_box .item.next a img,.show_news .show_pagination_box .item.prev a img{
    vertical-align:middle;
    margin-top:-.04rem
}
 .show_news .show_pagination_box .item.prev a img{
    transform:rotate(-180deg)
}
 .page_content.page_quotation{
    background:rgb(248 248 248);
    background-image:-webkit-linear-gradient(90deg,rgb(248 248 248 / 30%) 0,#fff 100%);
    padding-bottom:1rem
}
 .page_quotation .page_quotation_head{
    margin-bottom:.3rem
}
 .page_quotation .page_quotation_head h1{
    font-size:.36rem;
    font-family:RobotoBold;
    margin-bottom:.2rem
}
 .page_quotation .page_quotation_head p{
    font-size:.18rem
}
 .page_quotation .page_quotation_box{
    display:flex;
    background:#fff;
    align-items:flex-start
}
 .page_quotation .page_quotation_box .left{
    width:42%;
    border:.01rem solid #eee;
    border-bottom:0
}
 .page_quotation .page_quotation_box .left .left_head{
    background:rgb(226 226 226);
    display:flex;
    justify-content:space-between;
    padding:.2rem
}
 .page_quotation .page_quotation_box .left .left_head p{
    line-height:.4rem;
    font-family:RobotoMedium;
    font-size:.16rem
}
 .page_quotation .page_quotation_box .left .left_head p:nth-child(1),.page_quotation .page_quotation_box .left .left_head p:nth-child(3){
    width:.4rem;
    height:.4rem
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item{
    display:flex;
    border-bottom:.01rem solid #eee;
    align-items:center;
    padding:.2rem
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box{
    width:.4rem;
    height:.4rem;
    line-height:.4rem;
    position:relative
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box input{
    width:.2rem;
    height:.2rem;
    margin:0;
    opacity:0
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box .box{
    position:absolute;
    top:.03rem;
    left:0;
    height:.2rem;
    width:.2rem;
    border:.01rem solid #ddd;
    border-radius:.03rem;
    transition:all .3s linear
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box label{
    width:.2rem;
    height:.2rem;
    margin-bottom:0;
    cursor:pointer
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box label .box:before{
    color:#fff;
    font-size:.2rem
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box label input:checked+.box{
    background:var(--color);
    border-color:var(--color)
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .select_box label input:checked+.box:before{
    content:'√';
    display:block;
    position:absolute;
    left:.02rem;
    top:-.1rem;
    width:.2rem;
    height:.2rem
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box{
    display:flex;
    align-items:center;
    width:85%
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .img_box{
    margin-right:.1rem;
    overflow:hidden;
    width:1rem;
    height:.75rem;
    border-radius:.05rem
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .img_box a{
    display:block
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .img_box a img{
    max-width:1rem;
    height:.75rem;
    object-fit:cover
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .text_box{
    width:75%
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .text_box a{
    display:block;
    height:100%
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .model_box .text_box h3{
    font-size:.18rem;
    font-family:RobotoBold;
    line-height:.22rem
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .delete_box{
    width:.4rem;
    height:.4rem;
    text-align:right;
    line-height:.4rem;
    cursor:pointer
}
 .page_quotation .page_quotation_box .left .item_box .quotatio_item .delete_box img{
    max-width:.15rem;
    vertical-align:middle
}
 .page_quotation .page_quotation_box .right{
    width:58%;
    padding:.4rem;
    padding-left:.6rem;
    padding-top:0
}
 .page_quotation .page_quotation_box .right>p{
    font-size:.36rem;
    font-family:RobotoBold
}
 .page_quotation .page_quotation_box .right .from{
    padding-top:.3rem
}
 .page_quotation .page_quotation_box .right .from .input{
    display:flex;
    justify-content:space-between;
    margin-bottom:.15rem
}
 .page_quotation .page_quotation_box .right .from .input div{
    width:32.2%
}
 .page_quotation .page_quotation_box .right .from .input div p,.page_quotation .page_quotation_box .right .from .pro_categories .item p{
    font-size:.16rem;
    margin-bottom:.05rem
}
 .page_quotation .page_quotation_box .right .from .input div p span{
    color:red
}
 .page_quotation .page_quotation_box .right .from textarea{
    height:2.5rem;
    margin-bottom:.1rem
}
 .page_quotation .page_quotation_box .right .from .input div input,.page_quotation .page_quotation_box .right .from textarea{
    background:#f6f6f6;
    border:.01rem solid #ddd;
    line-height:.5rem;
    padding:0 .15rem;
    font-size:.14rem;
    width:100%
}
 .page_quotation .page_quotation_box .right .from .input div input::placeholder{
    color:#999
}
 .page_quotation .page_quotation_box .right .from .checktext{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:.18rem;
    border-bottom:.01rem solid #ddd;
    padding-bottom:.1rem
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label{
    margin-right:.1rem;
    font-weight:unset;
    margin-bottom:0;
    position:relative;
    padding-left:.1rem;
    cursor:pointer
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom>span{
    padding-left:.1rem;
    cursor:pointer
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label:hover,.page_quotation .page_quotation_box .right .from .checktext .buttom>span:hover{
    color:var(--color)
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label p{
    display:inline-block
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label .box{
    position:absolute;
    top:.03rem;
    left:0;
    height:.2rem;
    width:.2rem;
    border:.01rem solid #ddd;
    border-radius:.03rem;
    transition:all .3s linear
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label .box:before{
    color:#fff;
    font-size:.2rem
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label input{
    opacity:0
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label input:checked+.box{
    background:var(--color);
    border-color:var(--color)
}
 .page_quotation .page_quotation_box .right .from .checktext .buttom label input:checked+.box:before{
    content:'√';
    display:block;
    position:absolute;
    left:.02rem;
    top:-.06rem;
    width:.2rem;
    height:.2rem
}
 .page_quotation .page_quotation_box .right .from .checktext .text span{
    padding-top:.03rem;
    font-size:.3rem;
    margin-right:.1rem;
    display:inline-block;
    color:var(--color)
}
 .page_quotation .page_quotation_box .right .from .submit{
    padding-top:.3rem;
    text-align:right
}
 .page_quotation .page_quotation_box .right .from .submit button{
    margin-right:.1rem
}
 .page_quotation .page_quotation_box .right .from .submit button .btn_small_list{
    color:#fff;
    border-color:var(--color);
    background:var(--color)
}
 .page_quotation .page_quotation_box .right .from .submit button .btn_small_list.hover{
    background:#fff;
    color:var(--color)
}
 .page_quotation .page_quotation_box .right .from .submit button:last-child{
    margin-right:0
}
 .page_quotation .page_quotation_box .right .from .submit button:last-child .btn_small_list{
    background:#fff;
    color:var(--color)
}
 .page_quotation .page_quotation_box .right .from .submit button:last-child .btn_small_list.hover{
    background:var(--color)
}
 .page_quotation .page_quotation_box .right .from .submit button:last-child .btn_small_list.hover .btn_main_text{
    color:#fff
}
 .page_case .page_case_head_box{
    display:flex;
    gap:.15rem;
    margin-bottom:.2rem
}
 .page_case .page_case_head_box .left{
    width:66%
}
 .page_case .page_case_head_box .item{
    position:relative;
    border-radius:.05rem;
    overflow:hidden
}
 .page_case .page_case_head_box .left .item a{
    display:block
}
 .page_case .page_case_head_box .left .item .img_box{
    overflow:hidden
}
 .page_case .page_case_head_box .left .item .text_box,.page_case .page_case_head_box .right .item .text_box{
    position:absolute;
    bottom:0;
    background:rgb(34 34 34 / 60%)
}
 .page_case .page_case_head_box .item .text_box{
    padding:.15rem .2rem;
    color:#fff
}
 .page_case .page_case_head_box .left .item .text_box h3{
    margin-bottom:.15rem
}
 .page_case .page_case_head_box .item .text_box h3{
    font-size:.2rem;
    font-family:RobotoBold
}
 .page_case .page_case_head_box .left .item .text_box p{
    font-size:.16rem;
    line-height:normal
}
 .page_case .page_case_head_box .right{
    width:32%
}
 .page_case .page_case_head_box .right .item:first-child{
    margin-bottom:.15rem
}
 .page_case .page_case_head_box .right .item .img_box{
    overflow:hidden
}
 .page_case .item_box{
    display:flex;
    gap:.2rem;
    flex-wrap:wrap;
    padding-bottom:.55rem
}
 .page_case .item_box .item{
    width:32%;
    border-radius:.05rem;
    overflow:hidden
}
 .page_case .item_box .item .img_box{
    overflow:hidden
}
 .page_case .item_box .item .text_box{
    background:rgb(243 248 241 / 96%);
    padding:.15rem .2rem
}
 .page_case .item_box .item .text_box h3{
    font-size:.2rem;
    font-family:RobotoBold;
    margin-bottom:.1rem;
    -webkit-line-clamp:2;
    line-height:.24rem;
    min-height:.48rem
}
 .page_case .item_box .item .text_box span{
    font-size:.16rem;
    line-height:.22rem
}