.index_banner{
    width:100%;
    overflow:hidden;
    aspect-ratio:32 / 15
}
 .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
    width:.8rem;
    height:.8rem
}
 .index_banner .swiper-button-prev{
    left:.5rem
}
 .index_banner .swiper-button-next{
    right:.5rem
}
 .index_banner .swiper-button-prev:before,.index_banner .swiper-button-next:before{
    width:.4rem;
    height:.4rem;
    top:25%;
    left:25%
}
 .index_banner -horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0;
    margin-right:.3rem
}
 .head_block{
    margin-bottom:.6rem;
    text-align:center;
    position:relative;
    padding-top:.5rem
}
 .head_block:before{
    content:'';
    display:block;
    width:4.59rem;
    height:2.27rem;
    position:absolute;
    left:0;
    right:0;
    top:0;
    margin:auto;
    z-index:0;
    background-image:url(/res/magic/images/gyzk137.webp);
    background-size: contain;
}
 .head_block .head_block_box{
    position:relative;
    z-index:2
}
 .head_block .head_block_box > p{
    font-size:.18rem;
    text-transform:uppercase;
    position:relative;
    padding-left:.5rem;
    width:max-content;
    margin:auto
}
 .head_block .head_block_box > p:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:.12rem;
    width:.35rem;
    height:.03rem;
    border-radius:100vh;
    background:var(--color)
}
 .head_block .title{
    font-size:.48rem;
    line-height:1.3;
    font-family:'RobotoBold';
    margin:.15rem 0
}
 .head_block .title span{
    color:var(--color)
}
 .head_block .remark{
    font-size:.18rem;
    line-height:1.2;
    color:#666666
}
 .boxed_btn{
    background:#ffffff;
    border-radius:.02rem .2rem .02rem .2rem;
    padding:.01rem;
    width:max-content;
    transition:all .3s linear
}
 .boxed_btn:hover,.boxed_btn.active{
    background:linear-gradient(90deg,#1877c5 0,#15d562 100%) !important
}
 .boxed_btn .btn{
    font-size:.16rem;
    color:#ffffff;
    display:block;
    padding:.07rem .25rem;
    border-radius:.02rem .2rem .02rem .2rem;
    position:relative;
    overflow:hidden;
    background:var(--color)
}
 .boxed_btn .btn:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(90deg,#1877c5 0,#15d562 100%);
    border-radius:100%;
    transform:scale(0);
    transition-duration:.3s
}
 .boxed_btn .btn span{
    position:relative;
    z-index:2
}
 .boxed_btn img{
    max-width:.25rem;
    filter:brightness(0) invert(1);
    position:relative;
    z-index:2;
    transition:all .3s linear
}
 .boxed_btn:hover img,.boxed_btn.active img{
    transform:translateX(.1rem) !important;
    filter:brightness(0) invert(1) !important
}
 .boxed_btn .btn:hover,.boxed_btn.active .btn{
    color:#fff !important;
    background:transparent !important
}
 .boxed_btn .btn:focus:before,.boxed_btn .btn:hover:before,.boxed_btn.active .btn:focus:before,.boxed_btn.active .btn:hover:before{
    transform:scale(1) !important;
    z-index:1 !important
}
 section{
    background:#E9F0F5;
    padding-bottom:.65rem
}
 .index_banner{
}
 .index_banner .index_banner_swiper{
}
 .index_banner .swiper-wrapper{
}
 .index_banner .swiper-slide{
}
 .index_banner .swiper-slide .img{
}
 .index_banner .swiper-slide .img a{
}
 .index_banner .swiper-slide .img a img{
}
 .index_banner .swiper-button-prev{
}
 .index_banner .swiper-button-next{
}
 .index_section1{
}
 .index_section1 .auto-container{
}
 .index_section1 .head_block{
}
 .index_section1 .head_block .head_block_box{
}
 .index_section1 .head_block .head_block_box p{
}
 .index_section1 .head_block .head_block_box .title{
}
 .index_section1 .head_block .head_block_box .remark{
    position:relative;
    padding:0 .25rem;
    margin-top:.3rem
}
 .index_section1 .head_block .head_block_box .remark:before,.index_section1 .head_block .head_block_box .remark:after{
    content:'"';
    display:block;
    font-size:.5rem;
    color:var(--color);
    font-family:'RobotoBold';
    position:absolute
}
 .index_section1 .head_block .head_block_box .remark:before{
    top:-.3rem;
    left:0
}
 .index_section1 .head_block .head_block_box .remark:after{
    right:0;
    bottom:-.6rem
}
 .index_section1 .head_block .head_block_box .remark p{
    font-size:.3rem;
    font-family:'RobotoBold';
    color:#000000;
    line-height:1.2;
    margin-bottom:.25rem
}
 .index_section1 .index_section1_box{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem .2rem
}
 .index_section1 .index_section1_box .item{
    flex: 0 0 calc((100% - 2 * .2rem) / 3);
}
 .index_section1 .index_section1_box .item:nth-child(1),.index_section1 .index_section1_box .item:nth-child(2){
     flex: 0 0 calc((100% - 1 * .2rem) / 2);
}
 .index_section1 .index_section1_box .item a{
}
 .index_section1 .index_section1_box .item .img_box{
    overflow:hidden;
    border-radius:.08rem
}
 .index_section1 .index_section1_box .item .img_box img{
}
 .index_section1 .index_section1_box .item .txt_box{
    text-align:center;
    margin-top:.2rem
}
 .index_section1 .index_section1_box .item .txt_box .txt{
    font-size:.48rem;
    font-family:'RobotoBold';
    color:var(--color)
}
 .index_section1 .index_section1_box .item .txt_box .txt p{
    display:inline-block
}
 .index_section1 .index_section1_box .item .txt_box span{
    font-size:.18rem;
    color:#666666
}
 .index_section2{
}
 .index_section2 .auto-container{
}
 .index_section2 .head_block{
}
 .index_section2 .head_block .head_block_box{
}
 .index_section2 .head_block .head_block_box p{
}
 .index_section2 .head_block .head_block_box .title{
}
 .index_section2 .head_block .head_block_box .remark{
}
 .index_section2 .index_section2_line{
    text-align:center
}
 .index_section2 .index_section2_line img{
}
 .index_section2 .index_section2_box{
    margin-top:.5rem;
    position:relative
}
 .index_section2 .index_section2_box .index_section2_swiper{
}
 .index_section2 .index_section2_box .swiper-wrapper{
}
 .index_section2 .index_section2_box .swiper-slide{
}
 .index_section2 .index_section2_box .swiper-slide .img_box{
    overflow:hidden;
    border:.05rem solid #D2DAE0;
    cursor:pointer;
    transition:all .3s linear
}
 .index_section2 .index_section2_box .swiper-slide .img_box img{
    transition:all .3s linear
}
 .index_section2 .index_section2_box .swiper-slide .img_box:hover{
    border-color:var(--color)
}
 .index_section2 .index_section2_box .swiper-slide .img_box:hover img{
}
 .index_section2 .index_section2_box .swiper-slide p{
    font-size:.16rem;
    text-align:center;
    margin:.15rem 0
}
 .index_section2 .index_section2_box .swiper-pagination{
}
 .index_section2 .index_section2_box .swiper-pagination-bullet{
}
 .index_section2 .index_section2_box .swiper-pagination-bullet-active{
}
 .index_section2 .index_section2_box .swiper-button-prev{
}
 .index_section2 .index_section2_box .swiper-button-next{
}
 @keyframes rotate360{
    to{
        transform:rotate(360deg)
    }
}
.index_section3{
    display:flex;
    position:relative;
    align-items:center
}
 .index_section3 .left{
    width:55%;
    background:var(--color);
    height:6.7rem;
    color:#ffffff;
    display:flex;
    align-items:center
}
 .index_section3 .left .head_block{
    text-align:left
}
 .index_section3 .left .head_block:before{
    background-image:url(/res/magic/images/gyzk137-1.webp);
    right:unset
}
 .index_section3 .left .head_block .head_block_box{
    max-width:65%;
    left:0;
    right:0;
    margin:auto
}
 .index_section3 .left .head_block .head_block_box > p:before{
    background:#ffffff
}
 .index_section3 .left .head_block .head_block_box p{
    margin:unset
}
 .index_section3 .left .head_block .head_block_box .title{
}
 .index_section3 .left .head_block .head_block_box .remark{
    -webkit-line-clamp:11;
    color:#ffffff;
    line-height:1.3;
    margin-top:.35rem;
    margin-bottom:.45rem
}
 .index_section3 .left .head_block .head_block_box .boxed_btn{
}
 .index_section3 .left .head_block .head_block_box .boxed_btn img{
}
 .index_section3 .right{
    width:48%;
    position:absolute;
    right:0
}
 .index_section3 .right .img_box{
    position:relative;
    border-radius:.08rem;
    overflow:hidden
}
 .index_section3 .right .img_box img{
}
 .index_section3 .right .img_box .icon_box{
    position:absolute;
    bottom:0;
    top:0;
    right:0;
    left:0;
    margin:auto;
    width:1rem;
    height:1rem;
    background:#0f2b46a1;
    backdrop-filter:blur(2px);
    border-radius:100vh;
    cursor:pointer
}
 .index_section3 .right .img_box .icon_box:before{
    content:'';
    display:block;
    border-bottom:.11rem solid transparent;
    border-top:.11rem solid transparent;
    border-left:.15rem solid #fff;
    position:absolute;
    transition:all .3s linear;
    top:40%;
    left:48%;
    width:max-content;
    height:max-content;
    z-index:99999;
    border-radius:.02rem
}
 .index_section3 .right .img_box .icon_box img{
    animation:rotate360 4s linear infinite
}
 .index_section4{
}
 .index_section4 .auto-container{
}
 .index_section4 .head_block{
}
 .index_section4 .head_block .head_block_box{
}
 .index_section4 .head_block .head_block_box p{
}
 .index_section4 .head_block .head_block_box .title{
}
 .index_section4 .head_block .head_block_box .remark{
}
 .index_section4 .index_section4_box{
}
 .index_section4 .index_section4_box .index_section4_swiper{
    padding-bottom:.5rem
}
 .index_section4 .index_section4_box .swiper-wrapper{
}
 .index_section4 .index_section4_box .swiper-slide{
}
 .index_section4 .index_section4_box .swiper-slide .item{
    display:flex;
    /*flex-wrap:wrap;*/
    gap:.2rem
}
 .index_section4 .index_section4_box .swiper-slide .item .left{
    width:44%
}
 .index_section4 .index_section4_box .swiper-slide .item .center{
    width:31%
}
 .index_section4 .index_section4_box .swiper-slide .item .right{
    width:22%;
    display:flex;
    flex-wrap:wrap
}
 .index_section4 .index_section4_box .swiper-slide .item .img{
    overflow:hidden;
    border-radius:.08rem;
    height:100%;
    cursor:pointer
}
 .index_section4 .index_section4_box .swiper-slide .item .img img{
    height:100%;
    object-fit:cover
}
 .index_section4 .index_section4_box .swiper-slide .item .right .img{
    height:48%;
    width:100%
}
 .index_section4 .index_section4_box .swiper-slide .item .right .img:nth-child(1){
    margin-bottom:.2rem
}
 .index_section4 .index_section4_box .swiper-slide .item .right .img img{
    max-height:2.6rem;
    width:100%;
    object-fit:cover
}
 .index_section4 .index_section4_box .swiper-pagination{
}
 .index_section4 .index_section4_box .swiper-pagination-bullet{
}
 .index_section4 .index_section4_box .swiper-pagination-bullet-active{
}
 .index_ads{
    background:var(--color)
}
 .index_ads .auto-container{
}
 .index_ads .ads_box{
    display:flex;
    justify-content:space-between;
    padding:.5rem 0
}
 .index_ads .ads_box .left{
    font-size:.4rem;
    line-height:1.3;
    font-family:'RobotoBold';
    color:#ffffff;
    text-transform:uppercase;
    position:relative
}
 .index_ads .ads_box .left:before{
    content:'';
    display:block;
    background:url(/res/magic/images/gyzk141.webp) no-repeat center;
    width:.93rem;
    height:.33rem;
    position:absolute;
    right:35%;
    top:5%
}
 .index_ads .ads_box .ads_right{
    width:20%
}
 .index_ads .ads_box .ads_right p{
    font-size:.16rem;
    color:#91B0D3;
    margin-bottom:.1rem
}
 .index_ads .ads_box .ads_right .boxed_btn{
}
 .index_ads .ads_box .ads_right .boxed_btn img{
}
 .index_section5{
}
 .index_section5 .auto-container{
}
 .index_section5 .head_block:before{
    display:none
}
 .index_section5 .head_block .head_block_box{
}
 .index_section5 .head_block .head_block_box p{
}
 .index_section5 .head_block .head_block_box .title{
}
 .index_section5 .index_section5_box{
}
 .index_section5 .index_section5_box .text_box{
    display:flex;
    margin-bottom:.5rem
}
 .index_section5 .index_section5_box .text_box .item{
    width:12.5%;
    text-align:center;
    position:relative
}
 .index_section5 .index_section5_box .text_box .item:before,.index_section5 .index_section5_box .text_box .item:after{
    content:'';
    display:block;
    position:absolute
}
 .index_section5 .index_section5_box .text_box .item:before{
    width:1.5rem;
    height:35px;
    background:#D2DAE0;
    top:20%;
    left:60%;
    z-index:0
}
 .index_section5 .index_section5_box .text_box .item:after{
    background:url(/res/magic/images/gyzk154.png);
    width:1.95rem;
    height:.14rem;
    left:45%;
    top:25%
}
 .index_section5 .index_section5_box .text_box .item:last-child:before,.index_section5 .index_section5_box .text_box .item:last-child:after{
    display:none
}
 .index_section5 .index_section5_box .text_box .item .img{
    margin-bottom:.15rem;
    position:relative;
    z-index:2
}
 .index_section5 .index_section5_box .text_box .item .img img{
    max-width:.9rem
}
 .index_section5 .index_section5_box .text_box .item .txt{
    font-size:.16rem
}
 .index_section5 .index_section5_box .text_box .item .txt i{
    font-style:normal
}
 .index_section5 .index_section5_box .text_box .item .txt p{
}
 .index_section5 .index_section5_box .img_box{
    display:flex;
    gap:.2rem
}
 .index_section5 .index_section5_box .img_box .img{
    width:32.5%;
    border-radius:.08rem;
    overflow:hidden
}
 .index_section5 .index_section5_box .img_box .img img{
}
 .index_section6{
}
 .index_section6 .auto-container{
}
 .index_section6 .head_block{
}
 .index_section6 .head_block .head_block_box{
}
 .index_section6 .head_block .head_block_box p{
}
 .index_section6 .head_block .head_block_box .title{
}
 .index_section6 .head_block .head_block_box .remark{
}
 .index_section6 .index_section6_box{
    position:relative
}
 .index_section6 .index_section6_box .index_section6_swiper{
}
 .index_section6 .index_section6_box .swiper-wrapper{
}
 .index_section6 .index_section6_box .swiper-slide{
}
 .index_section6 .index_section6_box .swiper-slide .item{
    display:flex;
    border-radius:.08rem;
    overflow:hidden
}
 .index_section6 .index_section6_box .swiper-slide .img_box,.index_section6 .index_section6_box .swiper-slide .text_box{
    width:50%
}
 .index_section6 .index_section6_box .swiper-slide .img_box{
}
 .index_section6 .index_section6_box .swiper-slide .img_box img{
    height: 100%;
    object-fit: cover;
}
 .index_section6 .index_section6_box .swiper-slide .text_box{
    background:var(--color);
    position:relative;
    overflow:hidden;
    padding:.5rem;
    color:#ffffff
}
 .index_section6 .index_section6_box .swiper-slide .text_box:before{
    content:'';
    display:block;
    background:url(/res/magic/images/gyzk142.webp) no-repeat center;
    width:3.21rem;
    height:3.21rem;
    position:absolute;
    bottom:-25%;
    right:-25%
}
 .index_section6 .index_section6_box .swiper-slide .text_box .txt{
    font-size:.2rem;
    font-family:'RobotoBold';
    margin-bottom:.15rem
}
 .index_section6 .index_section6_box .swiper-slide .text_box p{
    font-size:.16rem;
    margin-bottom:.1rem
}
 .index_section6 .index_section6_box .swiper-slide .text_box p:last-child{
    margin-bottom:0
}
 .index_section6 .index_section6_box .swiper-pagination{
}
 .index_section6 .index_section6_box .swiper-pagination-bullet{
}
 .index_section6 .index_section6_box .swiper-pagination-bullet-active{
}
 .index_section6 .index_section6_box .swiper-button-prev{
}
 .index_section6 .index_section6_box .swiper-button-next{
}
 .index_section7{
    padding-bottom:.8rem
}
 .index_section7 .auto-container{
}
 .index_section7 .head_block{
}
 .index_section7 .head_block_box{
    color:#ffffff
}
 .index_section7 .head_block_box > p:before{
    background:#ffffff
}
 .index_section7 .head_block:before{
    display:none
}
 .index_section7 .head_block .title{
}
 .index_section7 .head_block .remark{
    color:#ffffff
}
 .index_section7 .index_section7_line{
    position:absolute;
    width:4rem;
    height:4rem;
    border-radius:100vh;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    align-content:center;
    justify-content:center;
    text-align:center;
    padding:.5rem;
    color:#ffffff
}
 .index_section7 .index_section7_line img{
    max-width:1rem;
    margin-bottom:.15rem
}
 .index_section7 .index_section7_line p{
    width:100%;
    font-size:.24rem;
    font-family:'RobotoBold';
    margin-bottom:.15rem
}
 .index_section7 .index_section7_line span{
    font-size:.18rem;
    line-height:1.2;
    min-height:.65rem
}
 .index_section7 .index_section7_box{
    max-width:70%;
    margin:auto;
    position:relative
}
 .index_section7 .index_section7_box .item_box{
    display:flex;
    flex-wrap:wrap;
    gap:2.7rem;
    justify-content:space-between
}
 .index_section7 .index_section7_box .item{
    width:50%;
    max-width:1.9rem;
    height:1.9rem;
    background:#E4EDF3;
    border-radius:100vh;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center;
    align-content:center;
    cursor:pointer;
    border:.02rem solid var(--color);
    transition:all .3s linear
}
 .index_section7 .index_section7_box .item:hover,.index_section7 .index_section7_box .item.active{
    border-color:#4AB346;
    background:#ffffff
}
 .index_section7 .index_section7_box .item img{
    max-width:.5rem;
    margin-bottom:.15rem
}
 .index_section7 .index_section7_box .item p{
    font-size:.18rem;
    line-height:1.2;
    min-height:.44rem
}
 .index_section7 .index_section7_box .item span{
    display:none
}
 .index_section8{
}
 .index_section8 .auto-container{
}
 .index_section8 .head_block{
}
 .index_section8 .head_block .head_block_box{
}
 .index_section8 .head_block .head_block_box p{
}
 .index_section8 .head_block .head_block_box .title{
}
 .index_section8 .head_block .head_block_box .remark{
}
 .index_section8 .index_section8_box{
}
 .index_section8 .index_section8_box .item{
    display:flex;
    justify-content:space-between;
    margin-bottom: .9rem;
}
 .index_section8 .index_section8_box .item:last-child{
     margin-bottom: 0;
 }
 .index_section8 .index_section8_box .item:nth-child(even){
    margin-top:.9rem;
    flex-direction:row-reverse
}
 .index_section8 .index_section8_box .item .img_box{
    overflow:hidden;
    width:45%;
    background:#ffffff;
    border-radius:.08rem
}
 .index_section8 .index_section8_box .item .img_box a{
}
 .index_section8 .index_section8_box .item .img_box a img{
    max-height:5rem
}
 .index_section8 .index_section8_box .item .txt_box{
    width:48%
}
 .index_section8 .index_section8_box .item .txt_box a{
}
 .index_section8 .index_section8_box .item .txt_box a h2{
    font-size:.24rem;
    font-family:'RobotoBold';
    color:var(--color);
    margin-bottom:.2rem;
    padding-top:.2rem;
    border-top:.01rem solid #B9C1C7
}
 .index_section8 .index_section8_box .item .txt_box .pro_fields{
    padding-top:.2rem;
    border-top:.01rem solid #B9C1C7;
    margin-bottom:.3rem
}
 .index_section8 .index_section8_box .item .txt_box .pro_fields p{
    font-size:.16rem;
    margin-bottom:.1rem;
    position:relative;
    padding-left:.15rem
}
 .index_section8 .index_section8_box .item .txt_box .pro_fields p:before{
    content:'';
    display:block;
    width:.06rem;
    height:.06rem;
    border-radius:100vh;
    background:var(--color);
    position:absolute;
    left:0;
    top:.08rem
}
 .index_section8 .index_section8_box .item .cert_box{
    display:flex;
    gap:.2rem
}
 .index_section8 .index_section8_box .item .cert_box .img{
    border:.01rem solid #B9C1C7;
    border-radius:.08rem;
    padding:.05rem .3rem;
    transition:all .3s linear;
    cursor:pointer
}
 .index_section8 .index_section8_box .item .cert_box .img img{
}
 .index_section8 .index_section8_box .item .cert_box .img:hover{
    border-color:var(--color)
}
 .index_section9{
}
 .index_section9 .auto-container{
}
 .index_section9 .head_block{
}
 .index_section9 .head_block .head_block_box{
}
 .index_section9 .head_block .head_block_box .title{
}
 .index_section9 .head_block .head_block_box .remark{
}
 .index_section9 .index_section9_box{
    position:relative
}
 .index_section9 .index_section9_box .index_section9_swiper{
}
 .index_section9 .index_section9_box .swiper-wrapper{
}
 .index_section9 .index_section9_box .swiper-slide{
    border-radius:.08rem;
    overflow:hidden
}
 .index_section9 .index_section9_box .swiper-slide .img_box{
    position:relative
}
 .index_section9 .index_section9_box .swiper-slide .img_box .img{
    overflow:hidden
}
 .index_section9 .index_section9_box .swiper-slide .img_box .img img{
}
 .index_section9 .index_section9_box .swiper-slide .img_box .txt{
    background:linear-gradient(180deg,rgba(23,81,146,0.04) 0%,rgba(27,85,150,0.8) 100%);
    backdrop-filter:blur(.025rem);
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
    left:0;
    color:#ffffff;
    padding:.1rem 0
}
 .index_section9 .index_section9_box .swiper-slide .img_box .txt p{
    font-size:.2rem;
    font-family:'RobotoBold'
}
 .index_section9 .index_section9_box .swiper-slide .img_box .txt span{
    font-size:.16rem
}
 .index_section9 .index_section9_box .swiper-slide .text_box{
    background:var(--color);
    color:#ffffff;
    padding:.3rem
}
 .index_section9 .index_section9_box .swiper-slide .text_box .txt{
    font-size:.16rem;
    -webkit-line-clamp:8;
    min-height:1.95rem
}
 .index_section9 .index_section9_box .swiper-slide .text_box .boxed_btn{
    margin-top:.45rem
}
 .index_section9 .index_section9_box .swiper-slide .text_box .boxed_btn img{
}
 .index_section9 .index_section9_box .swiper-pagination{
}
 .index_section9 .index_section9_box .swiper-pagination-bullet{
}
 .index_section9 .index_section9_box .swiper-pagination-bullet-active{
}
 .index_section9 .index_section9_box .swiper-button-prev{
}
 .index_section9 .index_section9_box .swiper-button-next{
}
 .index_section10{
}
 .index_section10 .head_block{
}
 .index_section10 .head_block .head_block_box{
}
 .index_section10 .head_block .head_block_box p{
}
 .index_section10 .head_block .head_block_box .title{
}
 .index_section10 .head_block .head_block_box .remark{
}
 .index_section10 .index_section10_box{
    position:relative
}
 .index_section10 .index_section10_box .index_section10_swiper{
}
 .index_section10 .index_section10_box .swiper-wrapper{
}
 .index_section10 .index_section10_box .swiper-slide{
}
 .index_section10 .index_section10_box .swiper-slide .item{
    border-radius:.08rem .08rem 0 0;
    overflow:hidden;
    transition:all .3s linear
}
 .index_section10 .index_section10_box .swiper-slide .item a{
}
 .index_section10 .index_section10_box .swiper-slide .item .img_box{
}
 .index_section10 .index_section10_box .swiper-slide .item .img_box img{
}
 .index_section10 .index_section10_box .swiper-slide .item .txt{
    padding:.3rem;
    transition:all .3s linear
}
 .index_section10 .index_section10_box .swiper-slide .item .txt .other{
    font-size:.16rem;
    color:#666666;
    margin-bottom:.1rem
}
 .index_section10 .index_section10_box .swiper-slide .item .txt .other span{
    display:inline-block
}
 .index_section10 .index_section10_box .swiper-slide .item .txt .other span:first-child{
    margin-right:.2rem
}
 .index_section10 .index_section10_box .swiper-slide .item .txt .other span img{
    max-width:.2rem;
    margin-top:-.05rem;
    margin-right:.05rem
}
 .index_section10 .index_section10_box .swiper-slide .item .txt h3{
    font-size:.22rem;
    font-family:'RobotoBold';
    line-height:1.2;
    min-height:.53rem;
    transition:all .3s linear
}
 .index_section10 .index_section10_box .swiper-slide .item .txt .remark{
    font-size:.16rem;
    color:#666666;
    line-height:1.3;
    margin-top:.15rem;
    min-height: .64rem;
}
 .index_section10 .index_section10_box .swiper-slide .item:hover{
    filter:drop-shadow(2px 4px 20px rgba(23,68,116,0.25))
}
 .index_section10 .index_section10_box .swiper-slide .item:hover .txt{
    background:#ffffff
}
 .index_section10 .index_section10_box .swiper-slide .item:hover .txt h3{
    color:var(--color)
}
 .index_section10 .index_section10_box .swiper-button-prev{
}
 .index_section10 .index_section10_box .swiper-button-next{
}
 .page_inside{
    padding:.15rem 0;
    background:#E9F0F5
}
 .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_content .inside-pagination{
    text-align:center;
    margin:.9rem 0
}
 .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)
}
 .list_products{
    margin-top:.45rem
}
 .list_products .item_box{
    display:flex;
    gap:.45rem .2rem;
    flex-wrap:wrap
}
 .list_products .item_box .item{
    flex: 0 0 calc((100% - 3 * .2rem) / 4);
}
 .list_products .item_box .item a{
    border:.01rem solid #d9d9d9;
    display:block;
    border-radius:.08rem;
    overflow:hidden
}
 .list_products .item_box .item:hover a{
    border-color:var(--color);
    box-shadow:2px 4px 20px rgba(23,68,116,0.25)
}
 .list_products .item_box .item .img_box{
    overflow:hidden;
    background:#ffffff;
    border-bottom:.01rem solid #f1f1f1
}
 .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;
    font-family:'RobotoBold';
    transition:all .3s linear
}
 .list_products .item_box .item:hover .text_box p{
    color:var(--color)
}
 .list_products .item_box .item .text_box .other{
    display:flex;
    justify-content:space-between;
    font-size:.16rem;
    color:#FFA947;
    margin-bottom:.2rem
}
 .list_products .item_box .item .text_box .other div:first-child{
}
 .list_products .item_box .item .text_box .other span{
    display:inline-block;
    margin-right:.05rem
}
 .list_products .item_box .item .text_box .other span img{
    max-width:.2rem;
    margin-top:-.03rem
}
 .list_products .item_box .item .text_box > span{
    font-size:.16rem;
    color:var(--color)
}
 .list_products .item_box .item .text_box .boxed_btn{
    background:#999999
}
 .list_products .item_box .item .text_box .boxed_btn .btn{
    padding:.05rem .2rem;
    background:#ffffff;
    color:#999999
}
 .list_products .item_box .item .text_box .boxed_btn .btn img{
    filter:contrast(0.5)
}
 .page_news{
    padding-top:.45rem
}
 .page_news .page_news_box{
}
 .page_news .page_news_box .item_head{
    margin-bottom:.9rem
}
 .page_news .page_news_box .item_head .item{
    width:100%;
    border-radius:0
}
 .page_news .page_news_box .item_head .item:hover{
    filter:unset
}
 .page_news .page_news_box .item_head .item a{
    display:flex;
    width:100%;
    justify-content:space-between
}
 .page_news .page_news_box .item_head .item .img_box{
    width:45%;
    border-radius:.08rem;
    overflow:hidden
}
 .page_news .page_news_box .item_head .item .img_box img{
    max-height:4.6rem
}
 .page_news .page_news_box .item_head .item .txt{
    width:52%;
    padding:.45rem
}
 .page_news .page_news_box .item_head .item .txt .other{
}
 .page_news .page_news_box .item_head .item .txt h3{
}
 .page_news .page_news_box .item_head .item .txt .remark{
    -webkit-line-clamp:7;
    white-space:pre-line;
    margin-bottom:.45rem
}
 .page_news .page_news_box .item_head .item .txt .boxed_btn{
    background:#999999
}
 .page_news .page_news_box .item_head .item .txt .boxed_btn .btn{
    padding:.05rem .2rem;
    background:#ffffff;
    color:#999999
}
 .page_news .page_news_box .item_head .item .txt .boxed_btn .btn img{
    filter:contrast(0.5)
}
 .page_news .item_box{
    width:100%;
    display:flex;
    gap:.4rem .2rem;
    flex-wrap:wrap
}
 .page_news .page_news_box .item{
    flex: 0 0 calc((100% - 2 * .2rem) / 3);
    border-radius:.08rem .08rem 0 0;
    overflow:hidden;
    transition:all .3s linear
}
 .page_news .page_news_box .item a{
}
 .page_news .page_news_box .item .img_box{
     overflow: hidden;
}
 .page_news .page_news_box .item .img_box img{
}
 .page_news .page_news_box .item .txt{
    padding:.3rem;
    transition:all .3s linear
}
 .page_news .page_news_box .item .txt .other{
    font-size:.16rem;
    color:#666666;
    margin-bottom:.1rem
}
 .page_news .page_news_box .item .txt .other span{
    display:inline-block
}
 .page_news .page_news_box .item .txt .other span:first-child{
    margin-right:.2rem
}
 .page_news .page_news_box .item .txt .other span img{
    max-width:.2rem;
    margin-top:-.05rem;
    margin-right:.05rem
}
 .page_news .page_news_box .item .txt h3{
    font-size:.22rem;
    font-family:'RobotoBold';
    line-height:1.2;
    min-height:.53rem;
    transition:all .3s linear
}
 .page_news .page_news_box .item .txt .remark{
    font-size:.16rem;
    color:#666666;
    line-height:1.3;
    margin-top:.15rem;
    min-height: .625rem;
}
 .page_news .page_news_box .item:hover{
    filter:drop-shadow(2px 4px 20px rgba(23,68,116,0.25))
}
 .page_news .page_news_box .item:hover .txt{
    background:#ffffff
}
 .page_news .page_news_box .item:hover .txt h3{
    color:var(--color)
}
.page_news.page_science .item_box .item{
    flex: 0 0 calc((100% - 1 * .2rem) / 2);
}

