.swiper-container .swiper-pagination{
    bottom:0
}
 .swiper-container .swiper-pagination .swiper-pagination-bullet{
    transition:all .3s linear;
    width:.13rem;
    height:.13rem;
    background:transparent;
    border-radius:100vh;
    border:.02rem solid #aaaaaa
}
 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
    background:var(--color);
    border-color:var(--color)
}
 .index_banner{
}
 .index_banner .swiper-pagination{
    bottom:.6rem
}
 .index_banner .swiper-container .swiper-pagination .swiper-pagination-bullet{
    width:.25rem;
    height:.25rem
}
 .index_banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
    background:#ffffff;
    border-color:#ffffff
}
 .head_block{
    text-align:center
}
 .head_block .title{
    font-size:.36rem;
    text-transform:uppercase;
    line-height:1.3;
    font-family:'RobotoMedium'
}
 .head_block .remark{
    font-size:.2rem;
    line-height:1.4;
    color:#666666
}
 .index_pro_categories{
    max-width:97.25%;
    margin:auto;
    margin-bottom:.55rem
}
 .index_pro_categories .head_block{
}
 .index_pro_categories .head_block h2{
}
 .index_pro_categories .pro_categories_box{
    display:flex;
    gap:.15rem;
    flex-wrap:wrap
}
 .index_pro_categories .pro_categories_box .item{
    flex:0 0 calc((100% - 2 * .15rem) / 3);
    border-radius:.1rem;
    overflow:hidden
}
 .index_pro_categories .pro_categories_box .item:nth-child(1),.index_pro_categories .pro_categories_box .item:nth-child(2){
    flex:0 0 calc((100% - 1 * .15rem) / 2)
}
 .index_pro_categories .pro_categories_box .item a{
    color:#ffffff;
    position:relative;
    z-index:2
}
 .index_pro_categories .pro_categories_box .item a .img{
}
 .index_pro_categories .pro_categories_box .item a .img img{
}
 .index_pro_categories .pro_categories_box .item a .text_box{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    padding:.5rem;
    z-index:2;
    display:flex;
    flex-wrap:wrap;
    align-content:space-between
}
 .index_pro_categories .pro_categories_box .item a .text_box .text{
    font-size:.3rem;
    font-family:'RobotoMedium';
    width:100%
}
 .index_pro_categories .pro_categories_box .item a .text_box .remark{
    font-size:.24rem;
    line-height:1.2;
    margin-bottom:.45rem
}
 .index_pro_categories .pro_categories_box .item a .text_box span{
    width:.66rem;
    height:.66rem;
    text-align:center;
    line-height:.65rem;
    display:inline-block;
    border-radius:100vh;
    transition:all .3s linear;
    background:var(--color)
}
 .index_pro_categories .pro_categories_box .item a .text_box span img{
}
 .index_pro_categories .pro_categories_box .item:hover a .text_box span{
}
 .index_pro_categories .pro_categories_box .item:hover a .text_box span img{
}
 .index_pro{
    background-color:#f0f6ff;
    padding:.8rem 0
}
 .index_pro .auto-container{
}
 .index_pro .head_block{
}
 .index_pro .head_block .title{
}
 .index_pro .index_pro_box{
    margin-top:.5rem;
    position:relative;
    padding-bottom:1.1rem
}
 .index_pro .index_pro_box .swiper-container{
}
 .index_pro .index_pro_box .swiper-wrapper{
}
 .index_pro .index_pro_box .swiper-slide{
}
 .index_pro .index_pro_box .swiper-slide .item{
    border-radius:.2rem;
    overflow:hidden;
    border:.01rem solid #bfbfbf;
    background:#ffffff
}
 .index_pro .index_pro_box .swiper-slide a{
    display:block
}
 .index_pro .index_pro_box .swiper-slide .img_box{
    overflow:hidden
}
 .index_pro .index_pro_box .swiper-slide .img_box img{
}
 .index_pro .index_pro_box .swiper-slide .text_box{
    padding:.2rem
}
 .index_pro .index_pro_box .swiper-slide .text_box h4{
    font-size:.2rem;
    line-height:.24rem;
    font-family:'RobotoMedium';
    min-height:.48rem;
    margin-bottom:.2rem
}
 .index_pro .index_pro_box .swiper-slide .text_box .other{
    display:flex;
    justify-content:space-between
}
 .index_pro .index_pro_box .swiper-slide .text_box .other div{
}
 .index_pro .index_pro_box .swiper-slide .text_box .other div span{
    font-size:.16rem;
    color:var(--color)
}
 .index_pro .index_pro_box .swiper-slide .text_box .other div span img{
    max-width:.19rem;
    margin-right:.05rem;
    margin-top:-.03rem;
    display:inline-block
}
 .index_pro .index_pro_box .swiper-slide .quote-button{
    margin:.35rem auto;
    border-radius:.1rem;
    border:.01rem solid var(--color);
    width:90%;
    height:.5rem;
    text-align:center;
    line-height:.5rem;
    font-size:.16rem;
    color:var(--color);
    text-transform:uppercase;
    font-family:'RobotoMedium';
    cursor:pointer;
    transition:all .3s linear
}
 .index_pro .index_pro_box .swiper-slide .quote-button:hover{
    background:var(--color);
    color:#ffffff
}
 .index_pro .index_pro_box .swiper-slide .quote-button span{
}
 .index_pro .index_pro_box .swiper-pagination{
}
 .index_pro .index_pro_box .swiper-button-prev,.index_pro .index_pro_box .swiper-button-next{
    bottom:0;
    top:38%
}
 .index_pro .index_pro_box .swiper-button-prev{
    /*left:45%*/
}
 .index_pro .index_pro_box .swiper-button-next{
    /*right:45%*/
}
 .index_application{
    padding:1.2rem 0
}
 .index_application .auto-container{
}
 .index_application .head_block{
    text-align:left
}
 .index_application .head_block .title{
    font-size:.48rem;
    color:#bfbfbf
}
 .index_application .index_application_box{
    margin-top:.5rem;
    position:relative
}
 .index_application .index_application_box .swiper-container{
}
 .index_application .index_application_box .swiper-wrapper{
}
 .index_application .index_application_box .swiper-slide{
}
 .index_application .index_application_box .swiper-slide a{
    display:block
}
 .index_application .index_application_box .swiper-slide .img_box{
    overflow:hidden;
    border-radius:.15rem
}
 .index_application .index_application_box .swiper-slide .img_box img{
}
 .index_application .index_application_box .swiper-slide .text_box{
    padding:.2rem 0;
    color:#ffffff
}
 .index_application .index_application_box .swiper-slide .text_box h4{
    font-size:.24rem;
    font-family:'RobotoMedium';
    margin-bottom:.1rem
}
 .index_application .index_application_box .swiper-slide .text_box span{
    font-size:.16rem;
    transition:all .3s linear
}
 .index_application .index_application_box .swiper-slide:hover .text_box span{
    color:var(--color)
}
 .index_application .index_application_box .swiper-pagination{
}
 .index_application .index_application_box .swiper-button-prev,.index_application .index_application_box .swiper-button-next{
     top: 38%;
}
 .index_about{
    padding-bottom:.65rem
}
 .index_about .index_about_box{
    padding-top:1.2rem;
    display:flex;
    justify-content:space-between;
    flex-direction:row-reverse;
    padding-bottom:.8rem
}
 .index_about .index_about_box .left{
    width:38%
}
 .index_about .index_about_box .left .text_box{
    margin-bottom:.3rem
}
 .index_about .index_about_box .left .text_box h2{
    font-size:2rem;
    font-family:'RobotoBlack';
    color:var(--color);
    line-height:.8;
    margin-bottom:.3rem
}
 .index_about .index_about_box .left .text_box h2 span{
    font-size:.7rem;
    vertical-align:top
}
 .index_about .index_about_box .left .text_box p{
    font-size:.24rem;
    line-height:.33rem
}
 .index_about .index_about_box .left .img_box{
    overflow:hidden;
    border-radius:.1rem;
    position:relative
}
 .index_about .index_about_box .left .img_box img{
}
 .index_about .index_about_box .left .play_btn{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:auto;
    height:auto;
    cursor:pointer;
    max-width:.62rem
}
 .index_about .index_about_box .left .play_btn .cril{
}
 .index_about .index_about_box .left .play_btn .cril .triangle{
}
 .index_about .index_about_box .left .play_btn .cril .triangle img{
}
 .index_about .index_about_box .left .play_btn .cril .dots{
}
 .index_about .index_about_box .left .play_btn .cril .dot-two{
}
 .index_about .index_about_box .left .play_btn .cril .dot-three{
}
 .index_about .index_about_box .left .play_btn .cril .dot-four{
}
 .index_about .index_about_box .right{
    width:55%
}
 .index_about .index_about_box .right .head_block{
    text-align:left;
    margin-bottom:.3rem
}
 .index_about .index_about_box .right .head_block .title{
    font-size:.48rem;
    color:var(--color);
    font-family:'RobotoRegular'
}
 .index_about .index_about_box .right > .title{
    font-size:.36rem;
    font-family:'RobotoBlack';
    margin-bottom:.2rem
}
 .index_about .index_about_box .right .remark.line-7{
    font-size:.24rem;
    line-height:.4rem;
    margin-bottom:.5rem
}
 .index_about .index_about_box .right .btn_box{
}
 .btn_box a{
    width:1.8rem;
    height:.6rem;
    background:var(--color);
    border-radius:100vh;
    padding:0 .23rem;
    line-height:.6rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-right:.1rem;
    border:.01rem solid var(--color);
    transition:all .3s linear
}
 .btn_box a span:first-child{
    font-size:.16rem;
    color:#ffffff;
    transition:all .3s linear
}
 .btn_box a span:last-child{
    display:inline-block;
    width:.5rem;
    height:.5rem;
    background:#ffffff;
    border-radius:100vh;
    text-align:center;
    line-height:.5rem;
    transition:all .3s linear
}
 .btn_box a span:last-child img{
    transition:all .3s linear
}
 .btn_box a:hover{
    background:#ffffff
}
 .btn_box a:hover span:first-child{
    color:var(--color)
}
 .btn_box a:hover span:last-child{
    background:var(--color)
}
 .btn_box a:hover span:last-child img{
    filter:brightness(0) invert(1)
}
 .index_about_num{
    display:flex
}
 .index_about_num .left{
    width:26%
}
 .index_about_num .left .other{
}
 .index_about_num .left .other h4{
    font-size:.72rem;
    font-family:'RobotoBlack';
    margin-bottom:.3rem
}
 .index_about_num .left .other h4 span{
    font-size:.3rem;
    vertical-align:bottom;
    font-family:'RobotoRegular'
}
 .index_about_num .left .other p{
    font-size:.16rem;
    font-family:'RobotoBlack';
    margin-bottom:.5rem
}
 .index_about_num .left .other > span{
    font-size:.16rem;
    font-family:'RobotoMedium';
    display:inline-block;
    width:1.7rem;
    height:.5rem;
    line-height:.5rem;
    background:#a9ff34;
    text-align:center;
    border-radius:100vh
}
 .index_about_num .left .other span img{
}
 .index_about_num .right{
    width:74%;
    display:flex;
    gap:.6rem
}
 .index_about_num .right .item{
}
 .index_about_num .right .item .icon{
    margin-bottom:.3rem
}
 .index_about_num .right .item .icon img{
    max-width:.5rem
}
 .index_about_num .right .item .title{
    font-size:.2rem;
    font-family:'RobotoBlack';
    margin-bottom:.3rem
}
 .index_about_num .right .item .remark{
    font-size:.18rem;
    font-family:'RobotoMedium';
    color:#6d6d6d
}
 .index_about_num .right .item .txt{
    font-size:.36rem;
    font-family:'RobotoBlack';
    margin-top:.1rem
}
 .index_about_num .right .item .txt p.counter{
    display:inline-block
}
 .index_about_num .right .item .txt span{
}
 .index_factory{
}
 .index_factory .index_factory_box{
    position:relative;
    margin:auto;
    padding-bottom:1.1rem;
    margin-bottom:.8rem;
    max-width:98%
}
 .index_factory .index_factory_box .swiper-container{
}
 .index_factory .index_factory_box .swiper-wrapper{
}
 .index_factory .index_factory_box .swiper-slide{
    overflow:hidden;
    border-radius:.1rem;
    cursor:pointer
}
 .index_factory .index_factory_box .swiper-slide .img{
}
 .index_factory .index_factory_box .swiper-slide .img img{
}
 .index_factory .index_factory_box .swiper-slide .txt{
    position:absolute;
    left:0;
    bottom:0;
    padding:.15rem;
    padding-top:.5rem;
    text-align:center;
    width:100%;
    height:auto;
    background:linear-gradient(rgba(228,237,243,0) 6.87%,rgba(28,80,161,0.9) 96.85%);
    font-size:.16rem;
    color:#ffffff;
    font-family:'RobotoBlack'
}
 .index_factory .index_factory_box .swiper-pagination{
}
 .index_factory .index_factory_box .swiper-button-prev,.index_factory .index_factory_box .swiper-button-next{
    top:unset;
    bottom:0
}
 .index_factory .index_factory_box .swiper-button-prev{
    left:45%
}
 .index_factory .index_factory_box .swiper-button-next{
    right:45%
}
 .index_honor{
    padding:1rem 0
}
 .index_honor .auto-container{
}
 .index_honor .head_block{
    color:#ffffff
}
 .index_honor .head_block .title{
    font-size:.48rem;
    font-family:'RobotoRegular';
    margin-bottom:.15rem
}
 .index_honor .head_block .remark{
    color:#ffffff;
    max-width:65%;
    margin:auto
}
 .index_honor .index_honor_box{
    position:relative;
    margin-top:.5rem;
    padding:0 12%
}
 .index_honor .index_honor_box .swiper-container{
}
 .index_honor .index_honor_box .swiper-wrapper{
}
 .index_honor .index_honor_box .swiper-wrapper .swiper-slide{
    width:2.75rem;
    height:4.5rem;
    overflow:hidden
}
 .index_honor .index_honor_box .swiper-wrapper .swiper-slide .img{
    border:.08rem solid #a1b9dd;
    overflow:hidden;
    cursor:pointer
}
 .index_honor .index_honor_box .swiper-wrapper .swiper-slide img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .index_honor .index_honor_box .swiper-wrapper .swiper-slide p{
    font-size:.24rem;
    color:#ffffff;
    text-align:center;
    margin-top:.15rem
}
 .index_honor .index_honor_box .swiper-pagination{
}
 .index_honor .index_honor_box .swiper-button-prev{
    left:0%
}
 .index_honor .index_honor_box .swiper-button-next{
    right:0
}
 .index_honor .btn_box{
    margin-top:.5rem
}
 .index_honor .btn_box a{
    margin:auto
}
 .index_honor .btn_box a span{
}
 .index_honor .btn_box a span img{
}
 .index_why_choose_us{
    padding-top:1rem
}
 .index_why_choose_us .auto-container{
}
 .index_why_choose_us .head_block{
    margin-bottom:.8rem
}
 .index_why_choose_us .head_block .title{
    font-size:.48rem;
    color:var(--color);
    font-family:'RobotoRegular';
    margin-bottom:.2rem
}
 .index_why_choose_us .head_block .icon{
}
 .index_why_choose_us .head_block .icon img{
    max-height:2rem
}
 .index_why_choose_us .index_why_choose_us_box{
    padding-bottom:1rem
}
 .index_why_choose_us .index_why_choose_us_box .auto-container{
    position:relative;
    min-height:16.5rem
}
 .index_why_choose_us .index_why_choose_us_box .item{
    display:flex;
    position:absolute;
    flex-direction:column-reverse;
    width:30%;
    justify-content:center;
    align-items:center
}
 .index_why_choose_us .index_why_choose_us_box .item:nth-child(1),.index_why_choose_us .index_why_choose_us_box .item:nth-child(2){
}
 .index_why_choose_us .index_why_choose_us_box .item:nth-child(1) .icon,.index_why_choose_us .index_why_choose_us_box .item:nth-child(2) .icon{
    margin-top:.15rem
}
 .index_why_choose_us .index_why_choose_us_box .item:nth-child(1){
    left:7.5%
}
 .index_why_choose_us .index_why_choose_us_box .item:nth-child(2){
    right:7.5%
}
 .index_why_choose_us .index_why_choose_us_box .item:nth-child(3),.index_why_choose_us .index_why_choose_us_box .item:nth-child(4){
    top:40%;
    flex-direction:column;
    width:25%
}
 .index_why_choose_us .index_why_choose_us_box .item:nth-child(3) .icon,.index_why_choose_us .index_why_choose_us_box .item:nth-child(4) .icon,.index_why_choose_us .index_why_choose_us_box .item:nth-child(6) .icon{
    margin-bottom:.3rem
}
 .index_why_choose_us .index_why_choose_us_box .item:nth-child(3){
    left:0
}
 .index_why_choose_us .index_why_choose_us_box .item:nth-child(4){
    right:0
}
 .index_why_choose_us .index_why_choose_us_box .item:nth-child(5){
    left:0;
    right:0;
    top:0;
    bottom:9%;
    margin:auto;
    height:auto
}
 .index_why_choose_us .index_why_choose_us_box .item:nth-child(5) .icon{
    width:6.5rem;
    height:6.5rem;
    box-shadow:.03rem .0157rem .32rem .2rem rgba(163,163,163,0.2)
}
 .index_why_choose_us .index_why_choose_us_box .item:nth-child(5) .text_box{
    display:none
}
 .index_why_choose_us .index_why_choose_us_box .item:nth-child(6){
    left:0;
    right:0;
    margin:auto;
    bottom:-.1rem;
    flex-direction:column
}
 .index_why_choose_us .index_why_choose_us_box .item .icon{
    width:4.15rem;
    height:4.15rem;
    border-radius:100vh;
    overflow:hidden
}
 .index_why_choose_us .index_why_choose_us_box .item .icon img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .index_why_choose_us .index_why_choose_us_box .item .text_box{
}
 .index_why_choose_us .index_why_choose_us_box .item .text_box h4{
    font-size:.24rem;
    font-family:'RobotoBlack';
    color:var(--color);
    position:relative;
    padding-left:.6rem;
    -webkit-line-clamp:2;
    margin-bottom:.15rem
}
 .index_why_choose_us .index_why_choose_us_box .item .text_box h4:before{
    content:'';
    display:block;
    width:.3rem;
    height:.05rem;
    background:var(--color);
    position:absolute;
    left:0;
    top:40%
}
 .index_why_choose_us .index_why_choose_us_box .item .text_box .remark{
    font-size:.2rem;
    line-height:.26rem;
    white-space:pre-line
}
 .index_testimony{
    background-color:#f1f6ff;
    padding-top:.8rem
}
 .index_testimony .auto-container{
}
 .index_testimony .head_block{
}
 .index_testimony .head_block .title{
    font-size:.48rem;
    color:var(--color)
}
 .index_testimony .index_testimony_box.pc{
    margin:auto;
    margin-top:.8rem;
    min-height:7.75rem;
    position:relative
}
 .index_testimony .index_testimony_box.pc .top,.index_testimony .index_testimony_box.pc .content,.index_testimony .index_testimony_box.pc .bottom{
}
 .index_testimony .index_testimony_box.pc .top{
}
 .index_testimony .index_testimony_box.pc .img{
    width:3.7rem;
    height:3.22rem;
    overflow:hidden;
    clip-path:polygon( .925rem 0,2.775rem 0,3.7rem 1.61rem,2.775rem 3.22rem,.925rem 3.22rem,0 1.61rem );
    display:inline-block;
    position:absolute
}
 .index_testimony .index_testimony_box.pc .img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .index_testimony .index_testimony_box.pc .top .img:nth-child(1),.index_testimony .index_testimony_box.pc .top .img:nth-child(2){
    top:0
}
 .index_testimony .index_testimony_box.pc .top .img:nth-child(1),.index_testimony .index_testimony_box.pc .bottom .img:nth-child(1){
    left:2.82rem
}
 .index_testimony .index_testimony_box.pc .top .img:nth-child(2),.index_testimony .index_testimony_box.pc .bottom .img:nth-child(2){
    right:2.82rem
}
 .index_testimony .index_testimony_box.pc .top .img img{
}
 .index_testimony .index_testimony_box.pc .bottom,.index_testimony .index_testimony_box.pc .content{
}
 .index_testimony .index_testimony_box.pc .content{
}
 .index_testimony .index_testimony_box.pc .content .img{
}
 .index_testimony .index_testimony_box.pc .content .img:nth-child(1),.index_testimony .index_testimony_box.pc .content .img:nth-child(2),.index_testimony .index_testimony_box.pc .content .img:nth-child(3){
    top:1.62rem
}
 .index_testimony .index_testimony_box.pc .content .img:nth-child(1){
    left:0
}
 .index_testimony .index_testimony_box.pc .content .img:nth-child(2){
    left:0;
    right:0;
    margin:auto
}
 .index_testimony .index_testimony_box.pc .content .img:nth-child(3){
    right:0
}
 .index_testimony .index_testimony_box.pc .content .img img{
}
 .index_testimony .index_testimony_box.pc .bottom{
}
 .index_testimony .index_testimony_box.pc .bottom .img{
}
 .index_testimony .index_testimony_box.pc .bottom .img:nth-child(1),.index_testimony .index_testimony_box.pc .bottom .img:nth-child(2){
    bottom:1.24rem
}
 .index_testimony .index_testimony_box.pc .bottom .img img{
}
 .index_testimony .index_testimony_box.mobile{
    display:none
}
 .index_testimony .index_testimony_box.mobile .item{
}
 .index_testimony .index_testimony_box.mobile .item img{
}
 .index_news{
}
 .index_news .index_news_box{
    display:flex
}
 .index_news .left{
    width:38%;
    background:var(--color);
    padding:.5rem .25rem
}
 .index_news .left .swiper-container{
}
 .index_news .left .swiper-wrapper{
}
 .index_news .left .swiper-slide{
    background:#ffffff;
    border-radius:.2rem;
    overflow:hidden;
    padding-bottom:2rem
}
 .index_news .left .swiper-slide .item{
    margin:.2rem
}
 .index_news .left .swiper-slide .item a{
}
 .index_news .left .swiper-slide .item .img_box{
    border-radius:.2rem;
    overflow:hidden;
    margin-bottom:.45rem
}
 .index_news .left .swiper-slide .item .img_box img{
}
 .index_news .left .swiper-slide .item .txt{
}
 .index_news .left .swiper-slide .item .txt h3{
    font-size:.24rem;
    font-family:'RobotoBold';
    margin-bottom:.45rem
}
 .index_news .left .swiper-slide .item .txt .other{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .index_news .left .swiper-slide .item .txt .other p{
    color:var(--color);
    font-family:'RobotoBold'
}
 .index_news .left .swiper-slide .item .txt .other p:first-child{
    font-size:.24rem
}
 .index_news .left .swiper-slide .item .txt .other p:last-child{
}
 .index_news .left .swiper-slide .item .txt .other p span{
    display:block;
    font-size:.2rem
}
 .index_news .left .swiper-slide .item .txt .other p img{
}
 .index_news .left .swiper-pagination{
    bottom:10%;
    margin:auto;
    left:0;
    right:0;
    width:90%;
    padding-top:.45rem;
    border-top:.01rem solid #bfbfbf
}
 .index_news .right{
    width:62%;
    padding:.7rem .2rem;
    padding-bottom:1.2rem
}
 .index_news .right .head_block{
    text-align:left;
    padding-left:10%
}
 .index_news .right .head_block .title{
    font-size:.48rem;
    color:var(--color)
}
 .index_news .right .item_box{
    display:flex;
    gap:.3rem;
    margin-top:.55rem
}
 .index_news .right .item_box .item{
    flex:0 0 calc((100% - 1 * .3rem) / 2)
}
 .index_news .right .item_box .item a{
}
 .index_news .right .item_box .item .img_box{
    overflow:hidden;
    border-radius:.2rem;
    border:.01rem solid #ebebeb
}
 .index_news .right .item_box .item .img_box img{max-height: 2.8rem;object-fit: cover;width: 100%;}
 .index_news .right .item_box .item .txt{
    padding:.2rem 0;
    padding-bottom:.4rem;
    border-bottom:.02rem solid #e7e7e7
}
 .index_news .right .item_box .item .txt p{
    font-size:.24rem;
    color:var(--color);
    font-family:RobotoBold;
    text-transform:uppercase;
    margin-bottom:.15rem
}
 .index_news .right .item_box .item .txt h3{
    font-size:.24rem;
    line-height:.3rem;
    min-height:.6rem;
    margin-bottom:.55rem;
    transition:all .3s linear
}
 .index_news .right .item_box .item:hover .txt,.index_news .right .item_box .item:hover .txt .remark{
    color:var(--color)
}
 .index_news .right .item_box .item .txt span{
    font-size:.16rem
}
 .index_news .right .item_box .item .txt .remark{
    margin-top:.4rem;
    padding:.4rem 0;
    padding-bottom:0;
    border-top:.02rem solid #e7e7e7;
    font-size:.16rem;
    line-height:.3rem;
    color:#6d6d6d;
    min-height:1.32rem;
    transition:all .3s linear
}
 .page_banner{
    position:relative
}
 .page_banner .img_box{
    overflow:hidden
}
 .page_banner .img_box img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .page_banner .txt{
    position:absolute;
    bottom:22%;
    left:0;
    right:0;
    text-align:center
}
 .page_banner .txt h2{
    font-size:.48rem;
    font-family:'RobotoBlack';
    color:#feffff
}
 .page_inside{
    padding:.15rem 0
}
 .page_inside .auto-container{
    font-size:.18rem;
    color:#ffffff
}
 .page_inside a{
    color:#ffffff;
    text-transform:capitalize
}
 .page_content.page_about{
}
 .page_about .page_about_section1{
    margin-top:.9rem
}
 .page_about .page_about_section1{
    padding-right:10%;
    display:flex;
    flex-direction:row-reverse
}
 .page_about .page_about_section1 .left,.page_about .page_about_section1 .right{
    width:50%
}
 .page_about .page_about_section1 .left{
    padding-left:4%
}
 .page_about .page_about_section1 .left h1{
    font-size:.36rem;
    font-family:'RobotoBlack';
    margin-bottom:.3rem
}
 .page_about .page_about_section1 .left .remark{
    font-size:.2rem;
    line-height:.3rem;
    white-space:pre-line
}
 .page_about .page_about_section1 .right{
    position:relative
}
 .page_about .page_about_section1 .right .img_box{
    overflow:hidden
}
 .page_about .page_about_section1 .right .img_box img{
}
 .page_about .page_about_section1 .right .icon_box{
    background:linear-gradient(rgba(228,237,243,0) 6.87%,rgba(28,80,161,0.9) 96.85%);
    width:100%;
    height:50%;
    display:flex;
    position:absolute;
    bottom:0;
    left:0;
    justify-content:space-between;
    padding:1rem;
    align-items:flex-end
}
 .page_about .page_about_section1 .right .icon_box p{
    font-size:.24rem;
    color:#ffffff
}
 .page_about .page_about_section1 .right .icon_box p span{
    font-size:.72rem;
    font-family:'RobotoBlack';
    display:block;
    line-height:1
}
 .page_about .page_about_section1 .right .icon_box img{
    max-width:.62rem;
    cursor:pointer
}
 .page_about .page_about_num{
    margin-top:1rem;
    display:flex;
    justify-content:space-between;
    gap:.6rem
}
 .page_about .page_about_num .item{
    max-width:23%
}
 .page_about .page_about_num .item .icon{
    margin-bottom:.15rem
}
 .page_about .page_about_num .item .icon img{
    max-width:.73rem
}
 .page_about .page_about_num .item .txt{
    font-size:.52rem;
    font-family:'RobotoBlack';
    margin-bottom:.1rem
}
 .page_about .page_about_num .item .txt p.counter{
    display:inline-block
}
 .page_about .page_about_num .item .txt span{
}
 .page_about .page_about_num .item .remark{
    font-size:.24rem;
    font-family:'RobotoMedium';
    color:#6d6d6d
}
 .page_about .page_about_factory{
    margin:1.3rem 0
}
 .page_about .page_about_factory_box{
}
 .page_about .page_about_factory_box .right,.page_about .page_about_factory_box .left{
    display:flex;
    gap:.2rem
}
 .page_about .page_about_factory_box .left{
    padding-left:.2rem;
    padding-right:10%;
    margin-bottom:.4rem
}
 .page_about .page_about_factory_box .item{
    flex:0 0 calc((100% - 2 * .2rem) / 3);
    position:relative;
    cursor:pointer;
    border-radius:.08rem;
    overflow:hidden
}
 .page_about .page_about_factory_box .item .img{
    overflow:hidden
}
 .page_about .page_about_factory_box .left .item .img img{
}
 .page_about .page_about_factory_box .item .txt{
    position:absolute;
    left:0;
    bottom:0;
    padding:.15rem;
    padding-top:.5rem;
    text-align:center;
    width:100%;
    height:auto;
    background:linear-gradient(rgba(228,237,243,0) 6.87%,rgba(28,80,161,0.9) 96.85%);
    font-size:.16rem;
    color:#ffffff;
    font-family:'RobotoBlack'
}
 .page_about .page_about_factory_box .right{
    padding-right:.2rem;
    padding-left:10%
}
 .page_about .page_about_factory_box .right .item{
}
 .page_about .page_about_factory_box .right .item .img{
}
 .page_about .page_about_factory_box .right .item .img img{
}
 .page_about .page_about_factory_box .right .item .txt{
}
 .page_about .factory_swiper{
    display:none
}
 .page_about .factory_swiper .swiper-wrapper{
}
 .page_about .factory_swiper .swiper-slide{
}
 .page_about .factory_swiper .swiper-slide .img{
}
 .page_about .factory_swiper .swiper-slide .img img{
}
 .page_about .factory_swiper .swiper-slide .txt{
}
 .page_about .factory_swiper .swiper-pagination{
}
 .page_about .page_about_honor{
    padding:.8rem;
    background:#eeeeee;
    padding-bottom:.1rem
}
 .page_about .page_about_honor .auto-container{
}
 .page_about .page_about_honor .head_block{
    margin-bottom:.5rem
}
 .page_about .head_block .title{
    font-size:.36rem;
    font-family:'RobotoBlack';
    text-transform:capitalize
}
 .page_about .page_about_honor .page_about_honor_box{
    position:relative
}
 .page_about .page_about_honor .swiper-container{
}
 .page_about .page_about_honor .swiper-wrapper{
}
 .page_about .page_about_honor .swiper-wrapper .swiper-slide{
    padding-bottom:1rem
}
 .page_about .page_about_honor .swiper-wrapper .swiper-slide .img{
    background:url(/res/magic/images/honor_bg.png) no-repeat;
    background-size:contain;
    padding:11%;
    -webkit-box-reflect:below 0px linear-gradient(transparent 30%,rgba(0,0,0,0.1));
    cursor:pointer
}
 .page_about .page_about_honor .swiper-wrapper .swiper-slide .img img{
    width:3rem;
    object-fit:cover;
    height:3.15rem
}
 .page_about .page_about_honor .swiper-wrapper .swiper-slide p{
    font-size:.16rem;
    font-family:'RobotoBlack';
    margin-top:.2rem;
    text-align:center
}
 .page_about .page_about_honor .swiper-pagination{
}
 .page_about .page_about_honor .swiper-button-prev{
}
 .page_about .page_about_honor .swiper-button-next{
}
 .page_about .page_about_advantages{
    padding:1rem 0
}
 .page_about .page_about_advantages .auto-container{
}
 .page_about .page_about_advantages .head_block{
}
 .page_about .page_about_advantages .head_block .title{
}
 .page_about .page_about_advantages .page_about_advantages_box{
    margin-top:.5rem;
    display:flex;
    flex-wrap:wrap;
    gap:.6rem 0
}
 .page_about .page_about_advantages .item{
    flex:0 0 calc((100% - 2 * 0px) / 3)
}
 .page_about .page_about_advantages .item:nth-child(3n) .text_box{
    padding-right:0;
    margin-right:.2rem
}
 .page_about .page_about_advantages .item .img_box{
    border-radius:.1rem;
    overflow:hidden;
    margin-right:.2rem;
    border:.01rem solid #ebebeb
}
 .page_about .page_about_advantages .item .img_box img{
    border-radius:.1rem;
    width:100%;
    height:100%;
    object-fit:cover
}
 .page_about .page_about_advantages .item .text_box{
    margin:.35rem 0;
    border-top:.01rem solid #d2d2d2;
    border-bottom:.01rem solid #d2d2d2;
    padding:.3rem 0;
    min-height:3rem;
    padding-right:.3rem;
    padding-bottom:0;
    margin-bottom:0
}
 .page_about .page_about_advantages .item .text_box .icon_box{
    display:flex;
    align-items:center;
    margin-bottom:.15rem
}
 .page_about .page_about_advantages .item .text_box .icon_box img{
    max-width:.65rem;
    margin-right:.1rem
}
 .page_about .page_about_advantages .item .text_box .icon_box p{
    font-size:.24rem;
    font-family:'RobotoBlack';
    -webkit-line-clamp:2;
    line-height:.3rem
}
 .page_about .page_about_advantages .item .text_box .txt{
    padding-left:.75rem;
    font-size:.2rem;
    line-height:.3rem;
    color:#585858;
    min-height:1.2rem
}
 .page_contact{
    padding-bottom:.9rem
}
 .page_contact .page_contact_head{
    padding:.7rem 0
}
 .page_contact .page_contact_head .head_block{
    text-align:center
}
 .page_contact .page_contact_head .head_block .title{
}
 .page_contact .page_contact_head_box{
    margin-top:.6rem;
    display:flex;
    gap:.3rem .2rem;
    flex-wrap:wrap
}
 .page_contact .page_contact_head_box .item{
    width:32.35%;
    background:#ffffff;
    padding:.25rem;
    display:flex;
    align-items:center
}
 .page_contact .page_contact_head_box .item:last-child,.page_contact .page_contact_head_box .item:nth-last-child(2){
    width:49.2%
}
 .page_contact .page_contact_head_box .item .img_box{
    width:15%
}
 .page_contact .page_contact_head_box .item:last-child .img_box,.page_contact .page_contact_head_box .item:nth-last-child(2) .img_box{
    width:10%
}
 .page_contact .page_contact_head_box .item .img_box img{
    max-width:.46rem
}
 .page_contact .page_contact_head_box .item .txt_box{
    width:85%
}
 .page_contact .page_contact_head_box .item .txt_box p{
    font-size:.18rem;
    color:#000000;
    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;
    color:#666666
}
 .page_contact .page_contact_head_box .item .txt_box > a{
}
 .page_contact .page_contact_head_box .item .txt_box > a:hover{
    color:var(--color)
}
 .page_contact .page_contact_head_box .item .txt_box span{
}
 .page_contact .page_contact_head_box .item .txt_box .share_box{
}
 .page_contact .page_contact_head_box .item .txt_box .share_box a{
    display:inline-block;
    margin-right:.05rem
}
 .page_contact .page_contact_head_box .item .txt_box .share_box a img{
    max-height:.2rem
}
 .page_contact_quotation{
    margin-top:.9rem
}
 .page_contact_quotation>p,.page_contact_quotation form > p{
    font-size:.36rem;
    font-family:RobotoMedium;
    text-transform:capitalize;
    line-height:normal;
    padding-bottom:.15rem;
    border-bottom:.01rem solid #ddd
}
 .page_contact_quotation form{
    margin-top:.4rem
}
 .page_contact_quotation .input{
    display:flex;
    gap:.45rem .6rem;
    flex-wrap:wrap
}
 .page_contact_quotation .input>div{
    width:47.85%
}
 .page_contact_quotation .input>div p,.page_contact_quotation .textarea_box p,.page_contact_quotation .upload-box p{
    font-size:.2rem;
    line-height:normal;
    margin-bottom:.1rem
}
 .page_contact_quotation .input>div p span{
    color:red
}
 .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_quotation .input>div input,.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_quotation .textarea_box{
    margin-top:.2rem
}
 .page_contact_quotation .textarea_box textarea{
    height:2rem
}
 .page_contact_quotation .submit{
    margin-top:.3rem;
    text-align:center
}
 .page_contact_quotation .submit .btn_effect4{
    height:auto
}
 .page_contact_quotation .submit .btn_small_wrap .btn_small_list{
    text-transform:capitalize;
    color:#333;
    border-radius:.04rem;
    background:var(--color);
    color:#ffffff;
    padding:.12rem .3rem
}
 .page_contact_quotation .submit .btn_small_wrap .btn_small_list .btn_main_text{
    font-size:.2rem;
    font-family:'RobotoMedium'
}
 .page_contact_quotation .submit .btn_small_wrap .btn_small_list.hover{
    background:#ffffff;
    border-color:var(--color);
    color:var(--color)
}
 .page_contact_map{
    margin-top:.75rem
}
 .page_contact_map iframe{
}
 .list_faq{
    margin-top:.45rem
}
 .list_faq .list_faq_box{
}
 .list_faq .list_faq_box{
}
 .list_faq .list_faq_box .list_faq_head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between
}
 .list_faq .list_faq_box .list_faq_head h1{
    font-size:.36rem;
    line-height:1.3;
    text-transform:capitalize;
    margin-bottom:.3rem
}
 .list_faq .list_faq_box .list_faq_head p{
    font-size:.18rem;
    line-height:1.5
}
 .list_faq .list_faq_box .list_faq_head p a{
    color:var(--color)
}
 .list_faq .list_faq_box .list_faq_head .left{
    width:60%
}
 .list_faq .list_faq_box .list_faq_head{
}
 .list_faq .list_faq_box .list_faq_head .search_box{
    display:flex;
    width:25%;
    border-radius:.02rem;
    overflow:hidden
}
 .list_faq .list_faq_box .list_faq_head .search_box .form_control.keywords{
    background:#eaeaea;
    padding:0 .1rem;
    font-size:.14rem;
    width:100%
}
 .list_faq .list_faq_box .list_faq_head .search_box .search_btn{
    width:.5rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    background:var(--color);
    cursor:pointer;
    transition:all .3s linear
}
 .list_faq .list_faq_box .list_faq_head .search_box .search_btn img{
    filter:brightness(0) invert(1)
}
 .list_faq .list_faq_box .list_faq_head .search_box .search_btn:hover img{
}
 .list_faq .list_faq_box .list_faq_item_box{
    margin-top:.4rem;
    margin-bottom:.45rem
}
 .list_faq .list_faq_box .list_faq_item_box .item{
    display:flex;
    padding:.35rem 0;
    border-bottom:.01rem solid #ddd
}
 .list_faq .list_faq_box .list_faq_item_box .item .left{
    margin-right:.1rem
}
 .list_faq .list_faq_box .list_faq_item_box .item .left img{
    max-width:.3rem
}
 .list_faq .list_faq_box .list_faq_item_box .item .right{
    width:97%
}
 .list_faq .list_faq_box .list_faq_item_box .item.active{
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head{
    display:flex;
    cursor:pointer
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head i{
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head i img{
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .title{
    font-size:.22rem;
    width:97%;
    transition:all .3s linear
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .title:hover{
    color:var(--color)
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .faq_icon{
    width:.3rem;
    height:.3rem;
    position:relative;
    cursor:pointer
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .faq_icon:after{
    content:'';
    display:block;
    width:0;
    height:0;
    border-top:.08rem solid transparent;
    border-bottom:.08rem solid transparent;
    border-right:.1rem solid #666666;
    position:absolute;
    left:0;
    right:0;
    top:25%;
    margin:auto;
    transform:rotate(-90deg)
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .faq_icon.open:after{
    transform:rotate(90deg)
}
 .list_faq .list_faq_box .list_faq_item_box .item .remark{
    font-size:.18rem;
    color:#666666;
    display:none;
    margin-top:.15rem
}
 .list_faq .list_faq_box .list_faq_item_box .item .remark p{
    margin-bottom:.1rem
}
 .list_faq .list_faq_box .list_faq_item_box .item .remark a{
    color:var(--color)
}
 .page_content .inside-pagination{
    text-align:center;
    margin-bottom:.9rem
}
 .page_content .inside-pagination ul li a{
    color:#222;
    display:inline-block;
    width:.4rem;
    height:.4rem;
    line-height:.4rem;
    border-radius:.04rem;
    font-size:.18rem;
    font-family:'RobotoBold';
    transition:all .3s linear;
    background:#e5e5e5
}
 .page_content .inside-pagination ul li a.active,.page_content .inside-pagination ul li a:hover,.page_content .inside-pagination ul li.active a{
    color:#fff;
    background:var(--color);
    border-color:var(--color)
}
 .page_content .inside-pagination ul li{
    display:inline-block;
    margin-right:.05rem
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
    background:transparent
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
}
 .page_content .inside-pagination ul li>a>img{
    transition:all .3s linear;
    margin-top:-.04rem;
    max-width:.1rem;
    filter:brightness(0) opacity(0.5)
}
 .page_content .inside-pagination ul li.pre-page>a>img{
    transform:rotate(180deg)
}
 .page_content .inside-pagination ul li:hover>a>img{
    filter:unset
}
 .page_content_head{
    background:#eeeeee
}
 .page_content_head .auto-container{
    display:flex;
    justify-content:center;
    gap:.55rem
}
 .page_content_head .item{
    position:relative;
    padding-left:.1rem;
    font-size:.2rem;
    font-family:'RobotoBold'
}
 .page_content_head .item:before{
    content:'';
    display:block;
    width:.05rem;
    height:.2rem;
    border-radius:.04rem;
    background:var(--color);
    position:absolute;
    left:0;
    top:36%;
    opacity:0;
    transition:all .3s linear
}
 .page_content_head .item a{
    color:#595959;
    display:block;
    padding:.25rem 0
}
 .page_content_head .item:last-child{
}
 .page_content_head .item:last-child a{
}
 .page_content_head .item:hover:before,.page_content_head .item.active:before{
    opacity:1
}
 .page_content_head .item:hover a,.page_content_head .item.active a{
    color:var(--color)
}
 .page_news{
    padding-top:.5rem
}
 .page_news .page_more_btn{
    padding-top:.4rem
}
 .page_news .item_box{
    padding-top:.4rem;
    display:flex;
    flex-wrap:wrap;
    gap:.5rem .35rem;
    padding-bottom:.5rem
}
 .page_news .item_box .item{
    flex:0 0 calc((100% - 2* 0.35rem) / 3);
    transition:all .3s linear;
    background:#f6f6f6;
    border-radius:.1rem;
    overflow:hidden
}
 .page_news .item_box .item a{
    display:block
}
 .page_news .item_box .item .img_box{
    overflow:hidden;
    border:.01rem solid #eeeeee;
    border-bottom:0;
    border-top-right-radius:.1rem;
    border-top-left-radius:.1rem
}
 .page_news .item_box .item .img_box img{
    width:100%;
    object-fit:cover
}
 .page_news .item_box .item .text_box{
    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:#666666;
    font-size:.15rem;
    display:flex;
    justify-content:space-between;
    margin:.15rem 0;
    align-items:center;
    border-top:.01rem solid #dddddd;
    padding-top:.2rem
}
 .page_news .item_box .item .text_box .other span:first-child{
    margin-right:10px
}
 .page_news .item_box .item .text_box .other span img{
    margin-right:.05rem;
    margin-top:-.03rem;
    max-width:.14rem
}
 .page_news .item_box .item:hover{
    background:var(--color)
}
 .page_news .item_box .item:hover .text_box .title,.page_news .item_box .item:hover .text_box .remark,.page_news .item_box .item:hover .text_box .other{
    color:#ffffff
}
 .page_news .item_box .item:hover .text_box .other img{
    filter:brightness(0) invert(1)
}
 .page_news .item_box .item:hover .text_box .other{
    border-color:rgb(255 255 255 / 20%)
}
 .show_news{
    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{
    font-size:.16rem
}
 .show_news .post-info .header>p>span>img{
    margin-right:.05rem;
    max-width:.14rem;
    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 ul,.show_news .post-info .content ol{
    margin-left:15px
}
 .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:.2rem;
    color:#666
}
 .show_news .post-info .post-pagination p a img{
    margin-right:.1rem;
    filter:grayscale(100%)
}
 .show_news .post-info .post-pagination p a.prev-page img{
    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 .post-info .show_share{
    margin-top:.3rem
}
 .show_news .post-info .show_share p{
    display:inline-block;
    font-size:.2rem;
    float:left;
    margin-right:.2rem
}
 .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{
}
 .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:#666666;
    font-size:.14rem;
    margin-top:.2rem
}
 .show_news .relation .swiper-relation .swiper-slide .textbox .other span:first-child{
    margin-right:10px
}
 .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
}
 .list_products{
    padding-top:.8rem
}
 .list_products .auto-container > h2,.page_news .auto-container > h2,.page_download .auto-container > h2,.page_video .auto-container > h2,.page_faq .auto-container > h2{
    font-size:.36rem;
    font-family:'RobotoBold';
    text-align:center
}
 .list_products .list_products_box{
    display:flex;
    gap:.4rem .3rem;
    margin:.55rem 0;
    flex-wrap:wrap
}
 .list_products .list_products_box .item{
}
 .list_products .list_products_box .item{
    border-radius:.2rem;
    overflow:hidden;
    border:.01rem solid #bfbfbf;
    background:#ffffff;
    flex:0 0 calc((100% - 3 * .3rem) / 4)
}
 .list_products .list_products_box .item a{
    display:block
}
 .list_products .list_products_box .item .img_box{
    overflow:hidden
}
 .list_products .list_products_box .item .img_box img{
}
 .list_products .list_products_box .item .text_box{
    padding:.2rem
}
 .list_products .list_products_box .item .text_box h4{
    font-size:.2rem;
    line-height:.24rem;
    font-family:'RobotoMedium';
    min-height:.48rem;
    margin-bottom:.2rem
}
 .list_products .list_products_box .item .text_box .other{
    display:flex;
    justify-content:space-between
}
 .list_products .list_products_box .item .text_box .other div{
}
 .list_products .list_products_box .item .text_box .other div span{
    font-size:.16rem;
    color:var(--color)
}
 .list_products .list_products_box .item .text_box .other div span img{
    max-width:.19rem;
    margin-right:.05rem;
    margin-top:-.03rem;
    display:inline-block
}
 .list_products .list_products_box .item .quote-button{
    margin:.35rem auto;
    border-radius:.1rem;
    border:.01rem solid var(--color);
    width:90%;
    height:.5rem;
    text-align:center;
    line-height:.5rem;
    font-size:.16rem;
    color:var(--color);
    text-transform:uppercase;
    font-family:'RobotoMedium';
    cursor:pointer;
    transition:all .3s linear
}
 .list_products .list_products_box .item .quote-button:hover{
    background:var(--color);
    color:#ffffff
}
 .page_solutions{
    padding-bottom:.9rem
}
 .page_solutions .auto-container{
}
 .page_solutions .page_solutions_box{
    margin-top:.6rem;
    display:flex;
    gap:.2rem;
    flex-wrap:wrap
}
 .page_solutions .page_solutions_box .item{
    overflow:hidden;
    border-top-left-radius:.08rem;
    border-top-right-radius:.08rem;
    flex:0 0 calc((100% - 2* 0.2rem) / 3);
    position:relative
}
 .page_solutions .page_solutions_box .item:before{
    content:'';
    display:block;
    width:0;
    height:.03rem;
    background:var(--color);
    position:absolute;
    left:0;
    bottom:0;
    transition:all .3s linear
}
 .page_solutions .page_solutions_box .item .img_box{
    overflow:hidden;
    position:relative
}
 .page_solutions .page_solutions_box .item .img_box img{
}
 .page_solutions .page_solutions_box .item .img_box span{
    position:absolute;
    left:0;
    bottom:0;
    background:#999999;
    color:#ffffff;
    font-size:.16rem;
    padding:.1rem .15rem;
    border-top-right-radius:.05rem;
    transition:all .3s linear
}
 .page_solutions .page_solutions_box .item .text_box{
    padding:.2rem;
    color:#666666;
    transition:all .3s linear
}
 .page_solutions .page_solutions_box .item .text_box p{
    font-size:.24rem;
    margin-bottom:.2rem;
    transition:all .3s linear;
    line-height:1.2
}
 .page_solutions .page_solutions_box .item .text_box span{
    font-size:.16rem
}
 .page_solutions .page_solutions_box .item:hover{
    filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.1))
}
 .page_solutions .page_solutions_box .item:hover:before{
    width:100%
}
 .page_solutions .page_solutions_box .item:hover .text_box{
    background:#F8FEFF
}
 .page_solutions .page_solutions_box .item:hover .text_box p{
    color:var(--color)
}
 .page_solutions .page_solutions_box .item:hover .img_box span{
    background:var(--color);
    color:#ffffff
}
 .page_support{
}
 .page_support .page_support_box{
}
 .page_support .page_support_box .item{
    position:relative;
    margin-bottom:1.15rem;
    margin-top:1.15rem
}
 .page_support .page_support_box .item .img_box{
    width:55%;
    overflow:hidden;
    position:absolute;
    right:0;
    top:-.6rem;
    border-radius:.08rem
}
 .page_support .page_support_box .item:nth-child(even) .img_box{
    right:unset;
    left:0
}
 .page_support .page_support_box .item .img_box img{
}
 .page_support .page_support_box .item .text_box{
    background:#f5f5f5;
    min-height:4.6rem;
    max-width:95%;
    display:flex;
    align-items:center
}
 .page_support .page_support_box .item:nth-child(even) .text_box{
    margin-left:5%;
    flex-direction:row-reverse
}
 .page_support .page_support_box .item .text_box .txt{
    width:47%;
    padding:4%
}
 .page_support .page_support_box .item .text_box .title{
    font-size:.26rem;
    font-family:'RobotoBold'
}
 .page_support .page_support_box .item .text_box .remark{
    font-size:.16rem;
    color:#666666;
    display:flex;
    flex-wrap:wrap;
    line-height:1.3;
    margin:.3rem 0
}
 .page_support .page_support_box .item .text_box .remark p{
    width:49.5%;
    margin-bottom:.1rem
}
 .page_support .page_support_box .item .text_box .remark p i{
    font-style:normal;
    margin-right:.05rem;
    color:var(--color)
}
 .page_support .page_support_box .item .text_box .more_btn{
}
 .page_support .page_support_box .item .text_box .more_btn .btn_effect4{
    font-size:.18rem;
    font-family:RobotoRegular
}
 .page_support .page_support_box .item .text_box .more_btn .btn_effect4 .btn_small_list{
    border-color:var(--color);
    background:var(--color);
    color:#ffffff;
    text-transform:capitalize
}
 .page_support .page_support_box .item .text_box .more_btn .btn_effect4 .btn_small_list.hover{
    background:#ffffff;
    color:var(--color)
}
 .page_support .page_support_contact{
    min-height:3.2rem;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:.9rem
}
 .page_support .page_support_contact .auto-container{
    text-align:center
}
 .page_support .page_support_contact .more_btn{
    margin-top:.3rem
}
 .page_support .page_support_contact .more_btn .btn_effect4{
}
 .page_support .page_support_contact .more_btn .btn_effect4 .btn_small_list{
    padding:.1rem 0.35rem;
    border-color:var(--color);
    background:var(--color);
    color:#ffffff;
    text-transform:capitalize;
    font-size:.18rem;
    font-family:'RobotoRegular'
}
 .page_support .page_support_contact .more_btn .btn_effect4 .btn_small_list.hover{
    background:#ffffff;
    color:var(--color)
}
 .show_products{
}
 .show_products{
}
 .show_products .show_products_head{
    display:flex;
    align-items:center;
    justify-content:space-between
}
 .show_products .show_products_head .auto-container{
}
 .show_products .show_products_head .img_box{
    width:53%;
    display:flex;
    flex-direction:row-reverse
}
 .show_products .show_products_head .text_box{
    width:47%;
    padding:.8rem 0;
    border-left:.02rem solid #dcdcdc
}
 .show_products .show_products_head .img_box .view_box{
    position:relative;
    width:88%;
    overflow:hidden
}
 .show_products .show_products_head .img_box .view_box .swiper-container{
    height:5.5rem
}
 .show_products .show_products_head .img_box .view_box .swiper-slide{
    text-align:center
}
 .show_products .show_products_head .img_box .view_box .swiper-slide img{
    height:100%
}
 .show_products .show_products_head .img_box .view_box .swiper-button-next,.show_products .show_products_head .img_box .view_box .swiper-button-prev{
    background:#d9d9d9;
    width:.45rem;
    height:1.05rem;
    border-radius:.04rem;
    transition:all .3s linear;
    border-color:#d9d9d9
}
 .show_products .show_products_head .img_box .view_box .swiper-button-next:before,.show_products .show_products_head .img_box .view_box .swiper-button-prev:before{
    border-color:#fff;
    width:.15rem;
    height:.15rem;
    left:25%
}
 .show_products .show_products_head .img_box .view_box .swiper-button-prev{
    left:0
}
 .show_products .show_products_head .img_box .view_box .swiper-button-next{
    right:0
}
 .show_products .show_products_head .img_box .view_box .swiper-button-next:hover,.show_products .show_products_head .img_box .view_box .swiper-button-prev:hover{
    background:var(--color);
    border-color:var(--color)
}
 .show_products .show_products_head .img_box .thumb_box{
    position:relative;
    width:12%;
    overflow:hidden;
    padding:.6rem 0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-container{
    height:5.1rem
}
 .show_products .show_products_head .img_box .thumb_box .swiper-wrapper{
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide{
    border:.01rem solid #E3E3E3;
    overflow:hidden;
    cursor:pointer
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide:last-child{
    margin-right:0;
    margin-bottom:0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    background:transparent;
    border-radius:unset;
    width:.4rem;
    height:.4rem;
    transform:rotate(90deg)
}
 .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{
    content:'';
    display:block;
    border-right:.02rem solid var(--color);
    border-bottom:.02rem solid var(--color);
    transform:rotate(-45deg);
    background:0 0;
    width:.12rem;
    height:.12rem;
    position:absolute;
    top:40%;
    left:20%;
    margin:auto;
    transition:all .3s linear;
    filter:unset
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next:hover,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:hover{
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next:hover:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:hover:before{
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    top:0;
    left:27%;
    transform:rotate(-90deg)
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next{
    bottom:0;
    right:27%;
    top:unset
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide.active-nav{
    border-color:var(--color)
}
 .show_products .show_products_head .text_box{
}
 .show_products .show_products_head .text_box h1{
    font-size:.36rem;
    font-family:'RobotoBold';
    line-height:.54rem;
    padding-left:.5rem
}
 .show_products .show_products_head .text_box .other{
    border-bottom:.02rem solid #dcdcdc;
    padding-left:.5rem;
    padding-bottom:.3rem;
    padding-top:.3rem
}
 .show_products .show_products_head .text_box .other span{
    display:inline-block
}
 .show_products .show_products_head .text_box .other span img{
    max-width:.19rem;
    margin-top:-.03rem;
    margin-right:.05rem
}
 .show_products .show_products_head .text_box .other span.enshrine{
    margin-left:10%;
    font-size:.16rem;
    color:var(--color)
}
 .show_products .show_products_head .text_box .other span.enshrine img{
}
 .show_products .show_products_head .text_box .other span.enshrine span{
}
 .show_products .show_products_head .text_box .attribute_box{
    padding-left:.5rem;
    border-bottom:.02rem solid #dcdcdc;
    margin:.3rem 0
}
 .show_products .show_products_head .text_box .attribute_box h4{
    font-size:.2rem;
    font-family:'RobotoBold';
    color:var(--color)
}
 .show_products .show_products_head .text_box .attribute_box .attribute{
    margin-top:.3rem;
    margin-bottom:.6rem
}
 .show_products .show_products_head .text_box .attribute_box .attribute div{
    font-size:.18rem;
    position:relative;
    padding-left:.3rem;
    margin-bottom:.15rem
}
 .show_products .show_products_head .text_box .attribute_box .attribute div:before{
    content:'';
    display:block;
    width:.11rem;
    height:.11rem;
    border-radius:100vh;
    background:var(--color);
    position:absolute;
    left:0;
    top:24%
}
 .show_products .show_products_head .text_box .attribute_box .contact_box{
    display:flex;
    margin-bottom:.5rem;
    gap:.4rem
}
 .show_products .show_products_head .text_box .attribute_box .contact_box p{
    font-size:.16rem
}
 .show_products .show_products_head .text_box .attribute_box .contact_box p img{
    max-width:.19rem;
    margin-right:.1rem;
    margin-top:-.03rem
}
 .show_products .show_products_head .text_box .attribute_box .contact_box p a{
}
 .show_products .show_products_head .text_box .btn_box{
    padding-left:.5rem
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4{
    cursor:pointer
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_wrap .btn_small_list{
    background:var(--color);
    color:#ffffff;
    font-size:.2rem;
    text-transform:capitalize;
    padding:.14rem .4rem;
    border-radius:100vh
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_wrap .btn_small_list .btn_small_icon{
    margin-left:0
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_wrap .btn_small_list .btn_small_icon img{
    max-width:.28rem;
    margin-right:.15rem;
    transition:all .3s linear;
    filter:brightness(0) invert(1)
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_wrap .btn_small_list.hover{
    background:#ffffff;
    color:var(--color)
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_wrap .btn_small_list.hover .btn_small_icon img{
    filter:unset
}
 .show_products .show_products_box{
}
 .show_products .show_pro_video{
    background:#f5f5f5;
    padding:1rem 0
}
 .show_products .show_pro_video > *{
    max-width:15rem;
    margin:auto
}
 .show_products .show_pro_title,.show_products .show_pro_faq .page_content_block p,.show_products .show_pro_customer .page_content_block p,.show_products .page_recommend_pro .page_content_block p,.show_products .show_pro_bottom .page_content_block p{
    font-size:.36rem;
    font-family:'RobotoBold';
    text-transform:capitalize
}
 .show_products .show_pro_video .show_pro_title,.show_products .show_pro_faq .page_content_block,.show_products .show_pro_customer .page_content_block,.show_products .page_recommend_pro .page_content_block,.show_products .show_pro_bottom .page_content_block{
    margin-bottom:.4rem;
    padding-bottom:.3rem;
    border-bottom:.01rem solid #c9c9c9
}
 .show_products .show_pro_video .show_pro_video_box{
    position:relative;
    border-radius:.1rem;
    border:.01rem solid rgb(255 255 255 / 30%);
    overflow:hidden;
    margin-bottom:.45rem
}
 .show_products .show_pro_video .show_pro_video_box .img_box{
    overflow:hidden;
    position:relative;
    z-index:1;
    height:5.28rem
}
 .show_products .show_pro_video .show_pro_video_box .img_box img:first-child{
    height:100%;
    object-fit:cover;
    width:100%
}
 .show_products .show_pro_video .show_pro_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
}
 .show_products .show_pro_video .show_pro_video_box .iframe_box{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    border-radius:.05rem;
    overflow:hidden;
    z-index:-1
}
 .show_products .show_pro_faq{
    margin-top:.6rem;
    background:#f5f5f5;
    padding:.8rem 0
}
 .show_products .show_pro_faq .page_content_block{
}
 .show_products .show_pro_faq .page_content_block p{
}
 .show_products .show_pro_faq .page_pro_faq_box{
    display:flex;
    flex-wrap:wrap;
    gap:.2rem .3rem
}
 .show_products .show_pro_faq .page_pro_faq_box .item{
    padding:.2rem;
    background:#ffffff;
    border-radius:.08rem;
    width:100%;
    cursor:pointer;
    flex:0 0 calc((100% - 1 * .3rem) / 2);
    height:max-content
}
 .show_products .show_pro_faq .page_pro_faq_box .item.open{
    box-shadow:0px 0px 38.8px 1.2px rgba(0,0,0,0.14)
}
 .show_products .show_pro_faq .page_pro_faq_box .item:last-child{
    margin-bottom:0
}
 .show_products .show_pro_faq .page_pro_faq_box .item .title i,.show_products .show_pro_faq .page_pro_faq_box .item .remark i{
    font-style:unset;
    display:block;
    width:.4rem;
    height:.4rem;
    border-radius:100vh;
    font-size:.18rem;
    color:#ffffff;
    background:#404041;
    text-align:center;
    line-height:.4rem;
    font-family:'RobotoBold'
}
 .show_products .show_pro_faq .page_pro_faq_box .item .title{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .show_products .show_pro_faq .page_pro_faq_box .item .title{
    position:relative
}
 .show_products .show_pro_faq .page_pro_faq_box .item .title:before{
    content:'+';
    display:block;
    font-size:.3rem;
    font-family:'RobotoBold';
    position:absolute;
    right:0
}
 .show_products .show_pro_faq .page_pro_faq_box .item.open .title:before{
    content:'-';
    font-size:.4rem;
    top:-.05rem
}
 .show_products .show_pro_faq .page_pro_faq_box .item .title i{
}
 .show_products .show_pro_faq .page_pro_faq_box .item .title p{
    width:91.5%
}
 .show_products .show_pro_faq .page_pro_faq_box .item .title p{
    font-size:.18rem;
    line-height:1.3
}
 .show_products .show_pro_faq .page_pro_faq_box .item .remark{
    margin-top:.15rem;
    display:none;
    align-items:center
}
 .show_products .show_pro_faq .page_pro_faq_box .item .remark i{
    background:var(--color)
}
 .show_products .show_pro_faq .page_pro_faq_box .item .remark div{
    font-size:.18rem;
    color:var(--color);
    line-height:1.3;
    display:inline-block;
    width:91.5%;
    float:right;
    margin-top:-.4rem
}
 .show_products .show_pro_customer{
    background-image:-webkit-linear-gradient(90deg,rgb(218 224 233 / 50%) 0%,rgb(253 253 253) 47%,rgb(220 226 235 / 50%) 97%);
    padding:.8rem 0
}
 .show_products .show_pro_customer .auto-container{
}
 .show_products .show_pro_customer .page_content_block{
}
 .show_products .show_pro_customer .page_content_block p{
}
 .show_products .show_pro_customer_box{
}
 .show_products .show_pro_customer_box .swiper-container{
    padding-bottom:.8rem
}
 .show_products .show_pro_customer_box .swiper-wrapper{
}
 .show_products .show_pro_customer_box .swiper-slide{
    padding:.2rem;
    padding-bottom:.3rem
}
 .show_products .show_pro_customer_box .swiper-slide .item{
    background:#ffffff;
    box-shadow:0px 0px 18px 5px rgba(0,0,0,0.11);
    border-radius:.2rem;
    padding:.2rem;
    position:relative
}
 .show_products .show_pro_customer_box .swiper-slide .item:before{
    content:'';
    display:block;
    background:url(/res/magic/images/msy_24.webp) no-repeat;
    background-size:contain;
    width:.6rem;
    height:.28rem;
    position:absolute;
    right:.3rem;
    bottom:-.26rem
}
 .show_products .show_pro_customer_box .swiper-slide .item .top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:.2rem
}
 .show_products .show_pro_customer_box .swiper-slide .item .top .left{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .show_products .show_pro_customer_box .swiper-slide .item .top .left img{
    width:.4rem;
    height:.4rem;
    border-radius:.4rem;
    object-fit:cover;
    margin-right:.15rem
}
 .show_products .show_pro_customer_box .swiper-slide .item .top .left p{
    font-size:.18rem
}
 .show_products .show_pro_customer_box .swiper-slide .item .top .right{
}
 .show_products .show_pro_customer_box .swiper-slide .item .top .right img{
}
 .show_products .show_pro_customer_box .swiper-slide .item .remark{
    font-size:.16rem;
    line-height:.22rem;
    color:#474747
}
 .show_products .show_pro_customer_box .swiper-pagination{
}
 .show_products .show_pro_customer_box .swiper-pagination-bullet{
    width:.14rem;
    height:.14rem;
    background:#c9c9c9;
    border-color:#c9c9c9;
    opacity:1
}
 .show_products .show_pro_customer_box .swiper-pagination-bullet-active{
    background:var(--color);
    border-color:var(--color)
}
 .show_products .show_pro_bottom{
    padding:.8rem 0;
    background:#f5f5f5
}
 .show_products .show_pro_bottom .auto-container{
}
 .show_products .show_pro_bottom .page_content_block{
}
 .show_products .show_pro_bottom .page_content_block p{
}
 .show_products .show_pro_bottom_box{
    display:flex;
    justify-content:space-between
}
 .show_products .show_pro_bottom_box .messagebox{
    background:#ffffff;
    width:55%;
    padding:.4rem
}
 .show_products .show_pro_bottom_box .messagebox h2{
    margin-bottom:.2rem;
    font-size:.18rem;
    font-family:'RobotoBold'
}
 .show_products .show_pro_bottom_box .messagebox p{
}
 .show_products .show_pro_bottom_box .messagebox .frombox{
}
 .show_products .show_pro_bottom_box .messagebox .frombox form{
}
 .show_products .show_pro_bottom_box .messagebox .frombox form .input{
    display:flex;
    gap:.11rem;
    margin-bottom:.11rem
}
 .show_products .show_pro_bottom_box .messagebox .frombox form .input div{
    border:.01rem solid #eeeeee;
    background:#f8f8f8;
    flex:0 0 calc((100% - 2 * .11rem) / 3);
    font-size:.16rem
}
 .show_products .show_pro_bottom_box .messagebox .frombox form .input div input,.show_products .show_pro_bottom_box .messagebox .frombox form textarea{
    width:100%;
    padding:.15rem
}
 .show_products .show_pro_bottom_box .messagebox .frombox form .input div input{
}
 .show_products .show_pro_bottom_box .messagebox .frombox form textarea{
    border:.01rem solid #eeeeee;
    background:#f8f8f8;
    font-size:.16rem;
    height:2rem;
    margin-bottom:.11rem
}
 .show_products .show_pro_bottom_box .messagebox .frombox form .submit{
    width:max-content
}
 .show_products .show_pro_bottom_box .messagebox .frombox form .submit input{
    background:var(--color);
    color:#ffffff;
    text-transform:uppercase;
    font-size:.2rem;
    padding:.07rem .4rem;
    border-radius:100vh;
    border:.01rem solid var(--color);
    transition:all .3s linear
}
 .show_products .show_pro_bottom_box .messagebox .frombox form .submit:hover input{
    color:var(--color);
    background:transparent
}
 .show_products .show_pro_bottom_box .right{
    width:42.5%
}
 .show_products .show_pro_bottom_box .right .swiper-container{
    height:4.8rem
}
 .show_products .show_pro_bottom_box .right .swiper-container .b-item{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    background:#fff;
    padding:.2rem;
    align-items:center
}
 .show_products .show_pro_bottom_box .right .swiper-container .b-item .imgbox{
    width:17%;
    text-align:center
}
 .show_products .show_pro_bottom_box .right .swiper-container .b-item .imgbox img{
    border-radius:50%
}
 .show_products .show_pro_bottom_box .right .swiper-container .b-item .business-info{
    width:50%;
    padding-left:.2rem
}
 .show_products .show_pro_bottom_box .right .swiper-container .b-item .business-info p{
    font-size:.18rem;
    color:#666
}
 .show_products .show_pro_bottom_box .right .swiper-container .b-item .business-info p a{
    color:#666;
    font-size:.16rem
}
 .show_products .show_pro_bottom_box .right .swiper-container .b-item .business-info p b{
    font-size:.18rem;
    color:#333;
    font-family:RobotoBold
}
 .show_products .show_pro_bottom_box .right .swiper-container .b-item .whatsappbox{
    width:30%;
    text-align:center;
    position:unset
}
 .show_products .show_pro_bottom_box .right .swiper-container .b-item .whatsappbox>a{
    color:#666;
    padding:.1rem .2rem;
    border:.01rem solid #ddd;
    border-radius:.3rem
}
 .show_products .show_pro_bottom_box .right .swiper-container .b-item .whatsappbox>a>span>img{
    width:.27rem;
    height:auto
}
 .infobox .leftbox .contactinfo>div div a:hover,.show_products .show_pro_bottom_box .right .swiper-container .b-item .business-info p a:hover{
    color:var(--color)
}
 .show_products .page_recommend_pro{
    padding-top:.6rem;
    padding-bottom:.65rem
}
 .show_products .page_recommend_pro .page_content_block{
}
 .show_products .page_recommend_pro .page_recommend_pro_box{
    position:relative
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next,.show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
    top:unset;
    opacity:1;
    bottom:0
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next:before,.show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev::before{
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next{
    right:45%
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
    left:45%
}
 .show_products .page_recommend_pro .swiper-container{
    padding-bottom:1rem
}
 .show_products .page_recommend_pro .swiper-pagination{
    bottom:0
}
 .show_products .page_recommend_pro .swiper-pagination-bullet{
    width:.06rem;
    height:.06rem;
    transition:all .3s linear;
    border-radius:.06rem
}
 .show_products .page_recommend_pro .swiper-pagination-bullet-active{
    width:.74rem
}
 .show_products .page_recommend_pro_box .swiper-slide .item{
    border-radius:.2rem;
    overflow:hidden;
    border:.01rem solid #bfbfbf;
    background:#ffffff
}
 .show_products .page_recommend_pro_box .swiper-slide .item a{
    display:block
}
 .show_products .page_recommend_pro_box .swiper-slide .item .img_box{
    overflow:hidden
}
 .show_products .page_recommend_pro_box .swiper-slide .item .img_box img{
}
 .show_products .page_recommend_pro_box .swiper-slide .item .text_box{
    padding:.2rem
}
 .show_products .page_recommend_pro_box .swiper-slide .item .text_box h4{
    font-size:.2rem;
    line-height:.24rem;
    font-family:'RobotoMedium';
    min-height:.48rem;
    margin-bottom:.2rem
}
 .show_products .page_recommend_pro_box .swiper-slide .item .text_box .other{
    display:flex;
    justify-content:space-between
}
 .show_products .page_recommend_pro_box .swiper-slide .item .text_box .other div{
}
 .show_products .page_recommend_pro_box .swiper-slide .item .text_box .other div span{
    font-size:.16rem;
    color:var(--color)
}
 .show_products .page_recommend_pro_box .swiper-slide .item .text_box .other div span img{
    max-width:.19rem;
    margin-right:.05rem;
    margin-top:-.03rem;
    display:inline-block
}
 .show_products .page_recommend_pro_box .swiper-slide .item .quote-button{
    margin:.35rem auto;
    border-radius:.1rem;
    border:.01rem solid var(--color);
    width:90%;
    height:.5rem;
    text-align:center;
    line-height:.5rem;
    font-size:.16rem;
    color:var(--color);
    text-transform:uppercase;
    font-family:'RobotoMedium';
    cursor:pointer;
    transition:all .3s linear
}
 .show_products .page_recommend_pro_box .swiper-slide .item .quote-button:hover{
    background:var(--color);
    color:#ffffff
}
 .show_products .show_products_box{
}
 .show_products .show_products_box ol li,.show_news .post-info .content ol li{
    list-style-type:decimal;
    margin-left:.2rem
}
 .show_products .show_products_box ul li,.show_news .post-info .content ul li{
    list-style:inside
}
 .show_products .show_products_box .show_pro_head{
    margin-bottom:.3rem
}
 .show_products .show_products_box .show_pro_head h2{
    font-size:.36rem;
    margin-bottom:.45rem;
    text-align:center
}
 .show_products .page_about_video_box{
    position:relative;
    border-radius:.1rem;
    border:.01rem solid rgb(255 255 255 / 30%);
    overflow:hidden
}
 .show_products .page_about_video_box .img_box{
    overflow:hidden;
    position:relative;
    z-index:1;
    height:5.28rem
}
 .show_products .page_about_video_box .img_box img:first-child{
    height:100%;
    object-fit:cover;
    width:100%
}
 .show_products .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
}
 .show_products .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_download{
    padding-top:.6rem
}
 .page_download .page_download_head{
    font-size:.30rem;
    font-family:RobotoBold;
    margin-bottom:.4rem
}
 .page_download{
}
 .page_download .page_download_box{
    margin-top:.4rem
}
 .page_download .page_download_box .item_box{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:.4rem
}
 .page_download .page_download_box .item{
    width:100%;
    display:flex;
    justify-content:space-between;
    background:#f5f5f5;
    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:hover .left a{
    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;
    background:#ffffff
}
 .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_video{
    padding:.5rem 0
}
 .page_video .item_box{
    display:flex;
    flex-wrap:wrap;
    gap:.8rem .25rem;
    margin-bottom:.3rem;
    margin-top:.5rem
}
 .page_video .item_box .item{
    flex:0 0 calc((100% - 2 * .25rem) / 3)
}
 .page_video .item_box .item .img_box{
    position:relative;
    border-radius:.03rem;
    overflow:hidden
}
 .page_video .item_box .item .img_box::after{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,.1);
    transition:all .4s;
    -webkit-transition:all .4s
}
 .page_video .item_box .item .img_box .video_play{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
    z-index:4;
    width:.42rem;
    height:auto;
    cursor:pointer
}
 .page_video .item_box .item .img_box:hover .video_play,.page_video .item_box .item .img_box:hover::after{
}
 .page_video .item_box .item .text_box{
    font-size:.16rem;
    color:#999
}
 .page_video .item_box .item .text_box h4{
    font-size:.18rem;
    color:#222;
    margin:.2rem auto;
    margin-bottom:.4rem;
    font-family:'RobotoBold';
    line-height:.24rem
}
 .page_video .item_box .item:hover .text_box h4{
    color:var(--color)
}
 .page_video .item_box .item .text_box .other{
    display:flex;
    padding:0 .1rem
}
 .page_video .item_box .item .text_box .other .article:first-child{
    margin-right:.3rem
}
 .page_video .item_box .item .text_box .other img{
    margin-right:.05rem
}
 .page_faq{
    padding-top:.5rem;
    color:#333
}
 .page_faq .faq_box{
    margin:.5rem auto
}
 .page_faq .faq_box .item{
    background:#f5f5f5;
    margin-bottom:.15rem;
    font-size:.20rem;
    color:#333;
    padding:0
}
 .page_faq .faq_box .item .wen{
    display:flex;
    cursor:pointer;
    border:.01rem solid #eee
}
 .page_faq .faq_box .item .wen div{
    padding:.15rem 0
}
 .page_faq .faq_box .item .wen .icon{
    width:5%;
    text-align:center;
    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:var(--color)
}
 .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_content.page_quotation{
    margin:1rem 0
}
 .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:45%;
    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;
    font-weight:unset
}
 .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:55%;
    padding-left:5%
}
 .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{
    border-color:var(--color);
    background:var(--color);
    color:#ffffff
}
 .page_quotation .page_quotation_box .right .from .submit button .btn_small_list.hover{
    background:#ffffff;
    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_contact{
    padding-top:.8rem
}
 .page_contact .content-box{
    display:flex;
    flex-direction:row-reverse
}
 .page_contact .page_contact{
    width:58.8571%
}
 .page_contact .contact_form .contact_box{
}
 .page_contact .contact_form{
}
 .page_contact .contact_form .from_head{
    margin-bottom:.5rem;
    padding-bottom:.35rem;
    border-bottom:.01rem solid #dddddd
}
 .page_contact .contact_form .from_head h2{
    font-size:.3rem;
    font-family:'RobotoBold';
    color:#333333;
    line-height:.36rem;
    margin-bottom:.2rem
}
 .page_contact .contact_form .from_head p{
    font-size:.18rem;
    line-height:.24rem;
    color:#666666;
    margin-bottom:.1rem;
    white-space:pre-line
}
 .page_contact .contact_form .from_head span{
    font-size:.18rem;
    line-height:.24rem;
    color:var(--color1)
}
 .page_contact .contact_form .from_box{
}
 .page_contact .contact_form .from_box .input_box{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 .page_contact .contact_form .from_box .input_box .item{
    width:49%
}
 .page_contact .contact_form .from_box .item{
    margin-bottom:.2rem
}
 .page_contact .contact_form .from_box .item p{
    font-size:.16rem;
    font-family:'RobotoBold';
    line-height:.24rem;
    margin-bottom:.1rem
}
 .page_contact .contact_form .from_box .item p i{
    font-style:normal;
    color:red;
    margin-left:.05rem
}
 .page_contact .contact_form .from_box .item input,.page_contact .contact_form .from_box .item textarea{
    border:.01rem solid #dddddd;
    width:100%;
    border-radius:.05rem;
    box-sizing:border-box;
    padding-left:.15rem
}
 .page_contact .contact_form .from_box .item input{
    line-height:.58rem
}
 .page_contact .contact_form .from_box .item textarea{
    height:1.85rem;
    padding:.15rem
}
 .page_contact .contact_form .from_box .item .upload-box{
    padding:.14rem .2rem;
    background:#f5f5f5;
    border:.01rem dashed var(--color);
    border-radius:.05rem;
    margin-top:.1rem;
    margin-bottom:.1rem
}
 .page_contact .contact_form .from_box .item .upload-box #fileName{
    width:100% !important;
    margin-top:.1rem
}
 .page_contact .contact_form .from_box .item .upload-box .upload-wrap{
    display:flex;
    align-items:center
}
 .page_contact .contact_form .from_box .item .upload-box #fileName{
    color:#1e4593;
    font-size:.16rem;
    overflow:hidden
}
 .page_contact .contact_form .from_box .item .upload-box .upload-wrap{
    position:relative;
    overflow:hidden;
    color:#fff;
    background:#f3f3f3;
    height:.4rem
}
 .page_contact .contact_form .from_box .item .upload-box .upload-wrap .file-ele{
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    height:100%;
    width:100%;
    cursor:pointer
}
 .page_contact .contact_form .from_box .item .upload-box .upload-wrap .file-open{
    height:100%;
    width:1.5rem;
    line-height:.36rem;
    border:.01rem solid #222222;
    padding:0 .1rem;
    border-radius:.05rem
}
 .page_contact .contact_form .from_box .item .upload-box .upload-wrap p{
    font-size:.16rem;
    color:#999999;
    display:inline-block;
    margin-left:.3rem;
    line-height:.22rem;
    margin-bottom:0;
    font-family:'RobotoRegular'
}
 .page_contact .contact_form .from_box .item .upload-box .upload-wrap .file-open img{
    vertical-align:middle;
    margin-right:.2rem
}
 .page_contact .contact_form .from_box .checkbox{
    font-size:.16rem;
    margin-bottom:.3rem
}
 .page_contact .contact_form .from_box .checkbox .box{
    position:absolute;
    top:.01rem;
    left:0;
    height:.22rem;
    width:.22rem;
    border:.02rem solid #ddd;
    border-radius:.05rem;
    transition:all .3s linear
}
 .page_contact .contact_form .from_box #agree:checked + .box{
    border-color:#222222
}
 #agree:checked + .box::before{
    content:'✔';
    position:absolute;
    left:.03rem;
    top:-.02rem;
    width:.18rem;
    height:.18rem
}
 .page_contact .contact_form .from_box .checkbox input{
    margin-left:0;
    display:none
}
 .page_contact .contact_form .from_box .checkbox label{
    padding-left:.3rem
}
 .page_contact .contact_form .from_box .checkbox label a{
    color:var(--color1)
}
 .page_contact .contact_form .from_box .submit{
    border-radius:.05rem;
    background-color:var(--color1);
    box-shadow:0px 0px .2rem 0px rgba(12,162,255,0.64);
    text-align:center;
    height:.6rem;
    line-height:.6rem
}
 .page_contact .contact_form .from_box .submit button{
    font-size:.2rem;
    font-family:'RobotoBold';
    text-transform:uppercase;
    color:#ffffff;
    width:100%;
    line-height:normal;
    height:.6rem
}
 .page_contact .contact_form .from_box .submit button{
}
 .page_contact .content-box .sidebar{
    margin-right:4.5714%;
    width:35.5714%
}
 .page_contact .contact_form .from_box .submit button:hover .effect_label>span:nth-child(2){
    color:#ffffff
}
 .page_contact .sidebar .company_box{
}
 .page_contact .sidebar .company_box .img_box{
    border-top-left-radius:.05rem;
    border-top-right-radius:.05rem;
    overflow:hidden
}
 .page_contact .sidebar .company_box .img_box img{
}
 .page_contact .sidebar .company_box .text_box{
    background:var(--color1);
    padding:.4rem .25rem;
    border-bottom-left-radius:.05rem;
    border-bottom-right-radius:.05rem;
    color:#ffffff
}
 .page_contact .sidebar .company_box .text_box h1{
    font-size:.24rem;
    line-height:.36rem;
    font-family:'RobotoBlack';
    padding-bottom:.2rem;
    margin-bottom:.3rem;
    border-bottom:.01rem solid #ffffff4d
}
 .page_contact .sidebar .company_box .text_box .item_box{
}
 .page_contact .sidebar .company_box .text_box .item_box a,.page_contact .sidebar .company_box .text_box .item_box p{
    font-size:.16rem;
    line-height:.3rem;
    margin-bottom:.2rem;
    padding-left:.4rem
}
 .page_contact .sidebar .company_box .text_box .item_box a img,.page_contact .sidebar .company_box .text_box .item_box p img{
    margin-right:.1rem;
    vertical-align:middle;
    margin-top:-.03rem;
    margin-left:-.4rem;
    max-width:.28rem
}
 .page_contact .sidebar .company_box .text_box .item_box a{
    display:block;
    color:#ffffff
}
 .page_contact .sidebar .company_box .text_box .item_box p{
    font-size:.16rem;
    line-height:.24rem;
    margin-bottom:0;
    margin-bottom:.2rem
}
 .page_contact .contact_map{
    position:relative;
    margin-top:.8rem
}
 .page_contact .contact_map .map_box{
}
 .page_contact .contact_map .map_box p{
}
 .page_contact .contact_map .map_box iframe{
    height:7.5rem !important
}
 .page_contact .contact_map .salesman{
    position:absolute;
    right:2.6rem;
    top:.5rem;
    background:rgb(255 255 255 / 70%);
    border-radius:.05rem;
    backdrop-filter:blur(.1rem);
    padding:.35rem .3rem;
    max-width:4rem
}
 .page_contact .contact_map .salesman .salesman_head{
    font-size:.24rem;
    line-height:1.3;
    margin-bottom:.15rem;
    font-family:'RobotoRegular'
}
 .page_contact .contact_map .salesman .salesman_box{
    padding-bottom:20px
}
 .page_contact .contact_map .salesman .salesman_box .swiper-container{
    height:4.5rem
}
 .page_contact .contact_map .salesman .salesman_box .swiper-wrapper{
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide{
    background:#ffffff;
    border-radius:.1rem
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide .item{
    padding:.2rem .1rem;
    display:flex;
    align-items:center
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .img_box{
    width:.8rem;
    height:.8rem;
    border-radius:.8rem;
    margin-right:.25rem
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .img_box img{
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box{
    line-height:.24rem
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box p{
    margin-bottom:.05rem;
    font-family:'RobotoBold';
    font-size:.16rem
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box a{
    display:block;
    font-size:.16rem;
    line-height:.24rem
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box .email{
    color:#666666;
    margin-bottom:.05rem
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box .email:hover{
    color:var(--color1)
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box .whatsapp{
    background:#dadff6;
    border-radius:.05rem;
    width:1.15rem;
    height:.3rem;
    line-height:.3rem;
    text-align:center
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box .whatsapp:hover{
    color:#ffffff;
    background:var(--color1)
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box .whatsapp:hover img{
    filter:brightness(0) invert(1)
}
 .page_contact .contact_map .salesman .salesman_box .swiper-slide .item .text_box a img{
    vertical-align:middle;
    margin-top:-.03rem;
    margin-right:.05rem;
    transition:all .3s linear;
    max-width:.17rem
}
 .page_contact .contact_map .salesman .salesman_box .swiper-pagination{
    top:unset;
    bottom:.2rem;
    margin:auto;
    text-align:center;
    left:0;
    z-index:2;
    width:100%
}
 .page_contact .contact_map .salesman .salesman_box .swiper-pagination .swiper-pagination-bullet{
    display:inline-block;
    width:.12rem;
    height:.12rem;
    border-radius:.12rem;
    background:#ffffff;
    margin-bottom:0 !important;
    border:.01rem solid var(--color);
    opacity:1
}
 .page_contact .contact_map .salesman .salesman_box .swiper-pagination .swiper-pagination-bullet-active{
    background:var(--color)
}
 .common_from{
    display:flex;
    border-radius:.1rem;
    margin:auto;
    margin-bottom:.9rem;
    margin-top:.45rem;
    background:#f8feff;
    align-items:center;
    overflow:hidden;
    max-width:70%!important
}
 .common_from .img_box{
    width:42.5%;
    overflow:hidden
}
 .common_from form{
    width:57.5%;
    padding-left:5%
}
 .common_from form .input div input::placeholder,.common_from form .textarea_box textarea::placeholder{
    color:#333
}
 .common_from form .input{
    display:flex;
    justify-content:space-between;
    margin-bottom:.2rem
}
 .common_from form .input div{
    width:31.5%;
    border-bottom:.01rem solid rgb(232 232 232 / 65%);
    color:#333
}
 .common_from form .input div input{
    padding-bottom:.1rem;
    font-size:.16rem;
    width:100%;
    color:#333
}
 .common_from form .upload-box{
    border-bottom:.01rem solid rgb(232 232 232 / 65%)
}
 .common_from form .upload-box{
    margin-bottom:.15rem
}
 .common_from form .upload-box #fileName{
    width:100%!important;
    margin-top:.1rem;
    color:#333;
    font-size:.16rem;
    overflow:hidden;
    margin-bottom:.1rem
}
 .common_from form .upload-box .upload-wrap{
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    height:.4rem;
    width:100%
}
 .common_from form .upload-box .upload-wrap .file-open{
    height:100%;
    width:1.5rem;
    line-height:.36rem;
    padding:0 .1rem;
    border-radius:.05rem;
    background:rgb(255 255 255 / 30%);
    border:.01rem solid #ddd
}
 .common_from form .upload-box .upload-wrap p{
    font-size:.16rem;
    display:inline-block;
    margin-left:.15rem;
    color:silver
}
 .common_from form .upload-box .upload-wrap .file-open img{
    vertical-align:middle;
    margin-right:.2rem;
    filter:brightness(.5)
}
 .common_from form .upload-box .upload-wrap .file-ele{
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    height:100%;
    width:100%;
    cursor:pointer
}
 input[type=file]::-webkit-file-upload-button{
    cursor:pointer
}
 .common_from form .textarea_box{
    margin-bottom:.2rem;
    border-bottom:.01rem solid rgb(232 232 232 / 65%)
}
 .common_from form .textarea_box textarea.content{
    width:100%;
    height:.5rem;
    font-size:.16rem;
    color:#333
}
 .common_from form .submit .btn_effect4{
    font-size:.18rem;
    font-family:RobotoRegular
}
 .common_from form .submit button .btn_small_wrap .btn_small_list{
    padding:.11rem .3rem;
    border-radius:.04rem;
    color:#fff;
    background:var(--color);
    text-transform:capitalize
}
 .common_from form .submit button .btn_small_wrap .btn_small_list.hover{
    background:#fff;
    color:var(--color)
}
#LoginModal{}
#LoginModal .messagebox{}
#LoginModal .messagebox .frombox{}
#LoginModal .messagebox .frombox{}
#LoginModal .messagebox .frombox .input{
    display: flex;
    flex-wrap: wrap;
    gap: .15rem;
    margin-bottom: .15rem;
}
#LoginModal .messagebox .frombox .input div{
    width: 100%;
    display: flex;
    align-items: center;
}
#LoginModal .messagebox .frombox .input div label{
    font-weight: unset;
    margin-bottom: 0;
    width: 13%;
}
#LoginModal .messagebox .frombox .input div input{
    width: 87%;
    border: .01rem solid #dddddd;
    padding: 8px 10px;
}
#LoginModal .messagebox .frombox .submit{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .15rem;
}
#LoginModal .messagebox .frombox .submit div{
    display: flex;
    align-items: center;
    width: 100%;
}
#LoginModal .messagebox .frombox .submit div input{
 margin-top: 0;
 margin-right: .15rem;
}
#LoginModal .messagebox .frombox .submit input:last-child{
    width: max-content;
    background: var(--color);
    border-color: var(--color);
    padding: .08rem .2rem;
    box-shadow: unset;
    font-size: .16rem;
    border-radius: .05rem;
    outline: none;
    transition: all .3s linear;
}
#LoginModal .messagebox .frombox .submit input:last-child:hover{
 background: #ffffff;
 color: var(--color);
}
#LoginModal .modal-footer{}
#LoginModal .modal-footer button{
    outline: none;
    box-shadow: unset;
    border: .01rem solid var(--color);
    color: var(--color);
    transition: all .3s linear;
}
#LoginModal .modal-footer button:last-child{}
#LoginModal .modal-footer button:first-child{
 
}
#LoginModal .modal-footer button:hover{
    color: #ffffff;
    background: var(--color);
}

#AlertModal{}

#AlertModal .messagebox .frombox .input{
    display: flex;
    flex-wrap: wrap;
    gap: .15rem;
    margin-bottom: .15rem;
}
#AlertModal .messagebox .frombox .input div{
    width: 100%;
    /* display: flex; */
    /* align-items: center; */
}
#AlertModal .messagebox .frombox .input div label{
    font-weight: unset;
    margin-bottom: 0;
    width: 13%;
}
#AlertModal .messagebox .frombox .input div input,#AlertModal .messagebox .frombox textarea{
    width: 100%;
    border: .01rem solid #dddddd;
    padding: 8px 10px;
}
#AlertModal .messagebox .frombox textarea{
 height:1rem
}
#AlertModal .messagebox .frombox .submit{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .15rem;
}
#AlertModal .messagebox .frombox .submit div{
    display: flex;
    align-items: center;
    width: 100%;
}
#AlertModal .messagebox .frombox .submit div input{
 margin-top: 0;
 margin-right: .15rem;
}
#AlertModal .messagebox .frombox .submit input:last-child{
    width: max-content;
    background: var(--color);
    border-color: var(--color);
    padding: .08rem .2rem;
    box-shadow: unset;
    font-size: .16rem;
    border-radius: .05rem;
    outline: none;
    transition: all .3s linear;
    color: #ffffff;
}