.index_banner{
    width:100%;
    overflow:hidden;
    aspect-ratio:32 / 13.35
}
 .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
    width:2rem;
    height:100%;
    top:0;
    background:0 0;
    margin:auto;
    border:0
}
 .index_banner .swiper-button-next:before,.index_banner .swiper-button-prev:before{
    display:none
}
 .index_banner .swiper-button-prev{
    left:0
}
 .index_banner .swiper-button-next{
    right:0
}
 .index_banner .swiper-button-next span,.index_banner .swiper-button-prev span{
    display:inline-block;
    width:.6rem;
    height:.6rem;
    position:absolute;
    top:46.6%;
    border-radius:100%;
    opacity:.5;
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease
}
 .index_banner .swiper-button-prev span{
    left:1.2rem
}
 .index_banner .swiper-button-next span{
    left:unset;
    right:.2rem
}
 .index_banner .swiper-button-next span:before,.index_banner .swiper-button-prev span:before{
    content:'';
    display:block;
    border-right:.03rem solid #fff;
    border-bottom:.03rem solid #fff;
    transform:rotate(-45deg);
    background:0 0;
    width:.25rem;
    height:.25rem;
    position:absolute;
    top:30%;
    left:20%;
    margin:auto;
    transition:all .3s linear
}
 .index_banner .swiper-button-next:hover span,.index_banner .swiper-button-prev:hover span{
    opacity:1
}
 .index_banner .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0;
    margin-right:.3rem
}
 .head_block{
    margin-bottom:.6rem
}
 .head_block .title{
    font-size:.3rem;
    text-transform:uppercase;
    line-height:1.3;
    font-family:'RobotoBold';
    position:relative;
    padding-left:.45rem;
    padding-bottom:.2rem;
    border-bottom:.01rem solid rgb(93 183 95 / 50%);
    margin-bottom:.2rem
}
 .head_block .title:before{
    content:'';
    display:block;
    width:.25rem;
    height:.02rem;
    background:var(--color);
    position:absolute;
    left:0;
    top:31%
}
 .head_block .remark{
    font-size:.18rem;
    line-height:1.2
}
 section{
}
 .index_section1{
    margin-top:.8rem;
    padding-bottom:.8rem
}
 .index_section1_box{
    display:flex;
    gap:2vw 1vw;
    flex-wrap:wrap
}
 .index_section1_box .item{
    flex: 0 0 calc((100% - 2 * 1vw) / 3);
}
 .index_section1_box .item a{
}
 .index_section1_box .item .img_box{
    overflow:hidden;
    transition: all .3s linear;
    box-shadow: 0px 0px .1rem .05rem rgb(0 0 0 / 7%);
}
 .index_section1_box .item .img_box img{
}
 .index_section1_box .item .txt_box{
    font-size:.24rem;
    padding-top:.2rem;
    text-align:center;
    transition:all .3s linear
}

 .index_section1_box .item:hover .txt_box{
    color:var(--color);
    
}
 .index_section2{
    padding-bottom:2.5rem
}
 .index_section2 .section2_swiper_box{
    background-color:#F5F5F5;
    padding:.55rem;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:2.5vw;
    position:relative
}
 .index_section2 .section2_swiper_box:before{
    content:'';
    display:block;
    width:4.64rem;
    height:6.16rem;
    background:url(/uploadfile/2025/06/27/20250627093914vYROx5.webp) no-repeat center;
    position:absolute;
    bottom:-26%;
    left:27%;
    background-size:contain
}
 .index_section2 .section2_swiper_box .item{
    width:35%;
    display:flex
}
 .index_section2 .section2_swiper_box .item .img_box{
    width:.6rem;
    height:.6rem
}
 .index_section2 .section2_swiper_box .item .img_box img{
    max-width:.6rem
}
 .index_section2 .section2_swiper_box .item .txt{
    max-width:87%;
    padding-left:.15rem
}
 .index_section2 .section2_swiper_box .item .txt h3{
    font-size:.24rem;
    padding-bottom:.1rem;
    margin-bottom:.1rem;
    border-bottom:.01rem solid #dbdbdb
}
 .index_section2 .section2_swiper_box .item .txt .remark{
    font-size:.18rem;
    line-height:1.2
}
 .index_section3{
    padding:.8rem 0
}
 .index_section3 .head_block{
    color:#ffffff
}
 .index_section3 .index_section3_box{
    position:relative
}
 .index_section3 .index_section3_box .swiper-container{
    padding:0 2rem
}
 .index_section3 .index_section3_box .swiper-wrapper{
}
 .index_section3 .index_section3_box .swiper-slide{
}
 .index_section3 .index_section3_box .swiper-slide .img_box{position: relative;overflow: hidden;border-radius: .05rem;}
 .index_section3 .index_section3_box .swiper-slide .img_box img.scale{
}
 .index_section3 .index_section3_box .swiper-slide .img_box img:last-child{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    max-width: .6rem;
}
 .index_section3 .index_section3_box .swiper-pagination{
}
 .index_section3 .index_section3_box .swiper-pagination-bullet{
}
 .index_section3 .index_section3_box .swiper-pagination-bullet-active{
}
 .index_section3 .index_section3_box .swiper-button-next{
    right:1.1rem
}
 .index_section3 .index_section3_box .swiper-button-prev{
    left:1.1rem
}
 .index_section3 .index_section3_box .swiper-button-next::before,.index_section3 .index_section3_box .swiper-button-prev::before{
}
 .index_section4{
    background:#f5f5f5;
    padding:.8rem 0
}
 .index_section4 .index_section4_box{
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
 .index_section4 .index_section4_box .item{
    width:33.333%;
    min-height:4.3rem;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    align-content:center;
    padding:.45rem
}
 .index_section4 .index_section4_box .item .img_box{
    margin-bottom:.1rem;
    transition: all .5s linear;
}
 .index_section4 .index_section4_box .item .img_box img{
    max-width:.9rem
}
 .index_section4 .index_section4_box .item .img_box{
    
}
 .index_section4 .index_section4_box .item:hover .img_box{
  transform: rotate(360deg);
 }

 .index_section4 .index_section4_box .item .txt{
}
 .index_section4 .index_section4_box .item .txt h3{
    font-size:.24rem;
    margin-bottom:.1rem
}
 .index_section4 .index_section4_box .item .txt .remark{
    font-size:.18rem;
    line-height:1.3
}
 .index_section4 .index_section4_box .item:nth-child(1){
    background:#4B525C
}
 .index_section4 .index_section4_box .item:nth-child(2){
    background:#ffffff
}
 .index_section4 .index_section4_box .item:nth-child(2) .img_box img{
    filter:brightness(0)
}
 .index_section4 .index_section4_box .item:nth-child(3){
    background:var(--color)
}
 .index_section4 .index_section4_box .item:nth-child(1) .txt,.index_section4 .index_section4_box .item:nth-child(3) .txt{
    color:#ffffff
}
 .index_section5{
    padding:.8rem 0
}
 .index_section5_box{
    position:relative
}
 .index_section5_box .swiper-container{
    padding:0 2.3rem
}
 .index_section5_box .swiper-wrapper{
}
 .index_section5_box .swiper-slide{
}
 .index_section5_box .swiper-slide .item{
    position:relative
}
 .index_section5_box .swiper-slide .item a{
}
 .index_section5_box .swiper-slide .item .img_box{
    overflow:hidden
}
 .index_section5_box .swiper-slide .item .img_box img{
    width:100%;
    object-fit:cover
}
 .index_section5_box .swiper-slide .item .txt{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    top:0;
    width:max-content;
    height:max-content;
    color:#ffffff;
    max-width:55%;
    text-align:center;
    font-family:'RobotoBold'
}
 .index_section5_box .swiper-slide .item .txt h3{
    font-size:.36rem;
    margin-bottom:.2rem
}
 .index_section5_box .swiper-slide .item .txt .remark{
    font-size:.24rem;
    line-height:1.2
}
 .index_section5_box .swiper-slide .item .txt span{
    font-size:.2rem;
    background:var(--color);
    padding:.08rem .25rem;
    margin-top:.45rem;
    display:inline-block;
    transition:all .3s linear
}
 .index_section5_box .swiper-slide .item:hover .txt span{
    background:#ffffff;
    color:var(--color)
}
 .index_section5_box .swiper-button-next{
    right:1.4rem
}
 .index_section5_box .swiper-button-prev{
    left:1.4rem
}
 .index_section6{
    padding-bottom:.8rem
}
 .index_section6 .index_section6_box{
    position:relative;
    padding-bottom:.45rem
}
 .index_section6 .index_section6_box .swiper-container{
    margin-bottom:.45rem
}
 .index_section6 .index_section6_box .swiper-wrapper{
}
 .index_section6 .index_section6_box .swiper-slide{
}
 .index_section6 .index_section6_box .swiper-slide .item{
}
 .index_section6 .index_section6_box .swiper-slide .item a{
}
 .index_section6 .index_section6_box .swiper-slide .item .img_box{
    overflow:hidden;
    margin-bottom:.2rem
}
 .index_section6 .index_section6_box .swiper-slide .item .img_box img{
}
 .index_section6 .index_section6_box .swiper-slide .item .txt{
    position:relative
}
 .index_section6 .index_section6_box .swiper-slide .item .txt:before{
    content:'';
    display:block;
    width:.5rem;
    height:.02rem;
    background:#666666;
    position:absolute;
    top:16%;
    transition:all .3s linear
}
 .index_section6 .index_section6_box .swiper-slide .item .txt h3{
    font-size:.24rem;
    margin-bottom:.2rem;
    transition:all .3s linear
}
 .index_section6 .index_section6_box .swiper-slide .item:hover .txt:before{
    background:var(--color)
}
 .index_section6 .index_section6_box .swiper-slide .item:hover .txt h3{
    color:var(--color)
}
 .index_section6 .index_section6_box .swiper-slide .item .txt .remark{
    font-size:.18rem;
    color:#666666;
    line-height:1.2;
    -webkit-line-clamp:4;
    height:1.06rem
}
 .index_section6 .index_section6_box .swiper-slide .item .txt span{
    display:inline-block;
    font-size:.18rem;
    background:var(--color);
    color:#ffffff;
    margin-top:.3rem;
    padding:.07rem .3rem;
    position:relative;
    padding-left:.2rem;
    padding-right:.35rem
}
 .index_section6 .index_section6_box .swiper-slide .item .txt span:before,.index_section6 .index_section6_box .swiper-slide .item .txt span:after{
    content:'';
    display:block;
    position:absolute;
    top:.02rem;
    bottom:0;
    right:.2rem;
    margin:auto;
    width:.1rem;
    height:.1rem;
    border-right:.02rem solid #fff;
    border-bottom:.02rem solid #fff;
    transform:rotate(-45deg);
    transition:all .3s linear;
    border-radius:.02rem
}
 .index_section6 .index_section6_box .swiper-button-next,.index_section6 .index_section6_box .swiper-button-prev{
    left:unset;
    right:0;
    bottom:0;
    border-color:#acacac;
    top:unset;
    width:.5rem;
    height:.5rem;
    border-width:.01rem
}
 .index_section6 .index_section6_box .swiper-button-next:before,.index_section6 .index_section6_box .swiper-button-prev:before{
    border-color:#acacac
}
 .index_section6 .index_section6_box .swiper-button-next{
}
 .index_section6 .index_section6_box .swiper-button-prev{
    right:.7rem
}
 .index_section6 .index_section6_box .swiper-button-next:hover,.index_section6 .index_section6_box .swiper-button-prev:hover{
    background: var(--color);
    border-color:var(--color)
}
 .index_section6 .index_section6_box .swiper-button-next:hover:before,.index_section6 .index_section6_box .swiper-button-prev:hover:before{
    border-color: #ffffff;
}
 .index_section7{
    padding-bottom:.8rem
}
 .index_section7 .index_section7_box{
    position:relative
}
 .index_section7 .index_section7_box .swiper-container{
    max-width:80%
}
 .index_section7 .index_section7_box .swiper-wrapper{
}
 .index_section7 .index_section7_box .swiper-slide{
}
 .index_section7 .index_section7_box .swiper-slide .item{
    display:flex;
    align-items:center;
    cursor:grab
}
 .index_section7 .index_section7_box .swiper-slide .item .img_box{
    text-align:center;
    width:13%
}
 .index_section7 .index_section7_box .swiper-slide .item .img_box img{
    height:.8rem;
    width:.8rem;
    border-radius:100vh
}
 .index_section7 .index_section7_box .swiper-slide .item .img_box h3{
    font-size:.2rem;
    margin-top:.1rem
}
 .index_section7 .index_section7_box .swiper-slide .item .txt{
    width:87%;
    padding-left:5%;
    position:relative;
    font-size:.2rem;
    color:#666666;
    line-height:1.2;
    padding-top:.55rem;
    min-height:1.27rem
}
 .index_section7 .index_section7_box .swiper-slide .item .txt:before{
    content:'';
    display:block;
    width:0.4rem;
    height:0.33rem;
    background:url(/res/magic/images/grt_190.webp) no-repeat center;
    position:absolute;
    top:0;
    left:0;
    background-size:contain
}
 .index_section7 .index_section7_box .swiper-button-next,.index_section7 .index_section7_box .swiper-button-prev{
    border:0;
    border-radius:0
}
 .index_section7 .index_section7_box .swiper-button-next:before,.index_section7 .index_section7_box .swiper-button-prev:before{
    width:.25rem;
    height:.25rem;
    top:30%;
    left:20%;
    border-color:#333333;
    border-radius:.02rem
}
 .index_section7 .index_section7_box .swiper-button-next{
    right:0
}
 .index_section7 .index_section7_box .swiper-button-prev{
    left:0
}
 .index_section7 .index_section7_box .swiper-button-next:hover,.index_section7 .index_section7_box .swiper-button-prev:hover{
    background:0
}
 .index_section7 .index_section7_box .swiper-button-next:hover:before,.index_section7 .index_section7_box .swiper-button-prev:hover:before{
    border-color:var(--color)
}
 .index_section8{
    margin-bottom:.8rem
}
 .index_section8 .index_section8_box{
    display:flex;
    gap:.2rem;
    flex-wrap:wrap;
    justify-content:space-between
}
 .index_section8 .index_section8_box .left{
    width:25%;
    background-size:cover !important;
    height:5.65rem
}
 .index_section8 .index_section8_box .index_section8_swiper_box .swiper-wrapper .swiper-slide a,.index_section8 .index_section8_box .left a{
    width:100%;
    height:100%;
    align-content:flex-end;
    padding:.4rem;
    color:#ffffff;
    display:flex;
    align-items:flex-end;
    flex-wrap:wrap
}
 .index_section8 .index_section8_box .left a{
    background:linear-gradient(180deg,rgba(0,0,0,0) 49.92%,#151515 100%)
}

 .index_section8 .index_section8_box .index_section8_swiper_box .swiper-wrapper .swiper-slide p:before,.index_section8 .index_section8_box .left p:before{
    content:'';
    display:block;
    width:.5rem;
    height:.02rem;
    background:#ffffff;
    position:absolute;
    left:0;
    bottom:0
}
 .index_section8 .index_section8_box .index_section8_swiper_box .swiper-wrapper .swiper-slide p,.index_section8 .index_section8_box .left p{
    font-size:.24rem;
    position:relative;
    margin-bottom:.15rem;
    padding-bottom:.1rem;
    width: 100%;
}
 .index_section8 .index_section8_box .index_section8_swiper_box .swiper-wrapper .swiper-slide h3,.index_section8 .index_section8_box .left h3{
    font-size:.18rem;
    line-height:1.2;
    width: 100%;
}
 .index_section8 .index_section8_box .index_section8_swiper_box .swiper-wrapper .swiper-slide span,.index_section8 .index_section8_box .left span{
    font-size:.15rem;
    display:block;
    margin-top:.15rem
}
 .index_section8 .index_section8_swiper_box{
    width:40%;
    height:5.65rem;
    display:flex
}
 .index_section8 .index_section8_swiper_box .swiper-container{
    background:linear-gradient(180deg,rgba(0,0,0,0) 49.92%,#151515 100%)
}
 .index_section8 .index_section8_swiper_box .swiper-wrapper{
}
 .index_section8 .index_section8_swiper_box .swiper-slide{
}
 .index_section8 .index_section8_swiper_box .swiper-pagination{
    bottom:.2rem;
    text-align:right;
    padding-right:.2rem
}
 .index_section8 .index_section8_swiper_box .swiper-pagination-bullet{
    width:.35rem;
    height:.04rem;
    border-radius:0;
    background:#ffffff;
    opacity:1;
    transition:all .3s linear
}
 .index_section8 .index_section8_swiper_box .swiper-pagination-bullet-active{
    background:var(--color)
}

 .index_section8 .index_section8_box .right{
    width:32%;
    background:#F3F4F3;
    padding:.3rem;
    height:5.65rem;
    display:flex;
    flex-wrap:wrap
}
.index_section8 .index_section8_box .right .swiper-container{height:5.05rem;}
.index_section8 .index_section8_box .right .swiper-wrapper{}
.index_section8 .index_section8_box .right .swiper-slide{}
 .index_section8 .index_section8_box .right a{
    padding-bottom:.4rem;
    margin-bottom:.4rem;
    display:block;
    border-bottom:.01rem solid #dddddd
}
 .index_section8 .index_section8_box .right .swiper-slide:last-child a{
    margin-bottom:0;
    border-bottom:0;
    padding-bottom:0
}
 .index_section8 .index_section8_box .right p{
    font-size:.16rem;
    line-height:1.2;
    color:#666666
}
 .index_section8 .index_section8_box .right h3{
    font-size:.18rem;
    margin:.15rem 0;
    transition:all .3s linear
}
 .index_section8 .index_section8_box .right i{
    color:var(--color);
    font-style:unset
}
 .index_section8 .index_section8_box .right a:hover h3{
    color:var(--color)
}
 .page_banner{
}
 .page_banner .img{
}
 .page_inside{
    padding:.15rem 0;
    background:#f4f4f4
}
 .page_inside .auto-container{
    font-size:.18rem;
    display:flex;
    align-items:center
}
 .page_inside a{
    color:#a8a8a8;
    text-transform:capitalize
}
 .page_inside a:last-child{
    color:var(--color)
}
 .page_inside i{
    display:block;
    width:.1rem;
    height:.1rem;
    border-right:.02rem solid #a8a8a8;
    border-bottom:.02rem solid #a8a8a8;
    transform:rotate(-45deg);
    margin:0 .1rem
}
 .page_inside a img:first-child{
    margin-top:-.05rem;
    margin-right:.1rem;
    max-width:.22rem;
    margin-left:0
}
 .page_about{
    padding:.8rem 0
}
 .page_about .page_about_section1{
    display:flex;
    justify-content:space-between;
    margin-bottom:.8rem
}
 .page_about .page_about_section1 .left{
    width:47%;
    overflow: hidden;
}
 .page_about .page_about_section1 .left .iframe_box{
    position:relative;
    margin-bottom:.1rem;
    height: 58%;
  border-radius:.08rem;
    overflow:hidden;
}
 .page_about .page_about_section1 .left .iframe_box .img_box{
    
    transition:all .3s linear
}
 .page_about .page_about_section1 .left .iframe_box .img_box.open{
    opacity:0;
    visibility:hidden
}
 .page_about .page_about_section1 .left .iframe_box .img_box .scale{
}
 .page_about .page_about_section1 .left .iframe_box .img_box .play_btn{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:max-content;
    height:max-content;
    cursor:pointer
}
 .page_about .page_about_section1 .left .iframe_box iframe{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    border-radius:.08rem;
    overflow:hidden;
    opacity:0;
    transition:all .3s linear;
    visibility:hidden
}
 .page_about .page_about_section1 .left .iframe_box iframe.open{
    opacity:1;
    visibility:visible
}
 .page_about .page_about_section1 .left .img{
    border-radius:.08rem;
    overflow:hidden;
    height: 40%;
}
 .page_about .page_about_section1 .left .img img{height: 100%;object-fit: cover;}
 .page_about .page_about_section1 .right{
    width:47%
}
 .page_about .page_about_section1 .right .right_head{
    position:relative;
    margin-top:-.3rem
}
 .page_about .page_about_section1 .right .right_head h1{
    font-size:.22rem;
    font-family:'RobotoBold';
    text-align:end;
    position:absolute;
    right:0;
    top:35%
}
 .page_about .page_about_section1 .right .right_head:before{
    content:'GERITEL';
    display:block;
    font-size:1.15rem;
    color:#dddddd9c;
    font-family:'RobotoBold';
    line-height: 1;
}
 .page_about .page_about_section1 .right .right_head span{
    color:var(--color)
}
 .page_about .page_about_section1 .right .remark{
    white-space:pre-line;
    color:#666666;
    font-size: .18rem;
    line-height: 1.4;
}
 .page_about .page_about_section1 .right .remark span{
    font-size: .3rem;
    color:var(--color);
    display:block;
    line-height: 1;
}
 .page_about .page_about_section2{
    padding:.8rem 0
}
 .page_block_info{
    padding-bottom:.45rem;
    text-align:center
}
 .page_block_info p{
    font-size:.36rem;
    text-transform:uppercase;
    position:relative;
    padding-bottom: .15rem;
}
 .page_block_info p:before{
    content:'';
    display:block;
    width:150px;
    height:2px;
    background:#5db75f;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto
}
 .page_block_info span{
    font-size:.18rem;
    line-height:1.3;
    display: none;
}
 .page_about .page_about_section2_box{
}
 .page_about .page_about_section2_box .item{
    display:flex;
    margin-bottom:.8rem;
    width:95%;
    margin-right:5%;
    align-items:flex-start;
    position:relative;
    transition:all .3s linear
}
 .page_about .page_about_section2_box .item .left:before,.page_about .page_about_section2_box .item:last-child:before{
    content:'';
    display:block;
    background:url(/res/magic/images/grt_76.webp) no-repeat top;
    width:8rem;
    height:2.5rem;
    position:absolute;
    right:-85%;
    bottom:-85%;
    z-index:0;
    background-size:cover
}
 .page_about .page_about_section2_box .item:last-child:before{
    left:-40%;
    bottom:.2rem;
    right:unset;
    z-index:0;
    background:url(/res/magic/images/grt_76.png) no-repeat top;
    width:2.7rem;
    background-size:contain;
    height:1.65rem
}
 .page_about .page_about_section2_box .item:nth-child(even) .left:before{
    right:unset;
    left:-85%;
    transform:scaleX(-1)
}
 .page_about .page_about_section2_box .item:nth-child(even){
    flex-direction:row-reverse;
    margin-right:0;
    margin-left:5%
}
 .page_about .page_about_section2_box .item .left{
    width:54%;
    display:flex;
    flex-direction:row-reverse;
    background:#ffffff;
    border-radius:.08rem;
    position:relative
}
 .page_about .page_about_section2_box .item:nth-child(even) .left{
    flex-direction:row
}
 .page_about .page_about_section2_box .item .left .img_box{
    width:27%;
    overflow:hidden;
    border-radius:0 .08rem .08rem 0;
    position:relative;
    z-index:1
}
 .page_about .page_about_section2_box .item .left .img_box img.scale{
}
 .page_about .page_about_section2_box .item .left .text_box{
    width:73%;
    padding:.4rem
}
 .page_about .page_about_section2_box .item .left .text_box h3,.page_about .page_about_section2_box .item .remark h3,.page_about .page_about_section2_box .item:last-child h3{
    font-size:.36rem;
    font-family:'RobotoBold';
    color:var(--color);
    margin-bottom:.1rem
}
 .page_about .page_about_section2_box .item .left .text_box p,.page_about .page_about_section2_box .item .remark > p,.page_about .page_about_section2_box .item:last-child p{
    font-size:.2rem;
    line-height:1.2;
    margin-bottom:.1rem
}
 .page_about .page_about_section2_box .item .left .text_box span,.page_about .page_about_section2_box .item .remark span,.page_about .page_about_section2_box .item:last-child span{
    font-size:.16rem;
    line-height:1.2;
    color:#666666
}
 .page_about .page_about_section2_box .item .remark{
    width:46%;
    padding-left:4%
}
 .page_about .page_about_section2_box .item:nth-child(even) .remark{
    text-align:end;
    padding-left:0;
    padding-right:4%
}
 .page_about .page_about_section2_box .item .remark h3{
}
 .page_about .page_about_section2_box .item .remark .txt{
    font-size:.16rem;
    color:#666666
}
 .page_about .page_about_section2_box .item:nth-child(even) .remark .txt{
    padding-right:0
}
 .page_about .page_about_section2_box .item .remark .txt p{
    position:relative;
    padding-left:.15rem;
    margin-bottom:.1rem
}
 .page_about .page_about_section2_box .item:nth-child(even) .remark .txt p{
    padding-left:0;
    padding-right:.15rem
}
 .page_about .page_about_section2_box .item .remark .txt p:before{
    content:'';
    display:block;
    width:.06rem;
    height:.06rem;
    background:var(--color);
    border-radius:100vh;
    position:absolute;
    left:0;
    top:40%
}
 .page_about .page_about_section2_box .item:nth-child(even) .remark .txt p:before{
    left:unset;
    right:0
}
 .page_about .page_about_section2_box .item:last-child{
    display:block;
    width:50%;
    background:var(--color1);
    margin:auto;
    padding:.4rem;
    border-radius:.08rem
}
 .page_about .page_about_section2_box .item:last-child h3{
    margin-bottom:.4rem
}
 .page_about .page_about_section2_box .item:last-child p{
}
 .page_about .page_about_section2_box .item:last-child span{
}
 .page_about .page_about_section2_box .item:last-child:hover{
    background:var(--color)
}
 .page_about .page_about_section2_box .item:last-child:hover,.page_about .page_about_section2_box .item:last-child:hover p,.page_about .page_about_section2_box .item:last-child:hover h3,.page_about .page_about_section2_box .item:last-child:hover span{
    color:#ffffff
}
 .page_about .page_about_section3{
    padding-top:.8rem
}
 .page_about .page_about_section3_box{
    display:flex;
    width:100%;
    padding-left:13%;
    align-items:center
}
 .page_about .page_about_section3_box .left{
    width:42%
}
 .page_about .page_about_section3_box .left .item{
    display:flex;
    justify-content:space-between
}
 .page_about .page_about_section3_box .left .item:first-child{
    margin-bottom:.8rem
}
 .page_about .page_about_section3_box .left .item .img_box{
    width:16%
}
 .page_about .page_about_section3_box .left .item .img_box img{
    max-width:1.1rem
}
 .page_about .page_about_section3_box .left .item .txt{
    width:84%;
    padding-left:5%
}
 .page_about .page_about_section3_box .left .item .txt p{
    font-size:.3rem;
    text-transform:uppercase
}
 .page_about .page_about_section3_box .left .item .txt span{
    font-size:.22rem;
    line-height:1.2;
    color:#666666
}
 .page_about .page_about_section3_box .right{
    width:58%
}
 .page_about .page_about_section3_box .right img{
}
 .page_about .page_about_section4{
    padding-top:.8rem
}
 .page_about .page_about_section4_box{
    display:flex;
    gap:.15rem
}
 .page_about .page_about_section4_box .left{
    width:33.5%;
    border-radius:.08rem;
    overflow:hidden;
    height:100%
}
 .page_about .page_about_section4_box .left img.scale{
}
 .page_about .page_about_section4_box .right{
    width:66.5%;
    display:flex;
    flex-wrap:wrap;
    gap:.15rem
}
 .page_about .page_about_section4_box .right .item{
    width:49%;
    color:#ffffff;
    padding:.4rem;
    border-radius:.08rem;
    overflow:hidden
}
 .page_about .page_about_section4_box .right .item:nth-child(1){
    background:#596069
}
 .page_about .page_about_section4_box .right .item:nth-child(2){
    background:var(--color)
}
 .page_about .page_about_section4_box .right .item:nth-child(3){
    background:#5B98DA
}
 .page_about .page_about_section4_box .right .item:nth-child(4){
    background:#D95768
}
 .page_about .page_about_section4_box .right .item .img_box{
    margin-bottom:.3rem
}
 .page_about .page_about_section4_box .right .item .img_box img{
    max-width:.9rem
}
 .page_about .page_about_section4_box .right .item .txt{
}
 .page_about .page_about_section4_box .right .item .txt p{
    font-size:.24rem;
    margin-bottom:.1rem
}
 .page_about .page_about_section4_box .right .item .txt span{
    font-size:.16rem;
    line-height:1.3;
    -webkit-line-clamp:12
}
 .page_about .page_about_section5{
    padding-top:.8rem
}
 .page_about .page_about_section5_box{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem .15rem
}
 .page_about .page_about_section5_box .item{
    width:32.55%
}
 .page_about .page_about_section5_box .item a{
}
 .page_about .page_about_section5_box .item .img_box{
    overflow:hidden;
    margin-bottom:.2rem;
    border-radius:.08rem
}
 .page_about .page_about_section5_box .item .img_box img{
}
 .page_about .page_about_section5_box .item .txt{
    position:relative
}
 .page_about .page_about_section5_box .item .txt:before{
    content:'';
    display:block;
    width:.5rem;
    height:.02rem;
    background:#666666;
    position:absolute;
    top:35%;
    transition:all .3s linear
}
 .page_about .page_about_section5_box .item .txt h3{
    font-size:.24rem;
    margin-bottom:.3rem;
    transition:all .3s linear;
    line-height:1.2
}
 .page_about .page_about_section5_box .item:hover .txt:before{
    background:var(--color)
}
 .page_about .page_about_section5_box .item:hover .txt h3{
    color:var(--color)
}
 .page_about .page_about_section5_box .item .txt .remark{
    font-size:.18rem;
    color:#666666;
    line-height:1.2;
    -webkit-line-clamp:3;
    height:.65rem
}
 .page_about .page_about_section5_box .item .txt span{
    display:inline-block;
    font-size:.18rem;
    background:var(--color);
    color:#ffffff;
    margin-top:.3rem;
    padding:.07rem .3rem;
    position:relative;
    padding-left:.2rem;
    padding-right:.35rem
}
 .page_about .page_about_section5_box .item .txt span:before,.page_about .page_about_section5_box .item .txt span:after{
    content:'';
    display:block;
    position:absolute;
    top:.02rem;
    bottom:0;
    right:.2rem;
    margin:auto;
    width:.1rem;
    height:.1rem;
    border-right:.02rem solid #fff;
    border-bottom:.02rem solid #fff;
    transform:rotate(-45deg);
    transition:all .3s linear;
    border-radius:.02rem
}
 .page_about .page_about_section5_box .item{
}
 .page_about .page_about_section5_box .item a{
}
 .page_about .page_about_section5_box .item a .img_box{
}
 .page_about .page_about_section5_box .item a .img_box img.scale{
}
 .page_about .page_about_section5_box .item a .txt{
}
 .page_about .page_about_section5_box .item a .txt h3.line-1{
}
 .page_about .page_about_section5_box .item a .txt .remark.line-2{
}
 .page_accreditation{
    display:flex;
    justify-content:space-between
}
 .page_accreditation .img_box{
}
 .page_accreditation .img_box img{
    max-width:1rem
}
 .page_accreditation .img_box img:hover{
}
 .page_capabilities{
    padding:.8rem 0
}
 .page_capabilities .auto-container{
}
 .page_capabilities .page_block_info{
}
 .page_capabilities .page_block_info p,.page_quality_assurance .page_block_info p{
    margin-bottom:.25rem
}
 .page_capabilities .page_block_info p.title1,.page_quality_assurance .page_block_info p.title1{
    font-size: .2rem;
    /* font-family:'RobotoBold'; */
    /* color:var(--color); */
    text-transform:unset;
    line-height:1.2;
    max-width:60%;
    margin:auto;
    margin-bottom:.25rem
}
 .page_capabilities .page_block_info p.title1:before,.page_quality_assurance .page_block_info p.title1:before{
  display: none;
 }
 .page_capabilities .page_block_info span,.page_quality_assurance .page_block_info span{
    font-size:.16rem;
    color:#666666;
    max-width:85%;
    display:block;
    margin:auto;
    display: none;
}
 .page_capabilities .page_capabilities_box{
}
 .page_capabilities .page_capabilities_swiper{
    padding-bottom:.45rem;
    margin-bottom:.8rem
}
 .page_capabilities .page_capabilities_swiper .swiper-wrapper{
}
 .page_capabilities .page_capabilities_swiper .swiper-slide{
}
 .page_capabilities .page_capabilities_swiper .swiper-slide .item{
    margin-bottom:.2rem
}
 .page_capabilities .page_capabilities_swiper .swiper-slide .item .img_box{
    border-radius:.08rem;
    overflow:hidden
}
 .page_capabilities .page_capabilities_swiper .swiper-slide .item .img_box img{
}
 .page_capabilities .page_capabilities_swiper .swiper-slide .item .txt{
    font-size:.16rem;
    margin-top:.2rem
}
 .page_capabilities .page_capabilities_swiper .swiper-pagination{
    bottom:0
}
 .page_capabilities .page_capabilities_swiper .swiper-pagination-bullet{
    width:.35rem;
    height:.02rem;
    opacity:1;
    background:#d9d9d9;
    border-radius: 0;
}
 .page_capabilities .page_capabilities_swiper .swiper-pagination-bullet-active{
    background:var(--color)
}
 .page_capabilities .page_capabilities_sevice{
    display:flex;
    flex-wrap:wrap;
    gap:.15rem
}
 .page_capabilities .page_capabilities_sevice .item{
    width:32.55%;
    position:relative;
    background:#f5f5f5;
    border-radius:.08rem;
    overflow:hidden
}
 .page_capabilities .page_capabilities_sevice .item:before{
    content:'';
    display:block;
    width:.04rem;
    height:100%;
    background:var(--color);
    position:absolute;
    left:0;
    top:0;
    transition:all .3s linear
}
 .page_capabilities .page_capabilities_sevice .item:hover:before{
    width:100%
}
 .page_capabilities .page_capabilities_sevice .item .text_box{
    padding:.4rem;
    position:relative
}
 .page_capabilities .page_capabilities_sevice .item i{
    font-size:1rem;
    font-style:unset;
    position:absolute;
    left:0;
    top:0;
    line-height:1;
    opacity:0;
    color:#ffffff
}
 .page_capabilities .page_capabilities_sevice .item:hover i{
    opacity:.1
}
 .page_capabilities .page_capabilities_sevice .item h3{
    font-size:.2rem;
    margin-bottom:.1rem;
    transition:all .3s linear
}
 .page_capabilities .page_capabilities_sevice .item .txt{
    font-size:.16rem;
    color:#666666;
    line-height:1.3;
    transition:all .3s linear
}
 .page_capabilities .page_capabilities_sevice .item:hover .text_box,.page_capabilities .page_capabilities_sevice .item:hover .txt{
    color:#ffffff
}
 .page_quality_assurance{
    padding:.8rem 0;
    position:relative
}
 .page_quality_assurance:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    background:linear-gradient(180deg,#FFFFFF 30.11%,rgba(255,255,255,0) 100%);
    height:6rem;
    width:100%
}
 .page_quality_assurance .page_block_info{
    position:relative;
    z-index:2
}
 .page_quality_assurance .page_block_info p{
}
 .page_quality_assurance .page_block_info p.title1{
}
 .page_quality_assurance .page_block_info span{
}
 .page_quality_assurance .page_quality_assurance_box{
    margin:.45rem 0
}
 .page_quality_assurance .page_quality_assurance_content{
    position:relative;
    z-index:2
}
 .page_quality_show{
}
 .page_quality_show .page_quality_show_box1{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .page_quality_show .page_quality_show_box1 .left{
    width:47%;
    font-size:.18rem;
    line-height:1.3
}
 .page_quality_show .page_quality_show_box1 .left h3,.page_quality_show .page_quality_show_box3 .left h3{
    font-size:.36rem;
    margin-bottom:.15rem
}
 .page_quality_show .page_quality_show_box1 .left p{
    margin-bottom:.1rem
}
 .page_quality_show .page_quality_show_box1 .right{
    width:47%
}
 .page_quality_show .page_quality_show_box1 .right img{
}
 .page_quality_show .page_quality_show_box2{
    display:flex;
    justify-content:space-between
}
 .page_quality_show .page_quality_show_box2 .item{
    width: 32%;
    border-left:.04rem solid #5DB860;
    background: var(--color1);
    padding: .3rem;
}
 .page_quality_show .page_quality_show_box2 .item h3{
    font-size:.22rem;
    margin-bottom:.15rem
}
 .page_quality_show .page_quality_show_box2 .item p{
    font-size:.18rem;
    color:#666666;
    line-height:1.2
}
 .page_quality_show .page_quality_show_box3{
    display:flex;
    justify-content:space-between;
    align-items:center
}
 .page_quality_show .page_quality_show_box3 .left{
    width:50%
}
 .page_quality_show .page_quality_show_box3 .left h3{
}
 .page_quality_show .page_quality_show_box3 .left p{
    font-size:.16rem;
    margin-bottom:.1rem;
    line-height:1.3
}
 .page_quality_show .page_quality_show_box3 .left ul{
    margin-top:.2rem
}
 .page_quality_show .page_quality_show_box3 .left ul li{
    font-size:.18rem;
    margin-bottom:.25rem
}
 .page_quality_show .page_quality_show_box3 .left ul li em{
    display:inline-block;
    width:.25rem;
    height:.25rem;
    font-style:normal;
    color:#ffffff;
    background:#5DB860;
    border-radius:100vh;
    line-height:.25rem;
    text-align:center;
    font-size:.16rem
}
 .page_quality_show .page_quality_show_box3 .right{
    width:48%;
    display:flex;
    flex-wrap:wrap;
    gap:.4rem .2rem;
    height:100%
}
 .page_quality_show .page_quality_show_box3 .right p{
    width:31%;
    text-align:center
}
 .page_quality_show .page_quality_show_box3 .right img{
}
 .page_quality_assurance .page_quality_assurance_certificate{
    position:relative;
    z-index:2;
    padding-bottom:1.4rem
}
 .page_quality_assurance .page_quality_assurance_certificate:before{
    content:'';
    display:block;
    width:85%;
    height:.01rem;
    background:#999999;
    position:absolute;
    bottom:11%;
    right:0;
    opacity:.5
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-container{
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-wrapper{
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-slide{
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-slide .item{
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-slide .item .img_box{
    overflow:hidden;
    cursor: pointer;
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-slide .item .img_box img{
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-slide .item .txt{
    margin-top:.2rem;
    font-size:.16rem;
    text-align:center
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-button-prev,.page_quality_assurance .page_quality_assurance_certificate .swiper-button-next{
    top:unset;
    bottom:7%;
    background:#ffffff;
    opacity:1;
    width:.45rem;
    height:.45rem
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-button-prev:before,.page_quality_assurance .page_quality_assurance_certificate .swiper-button-next:before{
    border-color:#dddddd;
    top:35%
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-button-prev{
    left:0
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-button-next{
    right:unset;
    left:4%
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-button-prev:hover,.page_quality_assurance .page_quality_assurance_certificate .swiper-button-next:hover{
    background:var(--color)
}
 .page_quality_assurance .page_quality_assurance_certificate .swiper-button-prev:hover:before,.page_quality_assurance .page_quality_assurance_certificate .swiper-button-next:hover:before{
    border-color:#ffffff
}
 .page_contact_quotation{
    margin-top:.8rem
}
 .page_contact_quotation > h2{
    font-size:.36rem;
    font-family:'RobotoBold';
    text-transform:capitalize;
    text-align:center;
    margin-bottom:.3rem
}
 .page_contact_quotation > p{
    font-size:.18rem;
    text-align:center;
    color:#666666
}
 .page_contact_quotation form > p{
}
 .page_contact_quotation form{
    margin-top:.67rem
}
 .page_contact_quotation .input{
    display:flex;
    gap:.35rem .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:.18rem;
    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;
    background:#f8f8f8
}
 .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:'RobotoRegular';
    text-transform:uppercase
}
 .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{
}
 .page_content .inside-pagination{
    text-align:center;
    margin-bottom:.9rem
}
 .page_content .inside-pagination ul li a{
    color:#222;
    display:inline-block;
    width:.45rem;
    height:.45rem;
    line-height:.45rem;
    border-radius:.45rem;
    border:.01rem solid #999999;
    font-size:.18rem;
    transition:all .3s linear
}
 .page_content .inside-pagination ul li a.active,.page_content .inside-pagination ul li a:hover,.page_content .inside-pagination ul li.active a{
    color:#fff;
    background:var(--color);
    border-color:var(--color)
}
 .page_content .inside-pagination ul li{
    display:inline-block;
    margin-right:.05rem
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
    border-color:var(--color)
}
 .page_content .inside-pagination ul li>a>img{
    transition:all .3s linear;
    margin-top:-.04rem;
    max-width:.17rem
}
 .page_content .inside-pagination ul li.pre-page>a>img{
    transform:rotate(180deg)
}
 .page_content .inside-pagination ul li:hover>a>img{
    filter:brightness(0) invert(1)
}
 .page_news{
    padding-top:.9rem
}
 .page_news .page_news_box{
    display:flex;
    flex-direction:row-reverse;
    margin-bottom:.4rem
}
 .page_content .content_box{
    width:74%
}
 .page_news .item_box{
    display:flex;
    gap:.4rem .2rem;
    flex-wrap:wrap;
    padding-bottom:.4rem
}
 .page_news .item_box .item{
    width:32%;
    overflow:hidden;
    border-radius: .05rem;
    border: .01rem solid #eeeeee;
    transition: all .3s linear;
}
 .page_news .item_box .item:hover{
 box-shadow: 0px 0px .1rem .05rem rgb(0 0 0 / 7%);
}
 .page_news .item_box .item .img_box{
    overflow:hidden;
    position:relative;
    border-bottom: .01rem solid #eeeeee;
}
 .page_blog .item_box .item .img_box{
    /* border:.01rem solid #d9d9d9; */
}
 .page_blog .item_box .item{
    /* border-radius:unset; */
}
 .page_news .item_box .item .img_box p{
    position:absolute;
    bottom:.2rem;
    left:.2rem;
    font-size:.16rem;
    color:#ffffff;
    text-align:center;
    background:var(--color);
    padding:.08rem .18rem
}
 .page_news .item_box .item .img_box p span{
    display:block
}
 .page_news .item_box .item .text_box{
    padding: .2rem;
}
 .page_news .item_box .item .text_box .title{
    font-size:.2rem;
    margin-bottom: .2rem;
    line-height:1.2;
    min-height:.48rem
}
 .page_news .item_box .item .text_box .remark{
    font-size:.16rem;
    min-height:.77rem;
    line-height:1.2;
    color:#666;
    margin-bottom:.15rem;
    display: none;
}
 .page_news .item_box .item .text_box .other{
    display:flex;
    font-size:.16rem;
    color:#666666;
    justify-content:space-between
}
 .page_news .item_box .item .text_box .other span{
    transition:all .3s linear
}
 .page_news .item_box .item .text_box .other span img{
    max-width:.22rem;
    margin-right:.15rem;
    transition:all .3s linear
}
 .page_news .item_box .item .text_box .other span:last-child img{
    margin-left:.15rem;
    margin-right:0;
    filter:brightness(0)
}
 .page_news .item_box .item a:hover,.page_news .item_box .item a:hover .text_box .other > span:last-child{
    color:var(--color)
}
 .page_news .item_box .item a:hover .text_box .other > span:last-child img{
    filter:unset
}
 .page_sidebar{
    width:26%;
    padding-right:.65rem
}
 .page_sidebar .sidebar_search_box{
    display:flex;
    width:100%;
    margin-bottom:.24rem;
    border-radius:.02rem;
    overflow:hidden
}
 .page_sidebar .sidebar_search_box .form_control.keywords{
    background:#eaeaea;
    padding:0 .1rem;
    font-size:.18rem;
    width:100%
}
 .page_sidebar .sidebar_search_box .form_control.keywords::placeholder{
    color:#c2c2c2
}
 .page_sidebar .sidebar_search_box .search_btn{
    width:.85rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    background:var(--color);
    cursor:pointer;
    transition:all .3s linear
}
 .page_sidebar .sidebar_search_box .search_btn img{
    max-width:.36rem
}
 .page_sidebar .sidebar_search_box .search_btn:hover img{
}
 .page_sidebar .page_sidebar_title{
}
 .page_sidebar .page_sidebar_title p{
    font-size:.18rem;
    color:#ffffff;
    background:var(--color);
    padding:.2rem;
    text-transform:uppercase
}
 .page_sidebar .sidebar_other_box{
    background-size:cover !important;
    padding:.55rem .2rem;
    margin-bottom:.2rem
}
 .page_sidebar .sidebar_other_box p{
    font-size:.24rem;
    font-family:'RobotoBold';
    color:#ffffff;
    text-align:center;
    line-height:1.2
}
 .page_sidebar .sidebar_news_box{
    margin-bottom:.2rem;
    background:#f9f9f9
}
 .page_sidebar .sidebar_news_box>p{
    margin-top:.25rem;
    font-size:.2rem;
    position:relative;
    border-bottom:.02rem solid #5d5d5d;
    padding-bottom:.1rem;
    margin-bottom:.3rem
}
 .page_sidebar .sidebar_news_box .item{
}
 .page_sidebar .sidebar_news_box .item a{
    display:flex;
    padding:.2rem .15rem;
    align-items:center
}
 .page_sidebar .sidebar_news_box .item .img_box{
    width:36%;
    border-radius:.02rem;
    border:.02rem solid #d9d9d9;
    background:#ffffff;
    overflow:hidden
}
 .page_sidebar .sidebar_news_box .item .img_box img{
    width:1rem;
    height:1rem;
    object-fit:cover
}
 .page_sidebar .sidebar_news_box .item .text_box{
    width:63%;
    padding-left:.2rem
}
 .page_sidebar .sidebar_news_box .item .text_box .title{
    font-size:.16rem;
    line-height:1.3;
    margin-bottom:.1rem
}
 .page_sidebar .sidebar_news_box .item .text_box .other{
}
 .page_sidebar .sidebar_news_box .item .text_box .other span{
    color:var(--color);
    font-size:.16rem
}
 .page_sidebar .sidebar_news_box .item .text_box .other span img{
    margin-left:.1rem;
    max-width:.26rem
}
 .page_sidebar .sidebar_news_box .item a:hover{
    color:var(--color)
}
 .page_case{
}

 .page_case .other{

    margin:.45rem auto
}
 .page_case .other .category_child{
      display:flex;
      gap: .2rem;
      justify-content: center;
 }
 .page_case .other .category_child a{
    background:#5db75f36;
    border-radius:.05rem;
    font-size:.16rem;
    color:#666666;
    padding: .1rem .2rem;
    font-family: 'RobotoBold';
    flex: 0 0 calc((100% - 4 * .2rem) / 5);
    text-align: center;
}
 .page_case .other .category_child a:hover, .page_case .other .category_child a.active{
  color: #ffffff;
  background: var(--color);
 }
 .page_case .page_case_head .page_case_title{
    text-align:center;
    margin:.45rem auto
}
 .page_case .page_case_head .page_case_title h2{
    font-size:.36rem;
    margin-bottom:.1rem;
    text-transform:capitalize
}
 .page_case .page_case_head .page_case_title p{
    font-size:.16rem;
    color:#666666
}
 .page_case .page_case_box{
}
 .page_case .page_case_box .item_box{
    display:flex;
    gap:.4rem .2rem;
    flex-wrap:wrap;
    padding-bottom:.4rem
}
 .page_case .page_case_box .item_box .item{
    width:32%;
    overflow:hidden;
    border-radius:.04rem
}
 .page_case .page_case_box .item_box .item{
}
 .page_case .page_case_box .item_box .item a{
}
 .page_case .page_case_box .item_box .item .img_box{
    overflow:hidden
}
 .page_case .page_case_box .item_box .item .img_box img{
}
 .page_case .page_case_box .item_box .item .text_box{
    padding:.2rem 0
}
 .page_case .page_case_box .item_box .item .text_box .title{
    font-size:.24rem;
    line-height:1.2;
    min-height:.58rem;
    margin-bottom:.15rem
}
 .page_case .page_case_box .item_box .item .text_box .remark{
    font-size:.18rem;
    line-height:1.3;
    color:#666666;
    min-height:.7rem
}
 .page_case .page_case_box .item_box .item .text_box span{
    display:inline-block;
    font-size:.18rem;
    color:var(--color);
    margin-top:.2rem;
    position:relative;
    padding-right:.35rem
}
 .page_case .page_case_box .item_box .item .text_box span:before,.page_case .page_case_box .item_box .item .text_box span:after{
    content:'';
    display:block;
    position:absolute;
    top:.02rem;
    bottom:0;
    right:.2rem;
    margin:auto;
    width:.1rem;
    height:.1rem;
    border-right:.02rem solid var(--color);
    border-bottom:.02rem solid var(--color);
    transform:rotate(-45deg);
    transition:all .3s linear;
    border-radius:.02rem
}
 .page_certifcate{
    padding-top:.45rem;
    padding-bottom:.8rem
}
 .page_certifcate .auto-container{
}
 .page_certifcate .page_certifcate_head{
}
 .page_certifcate .page_certifcate_head h1{
    font-size:.36rem;
    text-align:center;
    text-transform:capitalize
}
 .page_certifcate .page_certifcate_head .page_certifcate_list{
    display:flex;
    justify-content:center;
    margin:.45rem
}
 .page_certifcate .page_certifcate_head .page_certifcate_list p{
    border:.01rem solid #f2f2f2;
    padding:.12rem .2rem;
    margin-right:.2rem;
    font-size:.2rem;
    color:#999999;
    cursor:pointer;
    transition:all .3s linear
}
 .page_certifcate .page_certifcate_head .page_certifcate_list p:last-child{
    margin-right:0
}
 .page_certifcate .page_certifcate_head .page_certifcate_list p:hover,.page_certifcate .page_certifcate_head .page_certifcate_list p.active{
    border-color:var(--color);
    background:var(--color);
    color:#ffffff
}
 .page_certifcate .page_certifcate_box{
}
 .page_certifcate .page_certifcate_box{
}
 .page_certifcate .page_certifcate_box .item_box{
    display:none
}
 .page_certifcate .page_certifcate_box .item_box.active{
    display:block
}
 .page_certifcate .page_certifcate_box .item_box .remark{
    font-size:.18rem;
    line-height:1.3
}
 .page_certifcate .page_certifcate_box .item_box .item{
    margin-top:.4rem;
    display:flex;
    flex-wrap:wrap;
    gap: .45rem;
}
 .page_certifcate .page_certifcate_box .item_box .item .img_box{
    border-radius:.05rem;
    box-shadow:0 0 .15rem rgba(0,0,0,0.3);
    overflow:hidden;
    cursor: pointer;
    flex: 0 0 calc((100% - 3 * .45rem) / 4);
}
 .page_certifcate .page_certifcate_box .item_box .item .img_box .img{
    overflow:hidden;
    padding: 20%;
    background: #f1f1f1;
}
 .page_certifcate .page_certifcate_box .item_box .item .img_box img{
    /* transform:scale(.97); */
    /* transition:all .5s linear; */
}
 .page_certifcate .page_certifcate_box .item_box .item .img_box p{
    background:var(--color);
    color:#ffffff;
    font-size:.2rem;
    text-align:center;
    padding:.1rem .15rem
}
 .page_certifcate .page_certifcate_box .item_box .item .img_box:hover .img img{
    /* transform:scale(1); */
}
 .page_contact{
}
 .page_contact .page_contact_head_box{
    background:#f8f8f8;
    padding:.45rem 0
}
 .page_contact .page_contact_head_box .auto-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
 .page_contact .page_contact_head_box .left{
    width:58%;
    background:#fff;
    padding:.4rem
}
 .page_contact .page_contact_head_box .left h2{
    font-size:.24rem;
    font-family:RobotoBold;
    padding-bottom:.25rem;
    border-bottom:.01rem solid #dedede
}
 .page_contact .page_contact_head_box .left .item{
    display:flex;
    margin:.2rem auto;
    align-items:center
}
 .page_contact .page_contact_head_box .left .item .img_box{
    width:.6rem;
    padding:0;
    margin-right:.1rem
}
 .page_contact .page_contact_head_box .left .item .img_box img{
    max-width:.3rem
}
 .page_contact .page_contact_head_box .left .item .txt_box{
}
 .page_contact .page_contact_head_box .left .item .txt_box p{
    font-size:.18rem;
    font-family:RobotoBold
}
 .page_contact .page_contact_head_box .left .item .txt_box span,.page_contact .page_contact_head_box .left .item .txt_box a{
    font-size:.16rem;
    color:#666;
    padding-top:.05rem
}
 .page_contact .page_contact_head_box .left .item .txt_box a:hover,.page_contact .page_contact_head_box .right .swiper-slide .item .txt_box p a:hover{
    color:var(--color)
}
 .page_contact .page_contact_head_box .right{
    width:40%
}
 .page_contact .page_contact_head_box .right .swiper-container{
    height:5rem
}
 .page_contact .page_contact_head_box .right .swiper-wrapper{
}
 .page_contact .page_contact_head_box .right .swiper-slide{
    background:#ffffff
}
 .page_contact .page_contact_head_box .right .swiper-slide .item{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    background:#fff;
    padding:.2rem;
    align-items:center
}
 .page_contact .page_contact_head_box .right .swiper-slide .item .img_box{
    width:1rem;
    height:1rem;
    text-align:center;
    border-radius:50%;
    overflow:hidden
}
 .page_contact .page_contact_head_box .right .swiper-slide .item .img_box img{
    width:1rem;
    height:1rem;
    object-fit:cover
}
 .page_contact .page_contact_head_box .right .swiper-slide .item .txt_box{
    width:50%;
    padding-left:.15rem
}
 .page_contact .page_contact_head_box .right .swiper-slide .item .txt_box h3{
    font-size:.18rem;
    font-family:RobotoBold;
    margin-bottom:.1rem
}
 .page_contact .page_contact_head_box .right .swiper-slide .item .txt_box p{
    font-size:.16rem;
    color:#666
}
 .page_contact .page_contact_head_box .right .swiper-slide .item .txt_box p a{
}
 .page_contact .page_contact_head_box .right .swiper-slide .item .whatsapp_box{
    width:30%;
    text-align:center;
    position:unset
}
 .page_contact .page_contact_head_box .right .swiper-slide .item .whatsapp_box a{
    color:#666;
    border:.01rem solid #ddd;
    border-radius:.3rem;
    display:inline-block;
    line-height:.4rem;
    padding:0 .2rem
}
 .page_contact .page_contact_head_box .right .swiper-slide .item .whatsapp_box a img{
    width:.25rem;
    height:.25rem;
    margin-right:.05rem
}
 .page_contact .page_contact_head_box .right .swiper-slide .item .whatsapp_box a span{
    display:inline-block
}
 .page_contact .page_contact_head_box .right .swiper-slide .item .whatsapp_box a:hover{
    color:var(--color);
    border-color:var(--color)
}
 .page_contact .page_contact_head_box .right .swiper-pagination{
}
 .page_contact .page_contact_head_box .right .swiper-pagination-bullet{
}
 .page_contact .page_contact_head_box .right .swiper-pagination-bullet-active{
}
 @keyframes ripple1{
    0%,35%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -o-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
     50%{
        -webkit-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -ms-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5);
        opacity:.8
    }
     100%{
        opacity:0;
        -webkit-transform:scale(2);
        -moz-transform:scale(2);
        -ms-transform:scale(2);
        -o-transform:scale(2);
        transform:scale(2)
    }
}
@-webkit-keyframes ripple1{
    0%,35%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -o-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
     50%{
        -webkit-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -ms-transform:scale(1.5);
        -o-transform:scale(1.5);
        transform:scale(1.5);
        opacity:.8
    }
     100%{
        opacity:0;
        -webkit-transform:scale(2);
        -moz-transform:scale(2);
        -ms-transform:scale(2);
        -o-transform:scale(2);
        transform:scale(2)
    }
}
.page_contact .page_contact_map{
    position:relative;
    height:5.3rem;
    margin-bottom:.8rem
}
 .page_contact .page_contact_map .map_box{
    overflow:hidden
}
 .page_contact .page_contact_map .map_box iframe{
    margin:0!important;
    height:5.3rem!important
}
 .page_contact .page_contact_map:after{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,.1)
}
 .page_contact .page_contact_map .map_icon{
    position:absolute;
    left:47.3%;
    bottom:45%;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    opacity:1;
    z-index:1;
    width:1.05rem;
    height:1.05rem;
    background-color:rgb(93 183 95 / 60%);
    cursor:pointer;
    border-radius:100%;
    color:#fff;
    font-size:1rem
}
 .page_contact .page_contact_map .map_icon:after{
    z-index:-1;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1rem;
    height:1rem;
    -webkit-animation:ripple1 2.2s ease-out infinite;
    -moz-animation:ripple1 2.2s ease-out infinite;
    -o-animation:ripple1 2.2s ease-out infinite;
    animation:ripple1 2.2s ease-out infinite;
    opacity:0;
    background:rgb(93 183 95 / 30%);
    border-radius:100%
}
 .page_contact .page_contact_map .map_icon>span{
    z-index:-1;
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1rem;
    height:1rem;
    -webkit-animation:ripple1 2s ease-out infinite;
    -moz-animation:ripple1 2s ease-out infinite;
    -o-animation:ripple1 2s ease-out infinite;
    animation:ripple1 2s ease-out infinite;
    opacity:0;
    background:rgb(93 183 95 / 50%);
    border-radius:100%
}
 .page_contact .page_contact_map .map_icon b{
    z-index:-1;
    display:block;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1rem;
    height:1rem;
    -webkit-animation:ripple1 1.8s ease-out infinite;
    -moz-animation:ripple1 1.8s ease-out infinite;
    -o-animation:ripple1 1.8s ease-out infinite;
    animation:ripple1 1.8s ease-out infinite;
    opacity:0;
    background:rgb(93 183 95 / 80%);
    border-radius:100%
}
 .page_contact .page_contact_map .map_icon div{
    text-align:center;
    font-size:.16rem;
    padding-top:.15rem;
    position:relative;
    font-weight:700
}
 .page_contact .page_contact_map .map_icon div p{
    margin-top:1rem;
    width:4rem;
    background:var(--color);
    color:#ffffff;
    padding:.1rem;
    border-radius:.05rem
}
 .page_contact .page_contact_map .map_icon div span{
    width:.21rem;
    height:.21rem;
    display:inline-block;
    background:var(--color2);
    margin:auto;
    position:absolute;
    left:0;
    right:0;
    top:.44rem;
    border-radius:.5rem;
    z-index:-1
}
 .show_news{
    background:#f8f8f8;
    padding:.4rem 0
}
 .show_news .post-info{
    background:#fff;
    color:#333;
    padding:.3rem;
    font-size:.16rem
}
 .show_news .post-info .header{
    margin-bottom:.4rem;
    text-align:center
}
 .show_news .post-info .header>h1{
    font-size:.36rem;
    font-family:RobotoBold;
    line-height:1.3
}
 .show_news .post-info .header>p{
    margin:.2rem auto;
    border-bottom:.01rem solid #eee;
    padding-bottom:.2rem
}
 .show_news .post-info .header>p>span{
    margin-right:.3rem;
    font-size:.14rem
}
 .show_news .post-info .header>p>span>img{
    margin-right:.05rem;
    max-width:.2rem
}
 .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:.15rem
}
 .show_news .post-info .content ul li{
    list-style-type:disc
}
 .show_news .post-info .content ol li{
    list-style-type:decimal
}
 .show_news .post-info .content p{
    margin:0;
    margin-bottom:.1rem
}
 .show_news .post-info .post-pagination{
    margin-top:.3rem
}
 .show_news .post-info .post-pagination p{
    margin:.15rem 0
}
 .show_news .post-info .post-pagination p a{
    font-size:.16rem;
    font-family:RobotoBold;
    color:#666
}
 .show_news .post-info .post-pagination p a img{
    float:left;
    margin-right:.1rem;
    filter:grayscale(100%);
    max-width:.2rem
}
 .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 .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:.1rem
}
 .show_news .relation .swiper-relation .swiper-slide .textbox .other span img{
    filter:brightness(0) invert(.5);
    margin-right:.05rem;
    margin-top:-.03rem;
    max-width:.22rem
}
 .list_products{
    padding-top:.9rem
}
 .list_products .list_products_box{
    display:flex;
    flex-direction:row-reverse;
    margin-bottom:.4rem
}
 .list_products .content_box{
    width:74%
}
 .page_content .content_box .title_box{
    margin-bottom:.4rem
}
 .page_content .content_box .title_box h2{
    font-size:.3rem;
    font-family:'RobotoBold';
    text-transform:uppercase;
    margin-bottom:.1rem
}
 .page_content .content_box .title_box p{
    font-size:.18rem;
    line-height:1.2
}
 .page_content .content_box .category_box{
    margin-bottom:.45rem;
    display:flex;
    flex-wrap:wrap;
    /* justify-content: space-between; */
    gap: .1rem;
}
 .page_content .content_box .category_box .item{
    flex: 0 0 calc((100% - 2 * .1rem) / 3);
}
 .page_content .content_box .category_box .item a{
    display:inline-block;
    background:#f5f5f5;
    padding: .15rem;
    font-size: .18rem;
    width: 100%;
}
 .page_content .content_box .category_box .item a:hover,.page_content .content_box .category_box .item a.active{
    background:var(--color);
    color:#ffffff
}
 .list_products .item_box{
    display:flex;
    gap: .2rem;
    flex-wrap:wrap;
    padding-bottom:.4rem
}
 .list_products .item_box .item{
    width:32%;
    overflow:hidden;
    box-shadow: 0px 0px .1rem .05rem rgb(0 0 0 / 7%);
    transition: all .3s linear;
    border-radius: .1rem;
    flex: 0 0 calc((100% - 2 * .2rem) / 3);
}
 .list_products .item_box .item a{
    border:.01rem solid #e9e9e9;
    display:block;
    border-radius: .1rem;
}
 .list_products .item_box .item .img_box{
    overflow:hidden;
    background:#f8f8f8
}
 .list_products .item_box .item .text_box{
    padding:.25rem
}
 .list_products .item_box .item .text_box p{
    font-size:.18rem;
    line-height:1.3;
    margin-bottom:.2rem;
    -webkit-line-clamp:2;
    min-height:.48rem;
    color:var(--color)
}
 .list_products .item_box .item .text_box .other{
    display:flex;
    justify-content:space-between;
    font-size:.16rem;
    color:#666666
}
 .list_products .item_box .item .text_box .other div:first-child{
}
 .list_products .item_box .item .text_box .other span{
}
 .list_products .item_box .item .text_box .other span img{
    max-width:.24rem;
    margin-top:-.03rem
}
 .list_products .item_box .item .text_box > span{
    font-size:.16rem;
    color:var(--color)
}
 .list_products .page_sidebar{
    width:26%;
    padding-right:.65rem
}
 .list_products .page_sidebar .sidebar_search_box{
    display:flex;
    width:100%;
    margin-bottom:.24rem;
    border-radius:.02rem;
    overflow:hidden
}
 .list_products .page_sidebar .sidebar_search_box .form_control.keywords{
    background:#eaeaea;
    padding:0 .1rem;
    font-size:.16rem;
    width:100%
}
 .list_products .page_sidebar .sidebar_search_box .search_btn{
    width:.85rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    background:var(--color);
    cursor:pointer;
    transition:all .3s linear
}
 .list_products .page_sidebar .sidebar_search_box .search_btn img{
    filter:brightness(0) invert(1)
}
 .list_products .page_sidebar .sidebar_search_box .search_btn:hover img{
    filter:brightness(0) invert(1)
}
 .list_products .page_sidebar .sidebar_category_box{
    margin-bottom:.2rem
}
 .list_products .page_sidebar .sidebar_category_box>p{
    margin-top:.25rem;
    font-size:.2rem;
    position:relative;
    border-bottom:.02rem solid #5d5d5d;
    padding-bottom:.1rem;
    margin-bottom:.3rem
}
 .list_products .page_sidebar .sidebar_category_box .item{
    margin-bottom:.15rem
}
 .page_sidebar .sidebar_category_box .item .child{
    display:none
}
 .list_products .page_sidebar .sidebar_category_box .item:last-child{
    border:0
}
 .list_products .page_sidebar .sidebar_category_box .item > a{
    font-size:.18rem;
    display:block;
    padding:.2rem .25rem;
    background:#f4f4f4;
    line-height:1.3;
    position:relative
}
 .list_products .page_sidebar .sidebar_category_box .item > a i{
}
 .list_products .page_sidebar .sidebar_category_box .item > a i{
    position:absolute;
    top:22%;
    right:.05rem;
    margin:auto;
    width:.3rem;
    height:.3rem;
    transition:.3s
}
 .list_products .page_sidebar .sidebar_category_box .item > a i.open{
    transform:rotate(90deg)
}
 .list_products .page_sidebar .sidebar_category_box .item > a i::before{
    position:absolute;
    top:-.04rem;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:.11rem;
    height:.11rem;
    border-right:.02rem solid #555;
    border-bottom:.02rem solid #555;
    transform:rotate(45deg);
    transition:all .3s linear
}
 .list_products .page_sidebar .sidebar_category_box .item > a:hover,.list_products .page_sidebar .sidebar_category_box .item.active > a{
    background:var(--color);
    color:#ffffff
}
 .list_products .page_sidebar .sidebar_category_box .item > a:hover i:before,.list_products .page_sidebar .sidebar_category_box .item.active > a i:before{
    border-color:#ffffff
}
 .list_products .page_sidebar .sidebar_category_box .item .sub_menu{
    display:none
}
 .list_products .page_sidebar .sidebar_category_box .item .sub_menu li{
}
 .list_products .page_sidebar .sidebar_category_box .item .sub_menu li a{
    display:block;
    font-size:.16rem;
    line-height:1.4;
    padding:.12rem .35rem;
    color:#666666;
    position:relative
}
 .list_products .page_sidebar .sidebar_category_box .item .sub_menu li a:before{
    content:'';
    display:block;
    width:.07rem;
    height:.07rem;
    border-radius:100vh;
    background:#666666;
    position:absolute;
    left:.15rem;
    top:43%;
    transition:all .3s linear
}
 .list_products .page_sidebar .sidebar_category_box .item .sub_menu li a:hover,.list_products .page_sidebar .sidebar_category_box .item .sub_menu li a.active{
    color:var(--color)
}
 .list_products .page_sidebar .sidebar_category_box .item .sub_menu li a:hover:before,.list_products .page_sidebar .sidebar_category_box .item .sub_menu li a.active:before{
    background:var(--color)
}
 .page_solutions{
}
 .page_solutions{
}
 .page_solutions .page_solutions_head{
    border-bottom:.03rem solid #efefef;
    margin:.45rem 0
}
 .page_solutions .page_solutions_head_title{
    text-align:center;
    margin-bottom:.5rem
}
 .page_solutions .page_solutions_head_title h2{
    font-size:.36rem;
    margin-bottom:.15rem
}
 .page_solutions .page_solutions_head_title p{
    font-size:.16rem;
    color:#666666
}
 .page_solutions .page_solutions_head_category{
    display:flex;
    justify-content:center
}
 .page_solutions .page_solutions_head_category .item{
    width:16.666%;
    text-align:center
}
 .page_solutions .page_solutions_head_category .item a{
    display:block;
    position:relative
}
 .page_solutions .page_solutions_head_category .item a:before{
    content:'';
    display:block;
    width:0;
    height:.03rem;
    background:var(--color);
    position:absolute;
    bottom:-.08rem;
    transition:all .3s linear
}
 .page_solutions .page_solutions_head_category .item img{
    filter:brightness(.15);
    transition:all .3s linear;
    max-width:.4rem
}
 .page_solutions .page_solutions_head_category .item p{
    transition:all .3s linear;
    font-size:.16rem;
    margin-top:.2rem;
    margin-bottom:.05rem
}
 .page_solutions .page_solutions_head_category .item a:hover:before,.page_solutions .page_solutions_head_category .item a.active:before{
    width:100%
}
 .page_solutions .page_solutions_head_category .item a:hover img,.page_solutions .page_solutions_head_category .item a.active img{
    filter:unset
}
 .page_solutions .page_solutions_head_category .item a:hover p,.page_solutions .page_solutions_head_category .item a.active p{
    color:var(--color)
}
 .page_solutions .page_solutions_box{
    display:flex;
    flex-direction:row-reverse
}
 .page_solutions .page_solutions_box .content_box{
}
 .page_solutions .page_solutions_title{
    background:url(/res/magic/images/grt_130.webp) no-repeat center/cover;
    background-color:#CCF0CE;
    border-radius:.08rem;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    align-content:center;
    justify-content:center;
    padding:.6rem .2rem;
    margin-bottom:.2rem;
    text-align:center
}
 .page_solutions .page_solutions_title h2{
    font-size:.36rem;
    margin-bottom:.1rem
}
 .page_solutions .page_solutions_title p{
    font-size:.18rem
}
 .page_solutions .page_solutions_box .item_box{
    display:flex;
    flex-wrap:wrap;
    margin-bottom: .5rem;
}
 .page_solutions .page_solutions_box .item_box .item{
    margin-bottom:.2rem
}
 .page_solutions .page_solutions_box .item_box .item a{
    padding:.4rem;
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    background:#f7f8f7;
    border-radius:.08rem
}
 .page_solutions .page_solutions_box .item_box .item .img_box{
    width:38%;
    overflow:hidden
}
 .page_solutions .page_solutions_box .item_box .item .img_box img{
}
 .page_solutions .page_solutions_box .item_box .item .text_box{
    width:62%;
    padding-right:6%
}
 .page_solutions .page_solutions_box .item_box .item .text_box .title{
    font-size:.2rem;
    line-height:1.3;
    margin-bottom:.15rem;
    transition:all .3s linear
}
 .page_solutions .page_solutions_box .item_box .item .text_box .remark{
    font-size:.16rem;
    color:#666666;
    line-height:1.3;
    margin-bottom:.4rem
}
 .page_solutions .page_solutions_box .item_box .item .text_box .other{
    display:flex;
    align-items:center
}
 .page_solutions .page_solutions_box .item_box .item .text_box .other p{
    font-size:.16rem
}
 .page_solutions .page_solutions_box .item_box .item .text_box .other p:first-child{
    background:var(--color);
    color:#ffffff;
    border-radius:.05rem;
    padding:.05rem .1rem;
    margin-right:.15rem
}
 .page_solutions .page_solutions_box .item_box .item a:hover{
    background:#E8F4E9
}
 .page_solutions .page_solutions_box .item_box .item a:hover .text_box .title{
    color:var(--color)
}
 .show_products{
    padding-bottom:.8rem
}
 .show_products .show_products_head{
    padding-top:.45rem;
    padding-bottom:.45rem;
    display:flex;
    align-items:flex-start;
    justify-content:space-between
}
 .show_products .show_products_head .auto-container{
}
 .show_products .show_products_head .img_box{
    width:45%;
    margin-right:4%
}
 .show_products .show_products_head .text_box{
    width:50%
}
 .show_products .show_products_head .img_box .view_box{
    position:relative;
    margin-bottom:.2rem
}
 .show_products .show_products_head .img_box .view_box .swiper-container{
}
 .show_products .show_products_head .img_box .view_box .swiper-slide{
}
 .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
}
 .show_products .show_products_head .img_box .thumb_box .swiper-container{
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide{
    width:17.55%;
    height:17.55%;
    border:.01rem solid #E3E3E3;
    overflow:hidden;
    margin-right:3%;
    cursor:pointer
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide:last-child{
    margin-right: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:#f5f5f5;
    top:0;
    border-radius:unset;
    width:.3rem;
    height:100%
}
 .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{
    width:.12rem;
    height:.12rem;
    top:42%;
    border-width:.02rem;
    left:20%
}
 .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{
    border-color:var(--color)
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    left:0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next{
    right:0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide.active-nav{
    border-color:var(--color)
}
 .show_products .show_products_head .text_box h1{
    font-size:.3rem;
    line-height:1.3;
    margin-bottom:.2rem
}
 .show_products .show_products_head .text_box .remark{
    font-size:.18rem;
    line-height:1.3;
    color:#666666
}
 .show_products .show_products_head .text_box .other{
    margin-top:.15rem
}
 .show_products .show_products_head .text_box .other span{
}
 .show_products .show_products_head .text_box .other span img{
    max-width:.24rem;
    margin-top:-.03rem
}
 .show_products .show_products_head .text_box .other .enshrine{
    margin-left:.1rem;
    font-size:.16rem
}
 .show_products .show_products_head .text_box .other .enshrine img{
    cursor:pointer;
    margin-right:.05rem
}
 .show_products .show_products_head .text_box .other .enshrine span{
}
 .show_products .show_products_head .text_box .attribute_box{
    border-bottom:.01rem solid #cfcfcf;
    padding-bottom:.25rem;
    margin-bottom:.25rem
}
 .show_products .show_products_head .text_box .attribute{
    border-top:.01rem solid #cfcfcf;
    margin:.25rem 0;
    padding:.25rem 0;
    margin-bottom:0;
    padding-bottom:0
}
 .show_products .show_products_head .text_box .attribute div{
    display:flex;
    font-size:.18rem;
    margin-bottom:.15rem
}
 .show_products .show_products_head .text_box .attribute div p:first-child,.page_product_show .product_show_head .text_box .color_thumbs>p{
    width:25%
}
 .show_products .show_products_head .text_box .attribute div p:last-child{
    color:#666666
}
 .show_products .show_products_head .text_box .color_thumbs{
    display:flex
}
 .show_products .show_products_head .text_box .color_thumbs>p{
    width:30%;
    font-size:.18rem
}
 .show_products .show_products_head .text_box .color_thumbs .color_img{
    display:flex;
    width:70%
}
 .show_products .show_products_head .text_box .color_thumbs .color_img p{
    width:.46rem;
    height:.46rem;
    border:.01rem solid #e7e7e7;
    margin-right:.2rem;
    cursor:pointer;
    transition:all .3s linear
}
 .show_products .show_products_head .text_box .color_thumbs .color_img p:last-child{
    margin-right:0
}
 .show_products .show_products_head .text_box .color_thumbs .color_img p:hover{
    border-color:#000
}
 .show_products .show_products_head .text_box .contact_box{
    margin-bottom:.2rem;
    display:flex;
    align-items:center
}
 .show_products .show_products_head .text_box .contact_box p{
    font-size:.16rem
}
 .show_products .show_products_head .text_box .contact_box p:first-child{
    margin-right:.15rem
}
 .show_products .show_products_head .text_box .contact_box img{
    margin-right:.1rem;
    max-width:.24rem
}
 .show_products .show_products_head .text_box .contact_box a{
    margin-right:.1rem
}
 .show_products .show_products_head .text_box .contact_box a:last-child{
    margin-right:0
}
 .show_products .show_products_head .text_box .contact_box a:hover{
    color:var(--color)
}
 .show_products .show_products_head .text_box .btn_box{
    margin-bottom:.2rem
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4{
    font-family:'RobotoRegular'
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:first-child{
    margin-right:.15rem
}
 .show_products .show_products_head .text_box .btn_box .quote-button{
    cursor:pointer;
    margin-right:.15rem
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list{
    border:.01rem solid var(--color);
    padding:.07rem .38rem;
    background:var(--color);
    color:#fff;
    border-radius:.04rem;
    text-transform:capitalize
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list .btn_main_text{
    font-size:.16rem;
    font-family:RobotoBold
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4 .btn_small_list.hover{
    background:#fff;
    color:var(--color)
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list{
    border:.01rem solid #666666;
    padding:.07rem .38rem;
    color:#666666;
    background:0 0
}
 .show_products .show_products_head .text_box .btn_box .btn_effect4:last-child .btn_small_list.hover{
    background:var(--color);
    border-color:var(--color);
    color:#fff
}
 .show_products .show_products_head .text_box .share_box a{
    display:inline-block;
    margin-right:.05rem
}
 .show_products .show_products_head .text_box .share_box a img{
    max-width:.25rem
}
 .show_products .page_recommend_pro{
    padding-top:.6rem
}
 .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{
    border-color:#acacac;
    width:.5rem;
    height:.5rem;
    border-width:.01rem
}
 .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{
    top:.02rem;
    bottom:0;
    right:.2rem;
    border-right:.03rem solid #999;
    border-bottom:.03rem solid #999;
    border-radius:.02rem
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-next{
    right:-1.2rem;
    margin-left:.35rem
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
    left:-1.2rem
}
 .show_products .page_recommend_pro .swiper-container{
    padding-bottom:.45rem
}
 .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;
    background: var(--color);
}
 .show_products .page_recommend_pro .item{
    overflow:hidden;
    border-radius:.05rem
}
 .show_products .page_recommend_pro .item .img_box{
    overflow:hidden;
    background:#ffffff;
    min-height:3rem;
    text-align:center;
    line-height:3rem;
    border:.01rem solid #d7d7d7;
    border-radius:.05rem
}
 .show_products .page_recommend_pro .item .img_box img{
    max-height:3rem
}
 .show_products .page_recommend_pro .item .text_box{
    margin-top:.15rem
}
 .show_products .page_recommend_pro .item .text_box i{
    font-style:normal;
    color:#2673ff
}
 .show_products .page_recommend_pro .item .text_box p{
    font-size:.18rem;
    line-height:1.3;
    margin-bottom:.1rem;
    min-height:.52rem
}
 .show_products .page_recommend_pro .item .text_box span{
    font-size:.16rem;
    color:#333333
}
 .show_products .page_content_block{
    margin-bottom:.45rem;
    text-align:center
}
 .show_products .page_content_block p:before{
    content:'';
    display:block;
    width:1.5rem;
    height:.02rem;
    background:#5DB75F;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto
}
 .show_products .page_content_block p{
    font-size:.36rem;
    position:relative;
    padding-bottom:.15rem;
    margin-bottom:.2rem;
    line-height:1.3;
    text-align:center;
    font-family:'RobotoBold';
    text-transform:capitalize
}
 .show_products .page_content_block span{
    font-size:.18rem;
    color:#666666
}
 .show_products .page_pro_faq{margin-top: .6rem;}
 .show_products .page_pro_faq .page_pro_faq_box{
    display:flex;
    flex-wrap:wrap
}
 .show_products .page_pro_faq_box .item{
    padding:.3rem;
    background:#f5f5f5;
    margin-bottom:.45rem;
    border-radius:.08rem;
    width:100%;
    cursor: pointer;
}
 .show_products .page_pro_faq_box .item:last-child{
    margin-bottom:0
}
 .show_products .page_pro_faq_box .item .title i{
    font-style:unset;
    display:block;
    width:.25rem;
    height:.25rem;
    border-radius:100vh;
    font-size:.16rem;
    color:#ffffff;
    background:#bdbdbd;
    text-align:center;
    line-height:.25rem
}
 .show_products .page_pro_faq_box .item .title{
    display:flex;
    justify-content:space-between
}
 .show_products .page_pro_faq_box .item .title{position: relative;}
 .show_products .page_pro_faq_box .item .title:before{
  content:'+';
  display:block;
  font-size: .18rem;
  font-family: 'RobotoBold';
  position: absolute;
  right: 0;
 }
.show_products .page_pro_faq_box .item.open .title:before{
 content:'-';
 font-size: .24rem;
 top: -.05rem;
}
 .show_products .page_pro_faq_box .item .title i{
    background:var(--color)
}
 .show_products .page_pro_faq_box .item .title p,.show_products .page_pro_faq_box .item .remark p{
    width:97.5%
}
 .show_products .page_pro_faq_box .item .title p{
    font-size:.2rem;
    line-height:1.3
}
.show_products .page_pro_faq_box .item .remark{
    margin-top: .15rem;
    display: none;
    font-size:.16rem;
    color:#666666;
    line-height:1.3;
    padding-left: .35rem;
}
 .common_from{
    border-radius:.1rem;
    margin:.8rem auto;
    padding:.5rem
}
 .common_from .img_box{
    width:42.5%;
    overflow:hidden
}
 .common_from form{
    width:57.5%
}
 .common_from form .input div input::placeholder,.common_from form .textarea_box textarea::placeholder{
    color:#fff
}
 .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:#fff
}
 .common_from form .input div input{
    padding-bottom:.1rem;
    font-size:.16rem;
    width:100%;
    color:#fff
}
 .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:#fff;
    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:#fff
}
 .common_from form .upload-box .upload-wrap .file-open img{
    vertical-align:middle;
    margin-right:.2rem
}
 .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:#fff
}
 .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:0 0;
    text-transform:uppercase
}
 .common_from form .submit button .btn_small_wrap .btn_small_list.hover{
    background:var(--color);
    color:#fff
}
 .show_products .show_products_box{
}
 .show_products .show_products_box .show_content_head{
    border-bottom:.02rem solid #f5f5f5
}
 .show_products .show_products_box .show_content_head .auto-container{
    display:flex
}
 .show_products .show_products_box .show_content_head p{
    font-size:.2rem;
    cursor:pointer;
    transition:all .3s linear;
    position:relative;
    width:2rem;
    padding-bottom:.2rem;
    text-align:center
}
 .show_products .show_products_box .show_content_head p:before{
    content:'';
    display:block;
    width:0;
    height:.02rem;
    background:var(--color);
    position:absolute;
    left:0;
    bottom:-.02rem;
    transition:all .3s linear
}
 .show_products .show_products_box .show_content_head p:first-child{
}
 .show_products .show_products_box .show_content_head p:last-child{
    border-top-right-radius:.08rem
}
 .show_products .show_products_box .show_content_head p.active,.show_products .show_products_box .show_content_head p:hover{
    color:var(--color)
}
 .show_products .show_products_box .show_content_head p.active:before,.show_products .show_products_box .show_content_head p:hover:before{
    width:100%
}
 .show_products .show_products_box .content_item{
    margin-top:.45rem
}
 .show_products .show_products_box .content_item .section{
    display:none
}
 .show_products .show_products_box .content_item .section.open{
    display:block
}
 .show_products .show_products_box .content_item .downloads_box{
    padding:.5rem 0
}
 .show_products .show_products_box .content_item .downloads_box .list a{
    display:flex;
    align-items:center;
    border-bottom:.01rem solid #eee;
    justify-content:space-between;
    padding:.2rem
}
 .show_products .show_products_box .content_item .downloads_box .list .icon{
    width:.55rem;
    height:.55rem;
    border:.01rem solid #c5c5c5;
    text-align:center;
    line-height:.55rem;
    border-radius:.04rem
}
 .show_products .show_products_box .content_item .downloads_box .list .icon img{
    max-width:.35rem;
    margin-top:-.06rem
}
 .show_products .show_products_box .content_item .downloads_box .list p{
    font-size:.16rem;
    width:85%
}
 .show_products .show_products_box .content_item .downloads_box .list .icon1{
    border:.01rem solid #ccc;
    padding:.05rem .2rem;
    font-size:.16rem;
    color:var(--color);
    transition:all .3s linear
}
 .show_products .show_products_box .content_item .downloads_box .list:hover .icon1{
    background:var(--color);
    color:#fff;
    border-color:var(--color)
}

.page_video {
    padding: .45rem 0
}

.page_video .item_box {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem;
    margin-bottom: .3rem;
}

.page_video .item_box .item {
   width: 23.9%;
    margin-bottom: .3rem;
}

.page_video .item_box .item .img_box {
    position: relative
}

.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,.5);
    opacity: 0;
    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;
    opacity: 0;
    width: .5rem;
    height: auto;
    cursor: pointer
}

.page_video .item_box .item .img_box:hover .video_play,.page_video .item_box .item .img_box:hover::after {
    opacity: 1
}

.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;
}

.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
}