.page_news.page_science .item_box .item .img_box img{
    width: 100%;
    object-fit: cover;
}





 .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:.16rem
}
 .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
}
 .page_vr_box{
    padding-top:.9rem
}
 .page_vr_box iframe{
    width:100%;
    height:9.8rem
}
 .page_faq{
    padding-top:.45rem;
    padding-bottom:.7rem
}
 .page_faq .page_faq_box_head{
    margin-bottom:.9rem;
    display:flex;
    align-items:center;
    justify-content:space-between
}
 .page_faq .page_faq_box_head h1{
    font-size:.3rem;
    font-family:'RobotoBold';
    line-height:1.2;
    width:65%
}
 .page_faq .page_faq_box_head .sidebar_search_box{
    display:flex;
    width:25%;
    border-radius:.02rem;
    overflow:hidden
}
 .page_faq .page_faq_box_head .sidebar_search_box .form_control.keywords{
    background:#eaeaea;
    padding:0 .1rem;
    font-size:.18rem;
    width:100%;
    font-family:'RobotoRegular'
}
 .page_faq .page_faq_box_head .sidebar_search_box .form_control.keywords::placeholder{
    color:#c2c2c2
}
 .page_faq .page_faq_box_head .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_faq .page_faq_box_head .sidebar_search_box .search_btn img{
    max-width:.36rem
}
 .page_faq .page_faq_box_head .sidebar_search_box .search_btn:hover img{
}
 .page_faq .page_faq_list{
    display:flex;
    margin-bottom:.45rem;
    border-bottom:.01rem solid #D9D9D9
}
 .page_faq .page_faq_list p{
    border:.01rem solid #D9D9D9;
    padding:.12rem .2rem;
    margin-right:.1rem;
    font-size:.16rem;
    color:#999999;
    cursor:pointer;
    transition:all .3s linear;
    border-bottom:0;
    border-radius:.05rem .05rem 0 0
}
 .page_faq .page_faq_list p:last-child{
    margin-right:0
}
 .page_faq .page_faq_list p:hover,.page_faq .page_faq_list p.active{
    border-color:var(--color);
    background:var(--color);
    color:#ffffff
}
 .page_faq .page_faq_box .item_box{
    display:none
}
 .page_faq .page_faq_box .item_box.active{
    display:block
}
 .page_faq .page_faq_box .item_box .item{
    margin-bottom:.3rem;
    border-radius:.08rem;
    padding:.3rem;
    transition:all .3s linear
}
 .page_faq .page_faq_box .item_box .item:last-child{
    margin-bottom:0
}
 .page_faq .page_faq_box .item_box .item.active,.page_faq .page_faq_box .item_box .item:hover{
    background:#E9F0F5
}
 .page_faq .page_faq_box .item_box .item .item_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer
}
 .page_faq .page_faq_box .item_box .item .item_head i,.page_faq .page_faq_box .item .remark i{
    width:.3rem;
    height:.3rem;
    line-height:.3rem;
    border-radius:.3rem;
    display:block;
    background:var(--color);
    text-align:center;
    font-style:normal;
    font-size:.16rem;
    margin-right:.15rem;
    color:#ffffff
}
 .page_faq .page_faq_box .item .remark i{
    background:#666;
    color:#fff
}
 .page_faq .page_faq_box .item_box .item .item_head .title{
    font-size:.2rem;
    width:93%;
    transition:all .3s linear
}
 .page_faq .page_faq_box .item_box .item .item_head .faq_icon{
    width:.3rem;
    height:.3rem;
    position:relative;
    cursor:pointer
}
 .page_faq .page_faq_box .item_box .item .item_head .faq_icon:after,.page_faq .page_faq_box .item .item_head .faq_icon:before{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:.12rem;
    height:.12rem;
    transition:all .3s linear
}
 .page_faq .page_faq_box .item_box .item .item_head .faq_icon:after{
    border-right:.02rem solid #333;
    transform:rotate(45deg)
}
 .page_faq .page_faq_box .item_box .item .item_head .faq_icon:before{
    border-bottom:.02rem solid #333;
    transform:rotate(45deg)
}
 .page_faq .page_faq_box .item_box .item .item_head .faq_icon.open:after,.page_faq .page_faq_box .item .item_head .faq_icon.open:before{
    top:.1rem
}
 .page_faq .page_faq_box .item_box .item .item_head .faq_icon.open:after{
    transform:rotate(-45deg)
}
 .page_faq .page_faq_box .item_box .item .item_head .faq_icon.open:before{
    transform:rotate(134deg)
}
 .page_faq .page_faq_box .item_box .item .remark{
    margin-top:.1rem;
    display:none;
    font-size:.16rem;
    padding-left:.55rem;
    color:#666666
}
 .page_faq .page_faq_box .item_box .item .remark p{
}
 .page_contact{
}
 .page_contact .page_contact_head{
    padding:.7rem 0;
    background:#E9F0F5;
    border-top:.01rem solid #ffffff
}
 .page_contact .page_contact_head h1{
    font-size:.36rem;
    text-align:center
}
 .page_contact .page_contact_head_box{
    margin-top:.6rem
}
 .page_contact .page_contact_head_box .left{
    display:flex;
    justify-content:space-between;
    margin-bottom:.3rem
}
 .page_contact .page_contact_head_box .right{
    display:flex;
    justify-content:space-between;
    padding:.3rem .5rem;
    background:#ffffff;
    border-radius:.08rem;
    align-items:center
}
 .page_contact .page_contact_head_box .right p{
    font-size:.2rem;
    font-family:'RobotoBold';
    max-width:50%;
    line-height:1.2
}
 .page_contact .page_contact_head_box .item{
    width:32.35%;
    background:#ffffff;
    padding:.25rem;
    display:flex;
    align-items:center;
    border-radius:.08rem
}
 .page_contact .page_contact_head_box .item .img_box{
    width:15%
}
 .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:.05rem
}
 .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{
    line-height:1.2
}
 .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{
    filter:brightness(0.4)
}
 .page_contact_quotation{
    margin-top:.8rem;
    margin-bottom:.9rem
}
 .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:nth-last-of-type(3) > div{
    flex: 0 0 100%;
}
 .page_contact_quotation .input > div{
    flex: 0 0 calc((100% - 1* 0.6rem) / 2);
}
 .page_contact_quotation .input > div p,.page_contact_quotation .textarea_box p,.page_contact_quotation .upload-box p,.page_contact_quotation .item_checkbox > div h3{
    font-size:.18rem;
    line-height:normal;
    margin-bottom:.1rem
}
 .page_contact_quotation .input > div p span{
    color:red
}
 .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:.3rem
}
 .page_contact_quotation .textarea_box textarea{
    height:2rem
}
 .page_contact_quotation .submit{
    margin-top:.3rem;
    text-align:center
}
 .page_contact_quotation .submit .boxed_btn{
    margin:auto
}
 .page_contact_quotation .item_checkbox{
    margin-top:.4rem;
    display:flex;
    gap:.35rem .6rem;
    flex-wrap:wrap;
    margin-bottom:.4rem
}
 .page_contact_quotation .item_checkbox > div{
    flex: 0 0 calc((100% - 1* 0.6rem) / 2);
}
 .page_contact_quotation .item_checkbox > div h3{
    margin-bottom:.2rem
}
 .page_contact_quotation .item_checkbox > div label{
    font-size:.16rem;
    font-weight:unset;
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:10px;
    cursor:pointer;
    max-width:80%;
    color:#666666;
    width:max-content;
    float:left
}
 .page_contact_quotation .item_checkbox > div label:last-child{
    margin-left:.4rem
}
 .page_contact_quotation .item_checkbox > div label input[type=checkbox]{
    width:.2rem;
    height:.2rem;
    margin:0;
    margin-right:.08rem;
    cursor:pointer;
    position:relative;
    color:#d9d9d9;
    top:.02rem;
    margin-top:0px;
    margin-right:0
}
 .page_contact_quotation .item_checkbox > div label input[type=checkbox]::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    width:.2rem;
    height:.2rem;
    border:.01rem solid #d9d9d9;
    box-sizing:border-box
}
 .page_contact_quotation .item_checkbox > div label input[type=checkbox]:checked::after{
    content:"√";
    position:absolute;
    top:0;
    left:0;
    width:.2rem;
    height:.2rem;
    display:block;
    text-align:center;
    font-size:.14rem;
    line-height:.18rem;
    font-weight:700;
    background-color:var(--color);
    color:#fff;
    border:none;
    outline:0
}
 @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
}
 .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
}
 .page_video{
    background:#E9F0F5;
    padding:.45rem 0;
    border-top:.01rem solid #ffffff
}
 .page_video .item_box{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem .2rem;
}
 .page_video .item_box .item{
    flex: 0 0 calc((100% - 3 * .2rem) / 4);
    background:#ffffff;
    border-radius:.08rem;
    overflow:hidden;
    transition:all .3s linear;
    border: .01rem solid #ffffff;
}
 .page_video .item_box .item:hover{
    box-shadow:2px 4px 20px rgba(23,68,116,0.25);
    border-color: var(--color);
}
 .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,.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:.4rem;
    height:auto;
    cursor:pointer
}
 .page_video .item_box .item .text_box{
    padding:.3rem
}
 .page_video .item_box .item .text_box h4{
    font-size:.18rem;
    color:#222;
    font-family:'RobotoBold';
    line-height:1.2;
    min-height:.44rem;
    margin-bottom:.15rem
}
 .page_video .item_box .item:hover .text_box h4{
    color:var(--color)
}
 .page_video .item_box .item .text_box .other{
    display:flex;
    justify-content:space-between;
    margin-bottom:.15rem
}
 .page_video .item_box .item .text_box .other .article:first-child{
    margin-right:30px
}
 .page_video .item_box .item .text_box .other img{
    margin-right:.05rem;
    max-width:.2rem;
    margin-top:-.03rem
}
 .page_video .item_box .item .text_box .avatar{
    display:flex;
    align-items:center
}
 .page_video .item_box .item .text_box .avatar .img{
    margin-right:.15rem
}
 .page_video .item_box .item .text_box .avatar .img img{
    width:.35rem;
    height:.35rem;
    border-radius:100vh
}
 .page_video .item_box .item .text_box .avatar .txt{
    font-size:.16rem;
    font-family:'RobotoBold'
}
.page_inside.page_about_inside{
    padding: 0;
}
.page_about_inside .page_inside_box{
    /* width: 50%; */
    display: flex;
    align-items: center;
    margin-right: 20%;
}
.page_about_inside .child_box{}
.page_about_inside .child_box a{
    color: #a8a8a8;
    display: inline-block;
    padding: .2rem 0;
    position: relative;
    padding: .15rem .5rem;
}
.page_about_inside .child_box a:before{
 content:'';
 display:block;
 width: .01rem;
 height: 60%;
 background: #dddddd;
 position: absolute;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
}
.page_about_inside .child_box a:last-child{
    margin-right: 0;
}
.page_about_inside .child_box a.active,.page_about_inside .child_box a:hover{
 color: var(--color);
}

 .page_content.page_about{
}
 .page_content.page_about .head_block:before{
    background-image:url(/res/magic/images/gyzk137-1.png);
    background-repeat:no-repeat;
    opacity:.1
}
 .page_about .page_about_section1{
}
 .page_about .page_about_section1 .head_block{
}
 .page_about .page_about_section1 .head_block .head_block_box{
}
 .page_about .page_about_section1 .head_block .head_block_box p{
}
 .page_about .page_about_section1 .head_block .head_block_box .title{
}
 .page_about .page_about_section1 .head_block .head_block_box .remark{
}
 .page_about .page_about_section1 .page_about_num{
    display:flex;
    justify-content:space-between;
    margin-bottom:.9rem
}
 .page_about .page_about_section1 .page_about_num .item{
    display:flex
}
 .page_about .page_about_section1 .page_about_num .item .thumb{
    padding-top:.15rem;
    margin-right:.2rem
}
 .page_about .page_about_section1 .page_about_num .item .thumb img{
    max-width:.3rem
}
 .page_about .page_about_section1 .page_about_num .item .txt_box{
}
 .page_about .page_about_section1 .page_about_num .item .txt_box > div{
    font-size:.36rem;
    font-family:'RobotoBold'
}
 .page_about .page_about_section1 .page_about_num .item .txt_box .counter{
    display:inline-block
}
 .page_about .page_about_section1 .page_about_num .item .txt_box span{
    font-size:.16rem;
    color:#666666
}
 .page_about .page_about_section2{
    margin-bottom:.45rem
}
 .page_about .page_about_section2 .page_about_section2_box{
    display:flex;
    justify-content:space-between
}
 .page_about .page_about_section2_box .left,.page_about .page_about_section2_box .right{
    width:47%
}
 .page_about .page_about_section2_box .left{
}
 .page_about .page_about_section2_box .left h1{
    font-size:.3rem;
    font-family:'RobotoBold';
    color:var(--color);
    position:relative;
    padding-bottom:.1rem;
    margin-bottom:.45rem;
    border-bottom:.01rem solid #f1f1f1
}
 .page_about .page_about_section2_box .left h1:before{
    content:'';
    display:block;
    width:1.2rem;
    background:var(--color);
    height:.04rem;
    position:absolute;
    left:0;
    bottom:-.02rem
}
 .page_about .page_about_section2_box .left .remark{
    font-size:.16rem;
    color:#666666;
    white-space:pre-line
}
 .page_about .page_about_section2_box .right{
}
 .page_about .page_about_section2_box .right .img_box{
    position:relative;
    border-radius:.08rem;
    overflow:hidden
}
 .page_about .page_about_section2_box .right .img_box img.scale{
}
 .page_about .page_about_section2_box .right .img_box .icon_box{
    position:absolute;
    bottom:0;
    top:0;
    right:0;
    left:0;
    margin:auto;
    width:1rem;
    height:1rem;
    background:#0f2b46a1;
    backdrop-filter:blur(2px);
    border-radius:100vh;
    cursor:pointer
}
 .page_about .page_about_section2_box .right .img_box .icon_box:before{
    content:'';
    display:block;
    border-bottom:.11rem solid transparent;
    border-top:.11rem solid transparent;
    border-left:.15rem solid #fff;
    position:absolute;
    transition:all .3s linear;
    top:40%;
    left:48%;
    width:max-content;
    height:max-content;
    z-index:99999;
    border-radius:.02rem
}
 .page_about .page_about_section2_box .right .img_box .icon_box img{
    animation:rotate360 4s linear infinite
}
 .page_about .page_about_section2_box .right .img_box .icon_box img{
}
 .page_about .page_about_section3{
    margin-bottom:.9rem
}
 .page_about .page_about_section3 .page_about_section3_head{
    display:flex;
    border-bottom:.01rem solid #f1f1f1;
    margin-bottom:.45rem
}
 .page_about .page_about_section3 .page_about_section3_head p{
    font-size:.18rem;
    font-family:'RobotoBold';
    padding:.1rem .3rem;
    position:relative;
    cursor:pointer;
    transition:all .3s linear
}
 .page_about .page_about_section3 .page_about_section3_head p:before{
    content:'';
    display:block;
    width:0;
    height:.03rem;
    background:var(--color);
    position:absolute;
    left:0;
    bottom:-.02rem;
    transition:all .3s linear
}
 .page_about .page_about_section3 .page_about_section3_head p.active,.page_about .page_about_section3 .page_about_section3_head p:hover{
    color:var(--color)
}
 .page_about .page_about_section3 .page_about_section3_head p.active:before,.page_about .page_about_section3 .page_about_section3_head p:hover:before{
    width:100%
}
 .page_about .page_about_section3 .page_about_section3_box{
}
 .page_about .page_about_section3 .page_about_section3_box > div{
    position:relative
}
 .page_about .page_about_section3_box .swiper-container{
}
 .page_about .page_about_section3_box .swiper-wrapper{
}
 .page_about .page_about_section3_box .swiper-slide{
}
 .page_about .page_about_section3_box .swiper-slide .item{
    display:flex;
    gap:.1rem
}
 .page_about .page_about_section3_box .swiper-slide .item .left,.page_about .page_about_section3_box .swiper-slide .item .right{
    width:50%
}
 .page_about .page_about_section3_box .swiper-slide .item .left{
}
 .page_about .page_about_section3_box .swiper-slide .item .img{
    overflow:hidden;
    border-radius:.05rem
}
 .page_about .page_about_section3_box .swiper-slide .item .left .img img.scale{
}
 .page_about .page_about_section3_box .swiper-slide .item .right{
    display:flex;
    gap:.1rem;
    flex-wrap:wrap
}
 .page_about .page_about_section3_box .swiper-slide .item .right .img{
    width:49%
}
 .page_about .page_about_section3_box .swiper-slide .item .img img{
    cursor:pointer
}
 .page_about .page_about_section3_box .swiper-pagination{
}
 .page_about .page_about_section3_box .swiper-button-prev{
}
 .page_about .page_about_section3_box .swiper-button-next{
}
 .page_about .page_about_section4{
}
 .page_about .page_about_section4{
    padding-bottom:.9rem
}
 .page_about .page_about_section4 .head_block{
}
 .page_about .page_about_section4 .head_block .head_block_box{
}
 .page_about .page_about_section4 .head_block .head_block_box p{
}
 .page_about .page_about_section4 .head_block .head_block_box .title{
}
 .page_about .page_about_section4 .head_block .head_block_box .remark{
}
 .page_about .page_about_section4_box{
    display:flex;
    justify-content:space-between
}
 .page_about .page_about_section4_box .item{
    width:24.25%;
    background:#ffffff;
    border-radius:.08rem;
    padding:.3rem;
    text-align:center;
    transition:all .3s linear
}
 .page_about .page_about_section4_box .item .img_box{
    margin-bottom:.3rem
}
 .page_about .page_about_section4_box .item .img_box img{
    max-width:.7rem;
    transition:all .3s linear
}
 .page_about .page_about_section4_box .item .txt{
}
 .page_about .page_about_section4_box .item .txt p{
    font-size:.18rem;
    font-family:'RobotoBold';
    color:var(--color);
    margin-bottom:.1rem;
    transition:all .3s linear
}
 .page_about .page_about_section4_box .item .txt span{
    font-size:.16rem;
    color:#666666;
    transition:all .3s linear
}
 .page_about .page_about_section4_box .item:hover{
    transform:translateY(-.2rem);
    background:var(--color)
}
 .page_about .page_about_section4_box .item:hover .txt span,.page_about .page_about_section4_box .item:hover .txt p{
    color:#ffffff
}
 .page_about .page_about_section4_box .item:hover .img_box img{
    filter:brightness(0) invert(1)
}
 .page_about .page_about_section5{
    padding:.45rem 0;
    padding-bottom:.9rem;
    position:relative;
    background:var(--color)
}
 .page_about .page_about_section5 .head_block{
}
 .page_about .page_about_section5 .head_block .head_block_box{
    color:#ffffff
}
 .page_about .page_about_section5 .head_block .head_block_box p:before{
    background:#4AB346
}
 .page_about .page_about_section5 .head_block .head_block_box .title{
}
 .page_about .page_about_section5 .head_block .head_block_box .remark{
}
 .page_about .page_about_section5 .page_about_section5_box{
    display:flex;
    flex-direction:row-reverse
}
 .page_about .page_about_section5 .history_swiper{
    width:70%
}
 .page_about .page_about_section5 .history_swiper .swiper-wrapper{
}
 .page_about .page_about_section5 .swiper-slide{
}
 .page_about .page_about_section5 .swiper-slide .item{
    display:flex;
    justify-content:space-between;
    flex-direction:row-reverse
}
 .page_about .page_about_section5 .swiper-slide .item .img_box{
    width:40%;
    overflow:hidden;
    border-radius:.08rem
}
 .page_about .page_about_section5 .swiper-slide .item .img_box img.scale{
}
 .page_about .page_about_section5 .swiper-slide .item .text_box{
    width:53%
}
 .page_about .page_about_section5 .swiper-slide .item .text_box .title{
    font-size:.64rem;
    color:#ffffff;
    font-family:'RobotoBold'
}
 .page_about .page_about_section5 .swiper-slide .item .text_box .remark{
    font-size:.18rem;
    color:#ffffff;
    height:2.5rem;
    overflow:auto
}
 .page_about .page_about_section5 .swiper-slide .item .text_box .remark::-webkit-scrollbar{
    width:5px;
    height:5px
}
 .page_about .page_about_section5 .swiper-slide .item .text_box .remark::-webkit-scrollbar-track{
    background:#f1f1f1;
    border-radius:10px
}
 .page_about .page_about_section5 .swiper-slide .item .text_box .remark::-webkit-scrollbar-thumb{
    background:var(--color);
    border-radius:10px
}
 .page_about .page_about_section5 .swiper-slide .item .text_box .remark::-webkit-scrollbar-button{
    display:none
}
 .page_about .page_about_section5 .swiper-slide .item .text_box .remark p{
    margin-bottom:.15rem
}
 .page_about .page_about_section5 .swiper-pagination{
    display:flex;
    width:20%;
    position:unset;
    flex-wrap:wrap
}
 .page_about .page_about_section5 .swiper-pagination-bullet{
    width:100%;
    height:max-content;
    border-radius:unset;
    background:unset;
    opacity:1;
    position:relative
}
 .page_about .page_about_section5 .swiper-pagination-bullet:before,.page_about .page_about_section5 .swiper-pagination-bullet:after{
    content:'';
    display:block;
    border-radius:.2rem;
    position:absolute;
    left:20%;
    top:0;
    bottom:0;
    margin:auto;
    opacity:0
}
 .page_about .page_about_section5 .swiper-pagination-bullet:before{
    width:.2rem;
    height:.2rem;
    border:.01rem solid #d9d9d9;
    padding:.1rem;
    background:#f8f8f8
}
 .page_about .page_about_section5 .swiper-pagination-bullet:after{
    width:.1rem;
    height:.1rem;
    background:#d9d9d9;
    left:21.5%
}
 .page_about .page_about_section5 .swiper-pagination-bullet div{
    font-size:.2rem;
    color:#ffffff;
    text-align:left;
    padding-left:1.2rem
}
 .page_about .page_about_section5 .swiper-pagination-bullet-active:after,.page_about .page_about_section5 .swiper-pagination-bullet-active:before{
    opacity:1
}
 .page_about .page_about_section5 .swiper-pagination-bullet-active:before{
    background:transparent;
    border-color:#4AB346
}
 .page_about .page_about_section5 .swiper-pagination-bullet-active:after{
    background:#4AB346
}
 .page_about .page_about_section5 .swiper-pagination-bullet-active div{
    color:#4AB346;
    font-size:.3rem
}
 .page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-prev,.page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-next{
    bottom:10%;
    top:unset
}
 .page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-prev{
    left:0
}
 .page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-next{
    right:unset;
    left:5%
}
 .page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-prev:hover,.page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-next:hover{
    background:#ffffff;
    border-color:#ffffff
}
 .page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-prev:hover:before,.page_about .page_about_section5 .page_about_section5_box .history_swiper .swiper-button-next:hover:before{
    filter:brightness(0)
}
 .page_about .page_about_section6{
}
 .page_about .page_about_section6{
    margin-bottom:.45rem
}
 .page_about .page_about_section6 .head_block{
}
 .page_about .page_about_section6 .head_block .head_block_box{
}
 .page_about .page_about_section6 .head_block .head_block_box p{
}
 .page_about .page_about_section6 .head_block .head_block_box .title{
}
 .page_about .page_about_section6 .head_block .head_block_box .remark{
}
 .page_about .page_about_section6_box{
}
 .page_about .page_about_section6_head{
    display:flex;
    border-bottom:.01rem solid #f1f1f1;
    margin-bottom:.45rem
}
 .page_about .page_about_section6_head p{
}
 .page_about .page_about_section6_head p{
    font-size:.18rem;
    font-family:'RobotoBold';
    padding:.1rem .3rem;
    position:relative;
    cursor:pointer;
    transition:all .3s linear
}
 .page_about .page_about_section6_head p:before{
    content:'';
    display:block;
    width:0;
    height:.03rem;
    background:var(--color);
    position:absolute;
    left:0;
    bottom:-.02rem;
    transition:all .3s linear
}
 .page_about .page_about_section6_head p.active,.page_about .page_about_section6_head p:hover{
    color:var(--color)
}
 .page_about .page_about_section6_head p.active:before,.page_about .page_about_section6_head p:hover:before{
    width:100%
}
 .page_about .page_about_section6_swiper_box{
}
 .page_about .about_section6_swiper{
    position:relative
}
 .page_about .about_section6_swiper .swiper-container{
    padding-bottom:.5rem
}
 .page_about .about_section6_swiper .swiper-wrapper{
}
 .page_about .about_section6_swiper .swiper-wrapper .swiper-slide{
}
 .page_about .about_section6_swiper .swiper-wrapper .swiper-slide .img_box{
    overflow:hidden;
    border:.05rem solid #D2DAE0;
    cursor:pointer;
    transition:all .3s linear
}
 .page_about .about_section6_swiper .swiper-wrapper .swiper-slide .img_box:hover{
    border-color:var(--color)
}
 .page_about .about_section6_swiper .swiper-wrapper .swiper-slide p{
    font-size:.16rem;
    text-align:center;
    margin:.15rem 0
}
 .page_about .about_section6_swiper .swiper-pagination{
}
 .page_about .about_section6_swiper .swiper-button-prev{
}
 .page_about .about_section6_swiper .swiper-button-next{
}
 .page_about .page_about_section7{
    margin-bottom:.9rem
}
 .page_about .page_about_section7 .head_block{
}
 .page_about .page_about_section7 .head_block .head_block_box{
}
 .page_about .page_about_section7 .head_block .head_block_box p{
}
 .page_about .page_about_section7 .head_block .head_block_box .title{
}
 .page_about .page_about_section7 .head_block .head_block_box .remark{
}
 .page_about .page_about_section7_box{
    position:relative
}
 .page_about .page_about_section7_box .swiper-container{
    padding-bottom:.45rem;
    padding-top:.45rem
}
 .page_about .page_about_section7_box .swiper-wrapper{
}
 .page_about .page_about_section7_box .swiper-slide{
    display:flex;
    align-items:center
}
 .page_about .page_about_section7_box .swiper-slide .img_box{
    width:34%;
    height:-webkit-fill-available
}
 .page_about .page_about_section7_box .swiper-slide .img_box .img{
    height:100%;
    overflow:hidden
}
 .page_about .page_about_section7_box .swiper-slide .img_box .img img.scale{
    height:100%;
    object-fit:cover;
    min-height: 4.54rem;
}
 .page_about .page_about_section7_box .swiper-slide .text_box{
    width:66%;
    border-radius:0 .08rem .08rem 0;
    background:var(--color);
    color:#ffffff;
    padding:.5rem;
    height:100%;
    position:relative
}
 .page_about .page_about_section7_box .swiper-slide .text_box:before{
    content:'"';
    display:block;
    width:.8rem;
    height:.8rem;
    background:#4AB346;
    border-radius:100vh;
    font-size:.8rem;
    text-align:center;
    position:absolute;
    right:10%;
    top:-10%
}
 .page_about .page_about_section7_box .swiper-slide .text_box .txt.line-4{
    -webkit-line-clamp:12;
    font-size:.16rem;
    line-height:1.4;
    white-space:pre-line;
    margin-bottom:.3rem;
    min-height:2.7rem
}
 .page_about .page_about_section7_box .swiper-slide .text_box .txt{
}
 .page_about .page_about_section7_box .swiper-slide .text_box .txt p{
    font-size:.2rem;
    font-family:'RobotoBold'
}
 .page_about .page_about_section7_box .swiper-slide .text_box .txt span{
    font-size:.16rem;
    color:#E9F0F5
}
 .page_about .page_about_section7_box .swiper-pagination{
}
 .page_about .page_about_section7_box .swiper-button-prev{
}
 .page_about .page_about_section7_box .swiper-button-next{
}
 .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:42%
}
 .show_products .show_products_head .text_box{
    width:50%
}
 .show_products .show_products_head .img_box .view_box{
    position:relative;
    margin-bottom:.2rem;
    border:.01rem solid #F5F5F5
}
 .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-slide img{
}
 .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{
    max-width:82%
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide{
    width:16.75%;
    height:16.75%;
    border:.01rem solid #E3E3E3;
    overflow:hidden;
    margin-right:.2rem;
    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%;
    border-color:#f5f5f5
}
 .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 #999999;
    border-bottom:.02rem solid #999999;
    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{
    border-color:var(--color);
    background:var(--color)
}
 .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:#ffffff
}
 .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:22%
}
 .show_products .show_products_head .text_box .attribute div p:last-child{
    color:#666666;
    max-width:78%
}
 .show_products .show_products_head .text_box .cert_box{
}
 .show_products .show_products_head .text_box .cert_box{
    display:flex;
    gap:.2rem;
    margin-bottom:.2rem
}
 .show_products .show_products_head .text_box .cert_box .img{
    transition:all .3s linear;
    cursor:pointer
}
 .show_products .show_products_head .text_box .cert_box .img img{
    max-height:.32rem
}
 .show_products .show_products_head .text_box .cert_box .img:hover{
    border-color:var(--color)
}
 .show_products .show_products_head .text_box .btn_box{
}
 .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{
    padding:.07rem .38rem;
    color:var(--color);
    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 .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{
}
 .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{
}
 .show_products .page_recommend_pro .page_recommend_pro_box .swiper-button-prev{
}
 .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{
    font-size:.36rem;
    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 .show_pro_faq{
    margin-top:90px
}
 .show_products .show_pro_faq .item{
    border-radius:.08rem;
    padding:.15rem;
    transition:all .3s linear
}
 .show_products .show_pro_faq .item:last-child{
    margin-bottom:0
}
 .show_products .show_pro_faq .item.active,.show_products .show_pro_faq .item:hover{
}
 .show_products .show_pro_faq .item .item_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer
}
 .show_products .show_pro_faq .item .item_head i,.show_products .show_pro_faq .item .remark i{
    width:.3rem;
    height:.3rem;
    line-height:.3rem;
    border-radius:.3rem;
    display:block;
    background:var(--color);
    text-align:center;
    font-style:normal;
    font-size:.16rem;
    margin-right:.15rem;
    color:#ffffff
}
 .show_products .show_pro_faq .item .remark i{
    background:#666;
    color:#fff
}
 .show_products .show_pro_faq .item .item_head .title{
    font-size:.2rem;
    width:93%;
    transition:all .3s linear
}
 .show_products .show_pro_faq .item .item_head .faq_icon{
    width:.3rem;
    height:.3rem;
    position:relative;
    cursor:pointer
}
 .show_products .show_pro_faq .item .item_head .faq_icon:after,.show_products .show_pro_faq .item .item_head .faq_icon:before{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:.12rem;
    height:.12rem;
    transition:all .3s linear
}
 .show_products .show_pro_faq .item .item_head .faq_icon:after{
    border-right:.02rem solid #333;
    transform:rotate(45deg)
}
 .show_products .show_pro_faq .item .item_head .faq_icon:before{
    border-bottom:.02rem solid #333;
    transform:rotate(45deg)
}
 .show_products .show_pro_faq .item .item_head .faq_icon.open:after,.show_products .show_pro_faq .item .item_head .faq_icon.open:before{
    top:.1rem
}
 .show_products .show_pro_faq .item .item_head .faq_icon.open:after{
    transform:rotate(-45deg)
}
 .show_products .show_pro_faq .item .item_head .faq_icon.open:before{
    transform:rotate(134deg)
}
 .show_products .show_pro_faq .item .remark{
    margin-top:.1rem;
    display:none;
    font-size:.16rem;
    padding-left:.55rem;
    color:#666666
}
 .show_products .show_pro_faq .item .remark p{
}
 .show_products .show_products_box{
    padding-top:.45rem
}
 .show_products .page_about_video_box{
    position:relative;
    border-radius:.1rem;
    border:.01rem solid rgb(255 255 255 / 30%);
    overflow:hidden;
    margin-bottom:.45rem
}
 .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
}
 .common_from{
    display:flex;
    border-radius:.1rem;
    margin:auto;
    margin-top:.45rem;
    background:#E9F0F5;
    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:0 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 #B9C1C7
}
 .common_from form .input div input{
    padding-bottom:.1rem;
    font-size:.16rem;
    width:100%;
    color:#333
}
 .common_from form .textarea_box{
    margin-bottom:.2rem;
    border-bottom:.01rem solid #B9C1C7
}
 .common_from form .textarea_box textarea.content{
    width:100%;
    height:.5rem;
    font-size:.16rem
}
 .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)
}
 .page-content .quotatio{
    font-size:.16rem;
    padding-top:.6rem
}
 .page-content .quotatio>h1{
    font-size:.36rem
}
 .page-content .quotatio>p{
    color:#666;
    margin-top:.2rem
}
 .page-content .quotatio .row{
    background:#fff;
    margin:.2rem 0
}
 .page-content .quotatio .quotation-box>div{
    padding:0
}
 .page-content .quotatio .quotation-box .qpl{
    border:.01rem solid #e2e2e2
}
 .page-content .quotatio .quotation-box div .product-header{
    display:flex;
    background:#e2e2e2;
    padding:.25rem 0;
    color:#666
}
 .page-content .quotatio .quotation-box div .action{
    width:15%;
    text-align:center
}
 .page-content .quotatio .quotation-box div .action input{
    cursor:pointer
}
 .page-content .quotatio .quotation-box div .product-item{
    width:70%;
    display:flex;
    align-items:center
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item{
    display:flex;
    padding:.15rem 0;
    border-bottom:.01rem solid #eee;
    align-items:center
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox{
    width:30%;
    text-align:center
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox img{
    width:70px;
    height:70px;
    object-fit:cover
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .text{
    width:70%
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .action img{
    cursor:pointer
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .text h3{
    font-size:.18rem;
    line-height:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .text p{
    margin-top:.1rem;
    color:#999
}
 .page-content .quotatio .quotation-box>div .message-box{
    margin:0;
    padding-top:0
}
 .page-content .quotatio .quotation-box>div .message-box .header{
    font-size:.26rem;
    font-family:RobotoBold;
    margin-bottom:.2rem
}
 .page-content .quotatio .quotation-box>div .message-box .checktext{
    display:flex;
    justify-content:space-between;
    padding:.2rem 0;
    border-bottom:.01rem solid #eee;
    margin-bottom:.3rem
}
 .page-content .quotatio .quotation-box>div .message-box .checktext .buttom span#clear{
    cursor:pointer
}
 .page-content .quotatio .quotation-box>div .message-box .checktext .buttom input[type=checkbox]{
    margin-right:.1rem
}
 .page-content .quotatio .quotation-box>div .message-box .checktext .text{
    margin-top:-.15rem
}
 .page-content .quotatio .quotation-box>div .message-box .checktext .text span{
    color:var(--color);
    font-size:.3rem;
    font-family:RobotoBold;
    margin-right:.1rem
}
 .page-content .quotatio .quotation-box>div .message-box .from textarea{
    height:2rem
}
 .page-content .quotatio .quotation-box>div .message-box .from .submit{
    text-align:right
}
 .page-content .quotatio .quotation-box>div .message-box .from .submit input[type=button]{
    background:unset;
    color:var(--color);
    border:.01rem solid var(--color);
    margin-right:.1rem
}
 .page-content .message-box{
    margin:.2rem auto;
    background:#fff;
    padding:.3rem
}
 .page-content .message-box{
    margin-top:.3rem
}
 .page-content .message-box .input{
    display:flex;
    justify-content:space-between;
    margin-bottom:.2rem
}
 .page-content .message-box .input>div{
    width:32.5%
}
 .page-content .message-box .input input{
    width:100%;
    padding:.15rem .2rem
}
 .page-content .message-box textarea{
    width:100%;
    height:1.5rem;
    padding:.15rem .2rem;
    margin-bottom:.2rem
}
 .page-content .message-box .input input,.page-content .message-box textarea{
    background:#f8f8f8;
    border:0;
    resize:none;
    font-size:.16rem
}
 .page-content .message-box .submit input{
    padding:.05rem .3rem;
    color:#fff;
    background:var(--color);
    border:0;
    font-size:.2rem;
    border-radius:.3rem
}
.gyzk_pro_show ol li,.show_news .post-info .content ol li{
     list-style-type:decimal;
    margin-left:.2rem
 }
.gyzk_pro_show ul li,.show_news .post-info .content ul li{
     list-style:inside
 }