.index_banner{
    width:100%;
    overflow:hidden;
    padding-top:.9rem
}
 .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
    width:2rem;
    height:100%;
    top:0;
    background:0 0;
    margin:auto
}
 .index_banner .swiper-button-next:before,.index_banner .swiper-button-prev:before{
    display:none
}
 .index_banner .swiper-button-prev{
    left:0
}
 .index_banner .swiper-button-next{
    right:0
}
 .index_banner .swiper-button-next span,.index_banner .swiper-button-prev span{
    display:inline-block;
    width:.6rem;
    height:.6rem;
    position:absolute;
    top:46.6%;
    border-radius:100%;
    background:#b4b4b4;
    opacity:.5;
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease
}
 .index_banner .swiper-button-prev span{
    left:1.2rem
}
 .index_banner .swiper-button-next span{
    left:unset;
    right:.2rem
}
 .index_banner .swiper-button-next span:before,.index_banner .swiper-button-prev span:before{
    content:'';
    display:block;
    border-right:.03rem solid #fff;
    border-bottom:.03rem solid #fff;
    transform:rotate(-45deg);
    background:0 0;
    width:.12rem;
    height:.12rem;
    position:absolute;
    top:40%;
    left:36%;
    margin:auto;
    transition:all .3s linear
}
 .index_banner .swiper-button-next:hover span,.index_banner .swiper-button-prev:hover span{
    opacity:1
}
 .index_banner .swiper-pagination{
    max-width:14rem;
    left:0;
    right:0;
    margin:auto;
    bottom:.3rem
}
 .index_banner .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0;
    margin-right:.3rem
}
 .index_banner .swiper-pagination-bullet{
    width:.5rem;
    margin:0 .03rem;
    cursor:pointer;
    background:0 0;
    border-radius:0;
    opacity:1;
    width:1.5rem
}
 .index_banner .swiper-pagination-bullet span{
    width:100%;
    height:.04rem;
    display:block;
    background:#d9d9d9;
    border-radius:.04rem
}
 .index_banner .swiper-pagination-bullet-active span{
    background:#d2142e
}
 .index_banner .autoplay .swiper-pagination-bullet-active span{
    background:#d9d9d9
}
 .index_banner .swiper-pagination-bullet i{
    background:#d2142e;
    height:.04rem;
    transform:scaleX(0);
    transform-origin:0;
    display:block;
    border-radius:.04rem
}
 .index_banner .autoplay .firsrCurrent i{
    transition:transform 2.9s linear;
    transform:scaleX(1)
}
 .index_banner .autoplay .current i{
    transition:transform 4s linear;
    transform:scaleX(1)
}
 .section{
    margin-top:.9rem
}
 .head_block p{
    font-size:.32rem;
    font-family:RobotoBold;
    text-align:center
}
 .index_section1{
    display:flex;
    flex-wrap:wrap;
    gap:.2rem;
    margin-top:.4rem
}
 .index_section1 .item{
    width:49.45%;
    position:relative;
    height:5.8rem
}
 .index_section1 .item{
    color:#fff
}
 .index_section1 .item .text_box{
    position:absolute;
    left:37%;
    top:7%;
    bottom:0;
    text-align:center;
    width:max-content;
    height:max-content;
    color:#fff
}
 .index_section1 .item:first-child .text_box{
    left:0;
    right:0;
    top:0;
    margin:auto
}
 .index_section1 .item .text_box p{
    font-size:.32rem;
    font-family:RobotoBold
}
 .index_section1 .item:first-child .text_box p{
    font-size:.64rem
}
 .index_section1 .item .text_box>span{
    font-size:.2rem
}
 .index_section1 .item:first-child .text_box>span{
    font-size:.24rem
}
 .index_section1 .item .text_box .btn_effect1{
    margin-top:.2rem;
    color:#fff;
    border-color:#fff
}
 .index_section1 .item .text_box .btn_effect1:hover{
    background:#fff;
    color:#333
}
 .index_section1 .item:first-child .text_box .btn_effect1{
    width:max-content;
    margin:auto;
    margin-top:.4rem
}
 .index_section1 .item:first-child .text_box .btn_effect1:hover{
    background:#d42a3b;
    border-color:#d42a3b;
    color:#fff
}
 .index_section1 .item .img_box{
    overflow:hidden
}
 .index_section2{
    margin-bottom:.9rem
}
 .index_section2 .index_section2_box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:.3rem
}
 .index_section2 .index_section2_box .item{
    max-width:25%
}
 .index_section2 .index_section2_box .item:last-child{
    margin-right:0
}
 .index_section2 .index_section2_box .item{
    text-align:center
}
 .index_section2 .index_section2_box .item img{
    filter:contrast(0);
    transition:all .3s linear;
    max-width:1.3rem
}
 .index_section2 .index_section2_box .item p{
    font-size:.22rem;
    margin-top:.1rem;
    transition:all .3s linear
}
 .index_section2 .index_section2_box .item:hover img{
    filter:unset;
    transform:scale(1.05)
}
 .index_section2 .index_section2_box .item:hover p{
    color:#fe6900
}
 .page_banner{
    padding-top:.9rem
}
 .page_inside{
    padding:.15rem 0;
    background:#f4f4f4
}
 .page_inside .auto-container{
    font-size:.18rem;
    display:flex;
    align-items:center
}
 .page_inside a{
    color:#a8a8a8;
    text-transform:capitalize
}
 .page_inside img{
    margin-top:.03rem;
    max-width:.17rem;
    filter:grayscale(1);
    margin-left:.05rem;
    margin-right:.05rem
}
 .page_inside a img:first-child{
    margin-top:-.05rem;
    margin-right:.1rem;
    max-width:.22rem;
    margin-left:0
}
 .page_about .page_about_box .page_about_section1{
    background:#f9f9f9;
    padding-top:.9rem;
    padding-bottom:.45rem
}
 .page_about .page_about_box .page_about_section1 .auto-container>blockquote,.page_about .page_about_box .page_about_section1 .auto-container>h1,.page_about .page_about_box .page_about_section1 .auto-container>h2,.page_about .page_about_box .page_about_section1 .auto-container>h3,.page_about .page_about_box .page_about_section1 .auto-container>h4,.page_about .page_about_box .page_about_section1 .auto-container>h5,.page_about .page_about_box .page_about_section1 .auto-container>h6,.page_about .page_about_box .page_about_section1 .auto-container>hr,.page_about .page_about_box .page_about_section1 .auto-container>p,.page_about .page_about_box .page_about_section1 .auto-container>pre{
    margin:revert;
    padding:revert
}
 .page_about .page_about_box .page_about_section1 h1{
    font-size:.36rem;
    text-align:center;
    margin-bottom:.4rem
}
 .page_about .page_about_box .page_about_section1 h2{
    font-size:.28rem
}
 .page_about .page_about_box .page_about_section1 .auto-container>p{
    font-size:.2rem;
    color:#666
}
 .page_about .page_about_box .page_about_section1 .item_box{
    display:flex;
    gap:.2rem;
    justify-content:space-between
}
 .page_about .page_about_box .page_about_section1 .item_box .item{
    width:33%;
    background:linear-gradient(271.91deg,#f2f8fd 1.48%,#fff 96.8%);
    box-shadow:.04rem .04rem .72rem rgba(0,0,0,.1);
    border-radius:.08rem;
    line-height:1.3;
    padding:.4rem
}
 .page_about .page_about_box .page_about_section1 .item_box .item h4{
    font-size:.26rem;
    font-family:RobotoBold;
    margin-bottom:.2rem
}
 .page_about .page_about_box .page_about_section1 .item_box .item p{
    font-size:.18rem;
    color:#666
}
 .page_about .page_about_box .page_about_video_box{
    background:#f9f9f9;
    padding:.45rem 0
}
 .page_about .page_about_box .page_about_video_box .auto-container{
    position:relative;
    border-radius:.08rem;
    overflow:hidden
}
 .page_about .page_about_box .page_about_video_box .img_box{
    overflow:hidden;
    position:relative;
    z-index:1
}
 .page_about .page_about_box .page_about_video_box .img_box img:first-child{
    height:100%;
    object-fit:cover;
    width:100%
}
 .page_about .page_about_box .page_about_video_box .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 .page_about_box .page_about_video_box .iframe_box{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    border-radius:.05rem;
    overflow:hidden;
    z-index:-1
}
 .page_about .page_about_box .page_about_team{
    padding:.45rem 0
}
 .page_about .page_about_box .page_about_team .swiper-container{
    padding-bottom:.5rem
}
 .page_about .page_about_box .page_about_team .swiper-slide .item{
    transition:all .3s linear
}
 .page_about .page_about_box .page_about_team .swiper-slide .item .img_box{
    border-radius:.08rem .08rem 0 0;
    overflow:hidden
}
 .page_about .page_about_box .page_about_team .swiper-slide .item .txt{
    background:#fff;
    padding:.25rem;
    padding-top:.15rem
}
 .page_about .page_about_box .page_about_team .swiper-slide .item .txt h3{
    margin-bottom:.15rem;
    font-size:.18rem;
    transition:all .3s linear
}
 .page_about .page_about_box .page_about_team .swiper-slide .item .txt .remark{
    font-size:.16rem;
    color:#666;
    line-height:1.3
}
 .page_about .page_about_box .page_about_team .swiper-slide .item:hover{
    box-shadow:0 .04rem .04rem rgba(0,0,0,.1)
}
 .page_about .page_about_box .page_about_team .swiper-slide .item:hover .txt h3{
    color:#d42a3b
}
 .page_about .page_about_box .page_about_team .swiper-slide .item:hover .txt span{
    color:var(--color)
}
 .page_about .page_about_box .page_about_team .swiper-slide .item:hover .txt span img{
    filter:unset
}
 .page_about .page_about_box .page_about_team .swiper-pagination{
    bottom:0
}
 .page_about .page_about_box .page_about_team .swiper-pagination .swiper-pagination-bullet{
    width:.08rem;
    height:.08rem;
    background:#a4a4a4;
    transition:all .3s linear;
    border-radius:100vh
}
 .page_about .page_about_box .page_about_team .swiper-pagination .swiper-pagination-bullet-active{
    width:.7rem
}
 .page_history .page_history_right_head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:.45rem
}
 .page_history .page_history_right_head .history_title,.page_history .page_history_right_head .history_year_line{
    font-size:.36rem
}
 .page_history .page_history_right_head .history_title{
    position:relative;
    padding-bottom:.2rem
}
 .page_history .page_history_right_head .history_title:before{
    content:'';
    display:block;
    width:2.3rem;
    height:.01rem;
    background:var(--color);
    position:absolute;
    bottom:0;
    left:0
}

 .page_advantages .page_advantages_head{
    padding-top:.7rem;
    padding-bottom:.9rem;
    display:flex;
    justify-content:space-between
}
 .page_advantages .page_advantages_head .item{
    width:25%;
    text-align:center
}
 .page_advantages .page_advantages_head .item .img_box{
    margin-bottom:.3rem
}
 .page_advantages .page_advantages_head .item .img_box img{
    max-width:1rem;
    transition:all .5s linear
}
 .page_advantages .page_advantages_head .item .img_box img:hover{
    transform:rotate(360deg)
}
 .page_advantages .page_advantages_head .item .text_box h3{
    font-size:.4rem;
    font-family:RobotoBold
}
 .page_advantages .page_advantages_head .item .text_box h3 p{
    display:inline-block
}
 .page_advantages .page_advantages_head .item .text_box h3 span{
    font-size:.16rem;
    color:#666;
    font-family:RobotoRegular
}
 .page_advantages .page_advantages_head .item .text_box>p{
    font-size:.18rem;
    color:#666;
    margin-top:.1rem;
    text-transform:capitalize
}
 .page_advantages .page_advantages_box .item{
    display:flex;
    padding:0 5%;
    padding-top:6%;
    padding-bottom:4%;
    position:relative;
    align-items:flex-end;
    color:#fff;
    margin-bottom:4.75%
}
 .page_advantages .page_advantages_box .item:before{
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:70%;
    left:0;
    bottom:0;
    background:linear-gradient(180deg,rgba(64,72,76,0) 0,#191d2a 100%)
}
 .page_advantages .page_advantages_box .item:nth-child(even){
    display:flex;
    flex-direction:row-reverse
}
 .page_advantages .page_advantages_box .item .left{
    width:37%;
    margin-bottom:2%;
    position:relative
}
 .page_advantages .page_advantages_box .item .left h3{
    font-size:.36rem
}
 .page_advantages .page_advantages_box .item .left p:after,.page_advantages .page_advantages_box .item .left p:before{
    content:'';
    display:block;
    position:absolute
}
 .page_advantages .page_advantages_box .item .left p:before{
    width:30%;
    height:.03rem;
    background:#fff;
    left:0;
    top:0;
    z-index:2
}
 .page_advantages .page_advantages_box .item .left p:after{
    width:100%;
    height:.01rem;
    background:#969696;
    top:0;
    left:0
}
 .page_advantages .page_advantages_box .item .left p{
    font-size:.2rem;
    color:#dfdfdf;
    line-height:1.1;
    position:relative;
    padding-top:.3rem;
    margin-top:.3rem
}
 .page_advantages .page_advantages_box .item .right{
    width:55%;
    margin-left:8%
}
 .page_advantages .page_advantages_box .item:nth-child(even) .right{
    margin-left:0;
    margin-right:8%
}
 .page_advantages .page_advantages_box .item .right .right_head_box{
    display:flex;
    margin-bottom:.65rem;
    justify-content:space-between;
    align-items:center;
    position:relative
}
 .page_advantages .page_advantages_box .item .right .right_head_box .right_head{
    display:flex;
    width:88%
}
 .page_advantages .page_advantages_box .item .right .right_head_box .right_head p{
    font-size:.18rem;
    color:#dfdfdf;
    width:30%;
    margin-right:5%;
    padding-right:5%;
    cursor:pointer;
    position:relative
}
 .page_advantages .page_advantages_box .item .right .right_head_box .right_head p.active{
    color:#fff
}
 .page_advantages .page_advantages_box .item .right .right_head_box .right_head p:last-child:before{
    display:none
}
 .page_advantages .page_advantages_box .item .right .right_head_box .right_head p:before{
    content:'';
    display:block;
    width:.01rem;
    height:50%;
    background:#fff;
    position:absolute;
    right:0;
    top:10%
}
 .page_advantages .page_advantages_box .item .right .right_head_box .arrow_box{
    width:9%
}
 .page_advantages .page_advantages_box .item .right .right_head_box .arrow_box .swiper-button-next,.page_advantages .page_advantages_box .item .right .right_head_box .arrow_box .swiper-button-prev{
    width:.35rem;
    height:.35rem;
    background:0 0;
    border:.01rem solid #fff;
    top:15%
}
 .page_advantages .page_advantages_box .item .right .right_head_box .arrow_box .swiper-button-next:before,.page_advantages .page_advantages_box .item .right .right_head_box .arrow_box .swiper-button-prev:before{
    left:28%;
    top:32%;
    border-width:.01rem;
    border-color:#fff
}
 .page_advantages .page_advantages_box .item .right .right_head_box .arrow_box .swiper-button-prev{
    left:unset
}
 .page_advantages .page_advantages_box .item .right .right_head_box .arrow_box .swiper-button-next{
    right:0
}
 .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item{
    display:none
}
 .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item.active{
    display:block
}
 .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item .swiper-slide{
    border-radius:.08rem;
    overflow:hidden
}
 .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item .swiper-slide:after{
    content:'';
    display:block;
    height:.02rem;
    background:#fff;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    width:0;
    transition:all .3s linear
}
 .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item .swiper-slide-active:after,.page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item .swiper-slide:hover:after{
    width:10%
}
 .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item .swiper-slide:before{
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    bottom:-40%;
    background:linear-gradient(180deg,rgba(38,38,38,0) 0,#141823 66.33%)
}
 .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item .swiper-slide .img_box img{
    width:100%;
    object-fit:cover
}
 .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item .swiper-slide .text_box{
    position:absolute;
    bottom:10%;
    width:70%;
    left:0;
    right:0;
    text-align:center;
    margin:auto
}
 .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item .swiper-slide .text_box h3{
    font-size:.2rem;
    font-family:RobotoBold;
    margin-bottom:.15rem
}
 .page_advantages .page_advantages_box .item .right .right_swiper_box .swiper_item .swiper-slide .text_box p{
    min-height:.42rem;
    font-size:.16rem;
    line-height:1.2
}
 .page_content .inside-pagination{
    text-align:center;
    margin-bottom:.9rem
}
 .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:#333;
    border-color:#333
}
 .page_content .inside-pagination ul li{
    display:inline-block;
    margin-right:.05rem
}
 .page_content .inside-pagination ul li.next-page a:hover,.page_content .inside-pagination ul li.pre-page a:hover{
    color:#333
}
 .page_content .inside-pagination ul li>a>img{
    transition:all .3s linear;
    margin-top:-.04rem;
    max-width:.17rem;
    filter:brightness(0)
}
 .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_news .page_more_btn{
    padding-top:.4rem
}
 .page_news .item_box{
    padding-top:.6rem;
    display:flex;
    flex-wrap:wrap;
    gap:1vw;
    padding-bottom:.6rem
}
 .page_news .item_box .item{
    width:23.9%;
    transition:all .3s linear
}
 .page_news .item_box .item{
    display:block
}
 .page_news .item_box .item .img_box{
    overflow:hidden
}
 .page_news .item_box .item .img_box img{
    width:100%;
    object-fit:cover
}
 .page_news .item_box .item .text_box{
    background:#fff;
    padding:.2rem
}
 .page_news .item_box .item .text_box .title{
    font-size:.2rem;
    margin-bottom:.15rem;
    line-height:1.3;
    min-height:.52rem;
    transition:all .3s linear
}
 .page_news .item_box .item .text_box .remark{
    font-size:.16rem;
    line-height:1.3;
    color:#666;
    min-height:.63rem
}
 .page_news .item_box .item .text_box .other{
    color:#666;
    font-size:.15rem;
    display:flex;
    justify-content:space-between;
    margin-bottom:.15rem;
    align-items:center
}
 .page_news .item_box .item .text_box .other span:first-child{
    margin-right:.1rem
}
 .page_news .item_box .item .text_box .other span img{
    filter:brightness(0) invert(.5);
    margin-right:.05rem;
    margin-top:-.03rem;
    max-width:.22rem
}
 .page_news .item_box .item:hover{
    box-shadow:0 .04rem .04rem rgba(0,0,0,.1)
}
 .page_news .item_box .item:hover .text_box .title{
    color:var(--color)
}
 .show_news{
    background:#f9f9f9;
    padding:.4rem 0
}
 .show_news .post-info{
    background:#fff;
    color:#333;
    padding:.3rem;
    font-size:.16rem
}
 .show_news .post-info .header{
    margin-bottom:.4rem;
    text-align:center
}
 .show_news .post-info .header>h1{
    font-size:.36rem;
    font-family:RobotoBold;
    line-height:1.3
}
 .show_news .post-info .header>p{
    margin:.2rem auto;
    border-bottom:.01rem solid #eee;
    padding-bottom:.2rem
}
 .show_news .post-info .header>p>span{
    margin-right:.3rem;
    font-size:.14rem;
    display:inline-block
}
 .show_news .post-info .header>p>span>img{
    margin-right:.05rem;
    max-width:.2rem;
    margin-top:-.03rem
}
 .show_news .post-info li,.show_news .post-info ul{
    line-height:1.6
}
 .show_news .post-info .content{
    border-bottom:.01rem solid #eee;
    padding-bottom:.3rem;
    line-height:1.6
}
 .show_news .post-info .content ol,.show_news .post-info .content ul{
    margin-left:.15rem
}
 .show_news .post-info .content ul li{
    list-style-type:disc
}
 .show_news .post-info .content ol li{
    list-style-type:decimal
}
 .show_news .post-info .content p{
    margin:0;
    margin-bottom:.1rem
}
 .show_news .post-info .post-pagination{
    margin-top:.3rem
}
 .show_news .post-info .post-pagination p{
    margin:.15rem 0
}
 .show_news .post-info .post-pagination p a{
    font-size:.16rem;
    font-family:RobotoBold;
    color:#666
}
 .show_news .post-info .post-pagination p a img{
    float:left;
    margin-right:.1rem;
    filter:grayscale(100%)
}
 .show_news .post-info .post-pagination p a.prev-page img{
    max-width:.2rem;
    transform:rotate(180deg)
}
 .show_news .post-info .post-pagination p a:hover{
    color:var(--color)
}
 .show_news .post-info .post-pagination p a:hover img{
    filter:unset
}
 .show_news .relation{
    margin:.4rem auto
}
 .show_news .relation .header{
    padding:.1rem 0
}
 .show_news .relation .header>h2{
    font-size:.26rem;
    font-family:RobotoBold
}
 .show_news .relation .swiper-relation{
    margin-top:.3rem
}
 .show_news .relation .swiper-relation .swiper-slide a{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 .show_news .relation .swiper-relation .swiper-slide .imgbox{
    width:35%
}
 .show_news .relation .swiper-relation .swiper-slide .textbox{
    width:65%;
    background:#fff;
    padding:.3rem
}
 .show_news .relation .swiper-relation .swiper-slide .textbox a h3{
    font-size:.2rem;
    color:#333;
    line-height:1.2;
    transition:all .3s linear
}
 .show_news .relation .swiper-relation .swiper-slide:hover .textbox a h3{
    color:var(--color)
}
 .show_news .relation .swiper-relation .swiper-slide .textbox .other{
    color:#666;
    font-size:.14rem;
    margin-top:.2rem
}
 .show_news .relation .swiper-relation .swiper-slide .textbox .other span:first-child{
    margin-right:.1rem
}
 .show_news .relation .swiper-relation .swiper-slide .textbox .other span img{
    filter:brightness(0) invert(.5);
    margin-right:.05rem;
    margin-top:-.03rem;
    max-width:.22rem
}
 .page_solutions{
    background:#f9f9f9
}
 .page_solutions .page_solutions_head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:.45rem 0
}
 .page_solutions .page_solutions_head h1{
    font-size:.48rem;
    width:40%;
    text-transform:capitalize
}
 .page_solutions .page_solutions_head p{
    font-size:.2rem;
    color:#666;
    width:50%;
    margin-left:5%;
    line-height:1.4
}
 .page_solutions .page_solutions_list_hot{
    padding:.45rem 0
}
 .page_solutions .page_solutions_list_hot .swiper-container{
    padding-bottom:.5rem
}
 .page_solutions .swiper-pagination{
    bottom:0
}
 .page_solutions .swiper-pagination-bullet{
    background:#a4a4a4;
    opacity:1;
    border-radius:100vh;
    transition:all .3s linear
}
 .page_solutions .swiper-pagination-bullet-active{
    width:.5rem
}
 .page_solutions .page_solutions_list_hot .swiper-slide .item a{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:center
}
 .page_solutions .page_solutions_list_hot .swiper-slide .item .img_box{
    width:56%;
    overflow:hidden;
    border-radius:.08rem
}
 .page_solutions .page_solutions_list_hot .swiper-slide .item .img_box img{
    width:100%;
    object-fit:cover;
    max-height:4.2rem
}
 .page_solutions .page_solutions_list_hot .swiper-slide .item .text_box{
    width:44%;
    margin-right:5%
}
 .page_solutions .page_solutions_list_hot .swiper-slide .item .text_box i{
    font-style:unset;
    font-size:.2rem;
    color:#d2142e;
    text-transform:capitalize;
    display:block
}
 .page_solutions .page_solutions_list_hot .swiper-slide .item .text_box p{
    font-size:.36rem;
    margin-bottom:.1rem
}
 .page_solutions .page_solutions_list_hot .swiper-slide .item .text_box span{
    font-size:.18rem;
    color:#666;
    line-height:1.4
}
 .page_solutions .page_solutions_list_hot .swiper-slide .item .text_box .btn_effect1{
    margin-top:.5rem;
    width:max-content;
    padding:.11rem .45rem;
    background:#333;
    color:#fff;
    border-radius:.08rem
}
 .page_solutions .page_solutions_list_hot .swiper-slide .item .text_box .btn_effect1 span{
    color:#fff
}
 .page_solutions .page_solutions_list .list_box .list_box_top{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:.4rem
}
 .page_solutions .page_solutions_list .list_box .list_box_top .left{
    width:80%
}
 .page_solutions .page_solutions_list .list_box .list_box_top .left p{
    font-size:.36rem;
    position:relative;
    padding-bottom:.15rem;
    margin-bottom:.15rem
}
 .page_solutions .page_solutions_list .list_box .list_box_top .left p:before{
    content:'';
    display:block;
    width:10%;
    height:.02rem;
    background:#d2142e;
    position:absolute;
    bottom:0
}
 .page_solutions .page_solutions_list .list_box .list_box_top .left span{
    font-size:.18rem;
    color:#666
}
 .page_solutions .page_solutions_list .list_box .list_box_top .other{
    width:20%
}
 .page_solutions .page_solutions_list .list_box .list_box_top .other .swiper-button-next,.page_solutions .page_solutions_list .list_box .list_box_top .other .swiper-button-prev{
    top:30%;
    border-color:#cfcfcf;
    background:#d9d9d9;
    width:.46rem;
    height:.46rem
}
 .page_solutions .page_solutions_list .list_box .list_box_top .other .swiper-button-prev{
    left:unset;
    right:5%
}
 .page_solutions .page_solutions_list .list_box .list_box_top .other .swiper-button-next{
    right:0
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box{
    position:relative
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-pagination{
    margin:auto;
    left:0;
    right:0
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-container{
    padding-bottom:.45rem
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide{
    margin-bottom:.2rem
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item{
    transition:all .3s linear
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item .img_box{
    border-radius:.08rem .08rem 0 0;
    overflow:hidden
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item .text_box{
    padding:.25rem;
    padding-top:.15rem;
    transition:all .3s linear
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item .text_box p{
    margin-bottom:.15rem;
    font-size:.24rem;
    transition:all .3s linear
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item .text_box div.line-3{
    font-size:.16rem;
    color:#666;
    line-height:1.3;
    margin-bottom:.2rem
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item:hover{
    box-shadow:0 .04rem .04rem rgba(0,0,0,.1)
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item:hover .text_box{
    background:#fff
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item:hover .text_box p{
    color:#d42a3b
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item:hover .text_box span{
    color:#d42a3b
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item .text_box span{
    font-size:.18rem
}
 .page_solutions .page_solutions_list .list_box .page_solutions_swiper_box .swiper-slide .item .text_box span img{
    margin-top:-.02rem;
    max-width:.09rem
}
 .page_solutions .page_solutions_form{
    padding:.45rem 0;
    background:#f4f4f4
}
 .list_products .list_products_box{
    margin-top:.9rem
}
 .list_products .list_products_box .item_box{
    display:flex;
    flex-wrap:wrap;
    gap:3vw 1vw;
    margin-bottom:.6rem
}
 .list_products .list_products_box .item_box .item{
    width:23.95%;
    transition:all .3s linear
}
 .list_products .list_products_box .item_box .item .img_box{
    overflow:hidden;
    border-radius:.08rem .08rem 0 0
}
 .list_products .list_products_box .item_box .item .text_box{
    padding:.2rem;
    overflow:hidden;
    height:1.25rem
}
 .list_products .list_products_box .item_box .item .text_box p{
    font-size:.2rem;
    font-family:RobotoBold;
    margin-bottom:.1rem;
    transition:all .3s linear
}
 .list_products .list_products_box .item_box .item .text_box>span{
    font-size:.16rem;
    color:#666;
    line-height:1.5;
    min-height:.48rem;
    transition:all .3s linear
}
 .list_products .list_products_box .item_box .item .text_box .btn_effect1{
    transform:translateY(100%);
    transition:all .3s linear;
    width:max-content;
    margin:auto;
    border-radius:.08rem;
    background:#333;
    color:#fff
}
 .list_products .list_products_box .item_box .item:hover{
    box-shadow:0 .04rem .04rem rgba(0,0,0,.1)
}
 .list_products .list_products_box .item_box .item:hover .text_box p{
    color:#d42a3b
}
 .list_products .list_products_box .item_box .item:hover .text_box>span{
    opacity:0
}
 .list_products .list_products_box .item_box .item:hover .text_box .btn_effect1{
    transform:translateY(-100%)
}
 .list_products .list_products_form{
    background:#f4f4f4;
    padding:.45rem 0
}
 .show_products{
    padding-top:.9rem
}
 .show_products .show_products_head{
    display:flex;
    justify-content:space-between;
    margin-bottom:.9rem
}
 .show_products .show_products_head .img_box,.show_products .show_products_head .text_box{
    width:48%
}
 .show_products .show_products_head .img_box{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between
}
 .show_products .show_products_head .img_box .view_box{
    width:85.5%
}
 .show_products .show_products_head .img_box .view_box .swiper-container{
    height:5.9rem
}
 .show_products .show_products_head .img_box .view_box .swiper-slide img.cloudzoom{
    height:100%;
    width:100%;
    object-fit:cover
}
 .show_products .show_products_head .img_box .thumb_box{
    width:13.15%;
    position:relative;
    height:5.9rem
}
 .show_products .show_products_head .img_box .thumb_box .swiper-container{
    height:86.5%;
    top:.4rem
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide{
    border:.01rem solid #e3e3e3;
    transition:all .3s linear;
    cursor:pointer
}
 .show_products .show_products_head .img_box .thumb_box .active-nav{
    border-color:#d42a3b
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide img{
    max-width:.88rem
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    width:100%;
    background:#f4f4f4;
    border-radius:unset;
    height:.3rem
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:before{
    top:20%;
    left:45%
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-prev:before{
    border-bottom:.02rem solid #999;
    border-left:.02rem solid #999;
    border-top:unset;
    border-right:unset
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next:before{
    border-right:unset;
    border-left:.02rem solid #999
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    left:unset;
    top:0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next{
    right:unset;
    bottom:0;
    top:unset
}
 .show_products .show_products_head .text_box h1{
    font-size:.36rem
}
 .show_products .show_products_head .text_box .attribute{
    margin:.25rem 0;
    border-top:.01rem solid #cfcfcf;
    border-bottom:.01rem solid #cfcfcf;
    padding-bottom:.25rem
}
 .show_products .show_products_head .text_box .attribute p{
    font-size:.18rem;
    margin-top:.25rem;
    position:relative;
    padding-left:.2rem
}
 .show_products .show_products_head .text_box .attribute p:before{
    content:'';
    display:block;
    width:.1rem;
    height:.1rem;
    background:#333;
    border-radius:100vh;
    position:absolute;
    left:0;
    top:.1rem
}
 .show_products .show_products_head .text_box .pro_download a{
    padding-bottom:.25rem;
    margin-bottom:.25rem;
    border-bottom:.01rem solid #cfcfcf;
    font-size:.18rem;
    position:relative;
    width:100%
}
 .show_products .show_products_head .text_box .pro_download img{
     margin-top: -.03rem;
     margin-right: .07rem;
     max-width: .35rem;
 }
 .show_products .show_products_head .text_box .btn_box p{
    display: flex;
}
 .show_products .show_products_head .text_box .btn_box p img{
    filter: brightness(0);
    max-width: .35rem;
    margin-top: -.03rem;
    height: max-content;
    margin-right: .1rem;
}
.show_products .show_products_head .text_box .btn_box a{
    font-size:.18rem;
}
 .show_products .show_products_head .text_box .btn_box a:hover,.show_products .show_products_head .text_box .pro_download a:hover{
    color:#fe6900
}
 .show_products .show_products_box{
    padding-bottom:.45rem
}
 .show_products .page_recommend_pro{
    padding-bottom:.45rem
}
 .show_products .page_recommend_pro .page_content_block{
    text-align:center
}
 .show_products .page_recommend_pro .page_content_block p{
    font-size:.4rem;
    font-family:RobotoBold
}
 .show_products .page_recommend_pro .page_content_block span{
    font-size:.18rem;
    line-height:1.5
}
 .show_products .page_recommend_pro .page_recommend_pro_box{
    margin-top:.4rem;
    position:relative
}
 .show_products .page_recommend_pro .swiper-container{
    padding-bottom:.5rem
}
 .show_products .page_recommend_pro .swiper-slide .item{
    transition:all .3s linear
}
 .show_products .page_recommend_pro .swiper-slide .item .img_box{
    overflow:hidden
}
 .show_products .page_recommend_pro .swiper-slide .item .text_box{
    padding:.2rem
}
 .show_products .page_recommend_pro .swiper-slide .item .text_box p{
    font-size:.24rem;
    color:#000;
    margin-bottom:.05rem
}
 .show_products .page_recommend_pro .swiper-slide .item .text_box span{
    font-size:.16rem;
    line-height:1.3;
    min-height:.42rem
}
 .show_products .page_recommend_pro .swiper-slide .item:hover{
    box-shadow:0 .04rem .04rem rgba(0,0,0,.1)
}
 .show_products .page_recommend_pro .swiper-pagination{
    bottom:0
}
 .show_products .page_recommend_pro .swiper-pagination .swiper-pagination-bullet{
    width:.08rem;
    height:.08rem;
    background:#a4a4a4;
    transition:all .3s linear;
    border-radius:100vh
}
 .show_products .page_recommend_pro .swiper-pagination .swiper-pagination-bullet-active{
    width:.7rem
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next,.show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
    border:.02rem solid #d8d8d8;
    top:40%
}
 .show_products .show_products_from{
    padding:.45rem;
    background:#f4f4f4
}
 .page_support .page_support_head{
    text-align:center;
    text-transform:capitalize;
    margin:.45rem auto
}
 .page_support .page_support_head h1{
    font-size:.48rem;
    margin-bottom:.15rem
}
 .page_support .page_support_head p{
    font-size:.2rem
}
 .page_support .page_support_title{
    position:relative;
    font-size:.36rem;
    text-transform:capitalize;
    width:max-content;
    padding-bottom:.15rem
}
 .page_support .page_support_title::before{
    content:'';
    display:block;
    width:60%;
    height:.02rem;
    background:#d42a3b;
    position:absolute;
    left:0;
    bottom:0
}
 .page_support .page_support_service_box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:.9rem
}
 .page_support .page_support_service_box .item{
    width:25%;
    margin-right:.8rem;
    background:#f9f9f9
}
 .page_support .page_support_service_box .item:last-child{
    margin-right:0
}
 .page_support .page_support_service_box .item{
    text-align:center
}
 .page_support .page_support_service_box .item a{
    display:block;
    padding:.4rem
}
 .page_support .page_support_service_box .item img{
    filter:contrast(0);
    transition:all .3s linear;
    max-width:1rem
}
 .page_support .page_support_service_box .item p{
    font-size:.2rem;
    margin-top:.1rem;
    transition:all .3s linear
}
 .page_support .page_support_service_box .item:hover img{
    filter:unset
}
 .page_support .page_support_service_box .item:hover p{
    color:#fe6900
}
 .page_support .page_support_item_box{
    margin-top:.9rem
}
 .page_support .page_support_item_box .item{
    margin-bottom:.9rem
}
 .page_support .page_support_item_box .item .item_head{
    position:relative;
    margin-bottom:.45rem;
    display:flex;
    justify-content:space-between
}
 .page_support .page_support_item_box .item .item_head .arrow_box{
    width:20%
}
 .page_support .page_support_item_box .item .item_head .arrow_box .swiper-button-next,.page_support .page_support_item_box .item .item_head .arrow_box .swiper-button-prev{
    top:20%;
    border-color:#cfcfcf;
    background:#d9d9d9;
    width:.46rem;
    height:.46rem;
    z-index:1
}
 .page_support .page_support_item_box .item .item_head .arrow_box .swiper-button-next:before,.page_support .page_support_item_box .item .item_head .arrow_box .swiper-button-prev:before{
    top:38%
}
 .page_support .page_support_item_box .item .item_head .arrow_box .swiper-button-prev{
    left:unset;
    right:5%
}
 .page_support .page_support_item_box .item .item_head .arrow_box .swiper-button-next{
    right:0
}
 .page_support .page_support_item_box .item .swiper-container{
    margin-left:12.5%
}
 .page_support .page_support_item_box .item .swiper-slide .img_box{
    overflow:hidden;
    border-radius:.08rem;
    cursor:pointer
}
 .page_support .page_support_faq{
    margin-bottom:.9rem
}
 .page_support .page_support_faq .page_support_faq_box{
    margin-top:.45rem
}
 .page_support .page_support_faq .item{
    text-transform:capitalize;
    margin-bottom:.35rem;
    padding-bottom:.3rem;
    border-bottom:.01rem solid #e2e2e2
}
 .page_support .page_support_faq .item:last-child{
    border:0;
    padding-bottom:0;
    margin-bottom:0
}
 .page_support .page_support_faq .item .title{
    font-size:.22rem;
    margin-bottom:.05rem
}
 .page_support .page_support_faq .item .remark{
    font-size:.18rem;
    color:#666
}
 .page_support .page_support_from{
    padding:.45rem;
    background:#f4f4f4
}
 .page_contact{
    margin-bottom:.9rem
}
 .page_contact .page_contact_head{
    padding:.9rem 0
}
 .page_contact_head_box_top{
    text-align:center
}
 .page_contact_head_box_top h2{
    font-size:.48rem;
    margin-bottom:.2rem
}
 .page_contact_head_box_top p{
    font-size:.2rem
}
 .page_contact .page_contact_head_box{
    margin-top:.5rem;
    display:flex;
    gap:.3rem;
    justify-content:space-between
}
 .page_contact .page_contact_head_box .item{
    width:24%;
    border:.01rem solid #cecece;
    text-align:center;
    padding:.36rem 0;
    transition:all .3s linear
}
 .page_contact .page_contact_head_box .item:hover{
    box-shadow:0 .04rem .04rem rgba(0,0,0,.15)
}
 .page_contact .page_contact_head_box .item .img_box{
    margin-bottom:.1rem
}
 .page_contact .page_contact_head_box .item .img_box img{
    max-width:.7rem;
    filter:brightness(0);
    transition:all .3s linear
}
 .page_contact .page_contact_head_box .item:hover .img_box img{
    filter:unset
}
 .page_contact .page_contact_head_box .item .txt_box p{
    font-size:.22rem;
    margin-bottom:.1rem
}
 .page_contact .page_contact_head_box .item .txt_box a,.page_contact .page_contact_head_box .item .txt_box span{
    font-size:.16rem;
    line-height:1.2;
    color:#666;
    display:block
}
 .page_contact .page_contact_head_box .item .txt_box a{
    margin-bottom:.05rem
}
 .page_contact .page_contact_head_box .item .txt_box a:hover{
    color:var(--color)
}
 .page_contact .page_contact_quotation{
    margin-bottom:.9rem
}
 .page_contact .page_contact_quotation form>p,.page_contact .page_contact_quotation>p{
    font-size:.36rem;
    font-family:RobotoBold;
    text-transform:capitalize;
    line-height:normal;
    padding-bottom:.15rem;
    border-bottom:.01rem solid #ddd
}
 .page_contact .page_contact_quotation form{
    margin-top:.4rem
}
 .page_contact .page_contact_quotation .input{
    display:flex;
    gap:.45rem .6rem;
    flex-wrap:wrap
}
 .page_contact .page_contact_quotation .input>div{
    width:47.85%
}
 .page_contact .page_contact_quotation .input>div p,.page_contact .page_contact_quotation .textarea_box p,.page_contact .page_contact_quotation .upload-box p{
    font-size:.18rem;
    line-height:normal;
    margin-bottom:.1rem
}
 .page_contact .page_contact_quotation .input>div p span{
    color:red
}
 .page_contact .page_contact_quotation .input>div input,.page_contact .page_contact_quotation .input>div select,.page_contact .page_contact_quotation .textarea_box textarea{
    width:100%;
    padding:.15rem .3rem;
    border:.01rem solid #d7d7d7;
    border-radius:.04rem;
    font-size:.16rem;
    color:#999
}
 .page_contact .page_contact_quotation .input>div select{
    border:0;
    position:relative;
    z-index:2;
    cursor:pointer
}
 .page_contact .page_contact_quotation .input .select_box{
    position:relative;
    background:#f4f4f4;
    border:.01rem solid #d7d7d7;
    border-radius:.04rem
}
 .page_contact .page_contact_quotation .input .select_box::before{
    content:'';
    position:absolute;
    top:40%;
    bottom:0;
    right:.15rem;
    width:.1rem;
    height:.1rem;
    border-right:.02rem solid #000;
    border-bottom:.02rem solid #000;
    transform:rotate(45deg);
    z-index:1
}
 .page_contact .page_contact_quotation .upload-box{
    margin-top:.5rem
}
 .page_contact .page_contact_quotation .upload-box #fileName{
    width:100%!important;
    margin-top:.1rem;
    color:#222;
    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 #d7d7d7;
    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:.04rem;
    border:.01rem solid #d4d4d4;
    background:#fff;
    text-align:center
}
 .page_contact .page_contact_quotation .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_quotation .upload-box .upload-wrap .file-open img{
    vertical-align:middle;
    filter:brightness(0) invert(.5)
}
 .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{
    margin-top:.2rem
}
 .page_contact .page_contact_quotation .textarea_box textarea{
    height:2rem
}
 .page_contact .page_contact_quotation .submit{
    margin-top:.3rem;
    text-align:center
}
 .page_contact .page_contact_quotation .submit .btn_effect4{
    height:auto
}
 .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list{
    text-transform:capitalize;
    color:#333;
    border-radius:.04rem;
    background:#000;
    color:#fff
}
 .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list .btn_main_text{
    font-size:.2rem
}
 .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list.hover{
    background:#fff;
    border-color:#ddd;
    color:#000
}
 .page_contact .page_contact_map iframe{
    width:100%
}
 .page_download{
    background:#f9f9f9;
    padding-top:.6rem;
    padding-bottom:1rem
}
 .page_download .page_download_head{
    font-size:.3rem;
    margin-bottom:.4rem
}
 .page_download .page_download_box{
    margin-top:.45rem
}
 .page_download .page_download_box .item_box{
    display:flex;
    flex-wrap:wrap
}
 .page_download .page_download_box .item{
    width:100%;
    display:flex;
    justify-content:space-between;
    background:#fff;
    margin-bottom:.1rem
}
 .page_download .page_download_box .item .left{
    width:70%
}
 .page_download .page_download_box .item .left a{
    padding:.3rem 0;
    padding-left:.3rem;
    width:100%;
    font-size:.2rem;
    display:flex;
    align-items:center
}
 .page_download .page_download_box .item .left a:hover{
    color:var(--color)
}
 .page_download .page_download_box .item .left a img{
    margin-right:.2rem;
    max-width:.28rem
}
 .page_download .page_download_box .item .right{
    width:30%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:.16rem;
    padding:0 .3rem
}
 .page_download .page_download_box .item .right .download img,.page_download .page_download_box .item .right .downloadbutton a img,.page_download .page_download_box .item .right .time img{
    margin-right:.1rem;
    vertical-align:middle;
    margin-top:-.03rem;
    max-width:.19rem
}
 .page_download .page_download_box .item .right .downloadbutton a{
    padding:.1rem;
    border:.01rem solid #ddd;
    border-radius:.05rem
}
 .page_download .page_download_box .item .right .downloadbutton a:hover{
    background:var(--color);
    color:#fff
}
 .page_download .page_download_box .item .right .downloadbutton a:hover img{
    filter:brightness(0) invert(1)
}
 .page_certifcate{
    background:#f9f9f9;
    padding:.4rem 0
}
 .page_certifcate .item_box{
    margin-top:.45rem;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:.2rem
}
 .page_certifcate .item_box .item{
    width:23.95%
}
 .page_certifcate .item_box .item .img_box{
    border-width:.2rem;
    border-style:solid;
    border-image-source:url(/res/magic/images/border.png);
    border-image-slice:5.5% 9%;
    border-image-repeat:stretch;
    background-color:transparent;
    cursor:pointer;
    overflow:hidden
}
 .page_certifcate .item_box .item .text_box .title{
    text-align:center;
    font-size:.18rem;
    color:#333;
    margin-top:.2rem
}
 .page_content .page_more_btn{
    padding:.4rem 0;
    text-align:center
}
 .page_content .page_more_btn .btn_effect4{
    cursor:pointer
}
 .page_content .page_more_btn .btn_effect4 .btn_small_list{
    background:#eee;
    color:#222;
    font-size:.16rem;
    border-radius:.05rem;
    border-color:#eee;
    padding:.1rem .3rem
}
 .page_content .page_more_btn .btn_effect4 .btn_small_list.hover{
    background:#d42a3b;
    color:#fff;
    border-color:#d42a3b
}
 .page_content .page_more_btn .btn_effect4 .btn_small_icon{
    position:relative
}
 .page_content .page_more_btn .btn_effect4 .btn_small_icon::after{
    content:'';
    display:block;
    position:absolute;
    top:-.04rem;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    content:'';
    width:.08rem;
    height:.08rem;
    border-right:.02rem solid #222;
    border-bottom:.02rem solid #222;
    transform:rotate(45deg);
    cursor:pointer
}
 .page_content .page_more_btn .btn_effect4 .btn_small_list.hover .btn_small_icon::after{
    border-color:#fff
}
 .page_faq{
    background:#f9f9f9;
    padding-top:.45rem;
    color:#333;
    font-size:.18rem
}
 .page_faq .faq_box{
    margin:.5rem auto
}
 .page_faq .faq_box .item{
    background:#fff;
    margin-bottom:.15rem;
    font-size:.2rem;
    color:#333;
    padding:0
}
 .page_faq .faq_box .item .wen{
    display:flex;
    cursor:pointer
}
 .page_faq .faq_box .item .wen div{
    padding:.15rem 0
}
 .page_faq .faq_box .item .wen .icon{
    width:5%;
    text-align:center;
    font-family:RobotoBold;
    font-size:.3rem;
    color:#ccc
}
 .page_faq .faq_box .item .active,.page_faq .faq_box .item .active .icon,.page_faq .faq_box .item .wen:hover,.page_faq .faq_box .item .wen:hover .icon{
    color:#d42a3b
}
 .page_faq .faq_box .item .wen .title{
    width:93%;
    border-left:.01rem solid #eee;
    padding-left:.25rem;
    padding-top:.25rem
}
 .page_faq .faq_box .item .da{
    display:none;
    padding:.2rem 0;
    padding-left:7%;
    border-top:.01rem solid #eee;
    font-size:.16rem;
    line-height:1.6
}
 .page_faq .page_faq_from{
    padding:.45rem;
    background:#fff
}
 .list_products .list_products_head .pro_filter_box{
    padding-bottom:.6rem
}
 .list_products .list_products_head .pro_filter_box .filter_head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:.4rem
}
 .list_products .list_products_head .pro_filter_box .filter_head p{
    display:flex;
    align-items:center
}
 .list_products .list_products_head .pro_filter_box .filter_head p span{
    font-size:.36rem;
    font-family:RobotoBold;
    line-height:normal
}
 .list_products .list_products_head .pro_filter_box .filter_head p button{
    color:var(--color);
    font-size:.16rem;
    background:#d42a3b24;
    padding:0 10px;
    height:.3rem;
    border-radius:100vh;
    margin-left:.3rem
}
 .list_products .list_products_head .pro_filter_box .filter_head .search_box{
    width:3rem;
    display:flex;
    justify-content:space-between;
    border-radius:.05rem;
    border:.01rem solid #ddd;
    align-items:center
}
 .list_products .list_products_head .pro_filter_box .filter_head .search_box form{
    width:100%
}
 .list_products .list_products_head .pro_filter_box .filter_head .search_box input{
    font-size:.16rem;
    width:95%;
    padding:.1rem
}
 .list_products .list_products_head .pro_filter_box .filter_head .search_box .search_btn{
    width:.4rem;
    text-align:center;
    height:100%;
    cursor:pointer
}
 .list_products .list_products_head .pro_filter_box .select_filter_box{
    margin-top:.3rem
}
 .list_products .list_products_head .pro_filter_box .select_filter_box span{
    padding:0 0 0 .15rem;
    border:.01rem solid var(--color);
    font-size:.16rem;
    float:left;
    margin-right:.08rem;
    margin-bottom:.08rem;
    font-size:.16rem;
    color:#222;
    background:#d42a3b14
}
 .list_products .list_products_head .pro_filter_box .select_filter_box span b{
    display:inline-block;
    height:100%;
    border-left:.01rem solid var(--color);
    padding:.08rem;
    margin-left:.12rem;
    color:var(--color);
    font-weight:700;
    cursor:pointer;
    transition:all .3s linear
}
 .list_products .list_products_head .pro_filter_box .select_filter_box span:hover b{
    color:var(--color)
}
 .list_products .list_products_head .pro_filter_box .filter_box{
    display:flex;
    gap:.2rem;
    flex-wrap:wrap;
    justify-content:center
}
 .list_products .list_products_head .pro_filter_box .filter_box .item{
    border:.01rem solid #e5e5e5;
    border-radius:.08rem;
    background:#fff;
    width:18.85%;
    position:relative;
    cursor:pointer
}
 .list_products .list_products_head .pro_filter_box .filter_box .item .item_box{
    display:none;
    position:absolute;
    width:max-content;
    background:#fff;
    left:0;
    border:.01rem solid #ddd;
    border-radius:.05rem;
    z-index:2;
    min-width:100%
}
 .list_products .list_products_head .pro_filter_box .filter_box .item .item_box{
    max-height:2.35rem;
    overflow:auto;
    padding:0 .2rem
}
 .list_products .list_products_head .pro_filter_box .filter_box .item>p{
    font-size:.16rem;
    font-family:RobotoBold;
    text-transform:capitalize;
    padding:.16rem
}
 .list_products .list_products_head .pro_filter_box .filter_box .item>p span{
    font-size:.3rem;
    color:#222;
    transform:rotate(90deg);
    margin-top:.08rem;
    line-height:.16rem;
    float:right;
    margin-right:-.03rem;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
    transition:all .3s
}
 .list_products .list_products_head .pro_filter_box .filter_box .item>p.top span{
    transform:rotate(-90deg);
    margin-right:.05rem
}
 .list_products .list_products_head .pro_filter_box .filter_box .item input[type=checkbox]{
    width:.16rem;
    height:.16rem;
    margin-right:.08rem;
    cursor:pointer;
    position:relative;
    color:#d9d9d9;
    top:.02rem
}
 .list_products .list_products_head .pro_filter_box .filter_box .item input[type=checkbox]::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    width:.16rem;
    height:.16rem;
    border:.01rem solid #d9d9d9;
    box-sizing:border-box
}
 .list_products .list_products_head .pro_filter_box .filter_box .item input[type=checkbox]:checked::after{
    content:"√";
    position:absolute;
    top:0;
    left:0;
    width:.16rem;
    height:.16rem;
    display:block;
    text-align:center;
    font-size:.14rem;
    line-height:.14rem;
    font-weight:700;
    background-color:#d42a3b;
    color:#fff;
    border:none;
    outline:0
}
 .list_products .list_products_head .pro_filter_box .filter_box label{
    display:block;
    margin:.1rem 0;
    font-size:.16rem;
    color:#777;
    cursor:pointer;
    font-weight:unset
}
 .list_products .list_products_head .pro_filter_box .filter_box label.checked{
    color:#d42a3b
}
 .list_products .list_products_head #mfilterbtn{
    display:none
}
 .page_history .page_about_section2{
    position:relative
}
 .page_history .page_about_section2 .page_about_section2_box{
    display:flex;
    background:#f9f9f9;
    flex-direction:row-reverse
}
 .page_history .page_about_section2 .history_swiper_box{
    width:92%;
    padding:.3rem .55rem;
    padding-bottom: 1.5rem;
}
.page_history .page_about_section2 .history_swiper_box .swiper-button-next,
.page_history .page_about_section2 .history_swiper_box .swiper-button-prev{
    top: unset;
    bottom: .5rem;
    background: #dddddd;
}
.page_history .page_about_section2 .history_swiper_box .swiper-button-next:hover,
.page_history .page_about_section2 .history_swiper_box .swiper-button-prev:hover{
    background: var(--color);
}
.page_history .page_about_section2 .history_swiper_box .swiper-button-next{
    right: 46%;
}
.page_history .page_about_section2 .history_swiper_box .swiper-button-prev{
    left: 46%;
}
 .page_history .page_about_section2 .swiper-slide .item{
    display:flex;
    justify-content:space-between
}
 .page_history .page_about_section2 .swiper-slide .item .img_box{
    overflow:hidden;
    width:45%;
    border-radius:.08rem
}
 .page_history .page_about_section2 .swiper-slide .item .text_box{
    width:55%;
    padding-left:2.5%;
    height:4.5rem;
    overflow:auto;
    border-left:.01rem solid #e9e9e9;
    margin-left:2.5%
}
 .page_history .page_about_section2 .swiper-slide .item .text_box::-webkit-scrollbar{
    width:.05rem;
    height:.05rem
}
 .page_history .page_about_section2 .swiper-slide .item .text_box::-webkit-scrollbar-track{
    background:#f1f1f1;
    border-radius:.1rem
}
 .page_history .page_about_section2 .swiper-slide .item .text_box::-webkit-scrollbar-thumb{
    background:var(--color);
    border-radius:.1rem
}
 .page_history .page_about_section2 .swiper-slide .item .text_box::-webkit-scrollbar-button{
    display:none
}
 .page_history .page_about_section2 .swiper-slide .item .text_box .txt{
    margin-bottom:.4rem
}
 .page_history .page_about_section2 .swiper-slide .item .text_box .txt p{
    font-size:.24rem;
    margin-bottom:.1rem
}
 .page_history .page_about_section2 .swiper-slide .item .text_box .txt span{
    font-size:.16rem;
    color:#666;
    line-height:1.5
}
 .page_history .page_about_section2 .swiper-pagination{
    width:8%;
    background:#fff;
    padding:.4rem;
    position:relative
}
 .page_history .page_about_section2 .swiper-pagination:before{
    content:'';
    display:block;
    width:.01rem;
    height:85%;
    background:#e1e6e9;
    position:absolute;
    left:.4rem;
    top:.4rem
}
 .page_history .page_about_section2 .swiper-pagination-bullet{
    font-size:.16rem;
    margin:auto;
    margin-bottom:.2rem;
    position:relative;
    cursor:pointer;
    opacity:1;
    position:relative;
    width:100%;
    height:max-content;
    border-radius:0;
    background:0;
    display:block
}
 .page_history .page_about_section2 .swiper-pagination-bullet:after,.page_history .page_about_section2 .swiper-pagination-bullet:before{
    content:'';
    display:block;
    position:absolute
}
 .page_history .page_about_section2 .swiper-pagination-bullet:before{
    width:.09rem;
    height:.09rem;
    background:#e1e6e9;
    border-radius:100vh;
    left:-.04rem;
    top:30%
}
 .page_history .page_about_section2 .swiper-pagination-bullet:after{
    width:.17rem;
    height:.17rem;
    border:.01rem solid var(--color);
    border-radius:100vh;
    left:-.08rem;
    top:18%;
    opacity:0
}
 .page_history .page_about_section2 .swiper-pagination-bullet div{
    color:#666
}
 .page_history .page_about_section2 .swiper-pagination-bullet-active:before{
    background:var(--color)
}
 .page_history .page_about_section2 .swiper-pagination-bullet-active:after{
    opacity:1
}
 .page_history .page_about_section2 .swiper-pagination-bullet-active div{
    color:var(--color);
    font-size:.2rem
}