.boxed_btn{
    width:max-content
}
 .boxed_btn .btn{
    font-size:.16rem;
    width:max-content;
    font-weight:unset;
    display:block;
    padding:0;
    line-height:unset;
    border:.01rem solid #ffffff;
    border-radius:0;
    color:#ffffff;
    padding:.12rem .25rem
}
 .boxed_btn:hover .btn{
    background:#000000;
    border-color:#000000
}
 .boxed_btn .btn span{
    margin-right:.15rem
}
 .boxed_btn .btn img{
    display:inline-block;
    margin-top:-.03rem;
    transition:all .3s linear;
    max-width:.34rem
}
 .boxed_btn:hover .btn img{
    transform:translateX(.1rem)
}
 .index_banner{
}
 .index_banner .swiper-container{
}
 .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-slide .txt{
    position:absolute;
    left:7.5%;
    bottom:7.5%;
    color:#ffffff;
    font-family:'RobotoBold';
    max-width:30%
}
 .index_banner .swiper-slide .txt > span{
    font-size:.24rem;
    display:block;
    margin-bottom:.2rem
}
 .index_banner .swiper-slide .txt .title{
    font-size:.52rem;
    line-height:1.2;
    margin-bottom:.35rem
}
 .index_banner .swiper-slide .txt .boxed_btn{
}
 .index_banner .swiper-slide .txt .boxed_btn .btn{
}
 .index_banner .swiper-slide .txt .boxed_btn .btn span{
}
 .index_banner .swiper-slide .txt .boxed_btn .btn img{
}
 .index_banner .swiper-pagination{
    bottom:4%;
    text-align:right;
    padding-right:7.5%
}
 .index_banner .swiper-pagination .swiper-pagination-bullet{
}
 .index_banner .swiper-pagination .swiper-pagination-bullet-active{
}
 .index_section1{
    background-image:url(/res/magic/images/drdq37.webp);
    padding-top:1.2rem;
    background-color:#000000;
    background-repeat:no-repeat;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    background-size: cover;
}
 .index_section1 .auto-container{
}
 .index_section1 .head_block_title{
    font-size:1.2rem;
    color:#ffffff;
    text-align:center;
    position:relative;
    width:max-content;
    margin:auto;
    font-family: 'RobotoBold';
}
 .index_section1 .head_block_title:before{
    content:'';
    display:block;
    position:absolute;
    top:-.1rem;
    right:-.6rem;
    background:url(/res/magic/images/drdq47.webp) no-repeat center;
    background-size:contain;
    width:1.25rem;
    height:1.27rem
}
 .index_section1 .index_section1_box{
}
 .index_section1 .index_pro_swiper_box{
}
 .index_section1 .index_pro_swiper_box .swiper-container{
}
 .index_section1 .index_pro_swiper_box .swiper-wrapper{
}
 .index_section1 .index_pro_swiper_box .swiper-slide{
}
 .index_section1 .index_pro_swiper_box .swiper-slide .img{
    width:40%;
    margin:auto;
    text-align:center
}
 .index_section1 .index_pro_swiper_box .swiper-slide .img img{
    max-width:5.5rem
}
 .index_section1 .index_pro_swiper_box .swiper-pagination{
    text-align:right;
    bottom:1.3rem
}
 .index_section1 .index_section1_other{
    display:flex;
    justify-content:space-between;
    margin-top:-.3rem;
    position:relative;
    z-index:2
}
 .index_section1 .index_section1_other .left,.index_section1 .index_section1_other .right,.index_section1 .index_section1_other .center{
    width:31%
}
 .index_section1 .index_section1_other .left{
}
 .index_section1 .index_section1_other .left .item_box{
    display:flex;
    align-items:center
}
 .index_section1 .index_section1_other .left .item_box .item{
    margin-right:.4rem;
    cursor:pointer
}
 .index_section1 .index_section1_other .left .item_box .item:last-child{
    margin-right:0
}
 .index_section1 .index_section1_other .left .item_box .item p{
}
 .index_section1 .index_section1_other .left .item_box .item p:first-child{
    font-size:.2rem;
    color:#aaaaaa;
    transition:all .3s linear
}
 .index_section1 .index_section1_other .left .item_box .item.active p:first-child{
    font-size:.26rem;
    color:#ffffff;
    font-family:'RobotoBold'
}
 .index_section1 .index_section1_other .left .item_box .item p:last-child{
    display:none
}
 .index_section1 .index_section1_other .left .item_box .item:hover p:first-child{
    color:#ffffff
}
 .index_section1 .index_section1_other .left .remark{
    font-size:.18rem;
    line-height:1.2;
    color:#aaaaaa;
    margin-top:.25rem
}
 .index_section1 .index_section1_other .center{
    text-align:center;
    margin-top:.15rem;
    position:relative
}
 .index_section1 .index_section1_other .center:before{
    content:'';
    display:block;
    width:.15rem;
    height:.15rem;
    background:var(--color);
    border-radius:100vh;
    position:absolute;
    bottom:.15rem;
    left:0;
    right:0;
    margin:auto;
    outline:.1rem solid rgb(202 28 29 / 30%)
}
 .index_section1 .index_section1_other .center p{
    font-size:.36rem;
    color:#ffffff
}
 .index_section1 .index_section1_other .right{
}
 .index_section1 .index_section1_other .right p{
    font-size:.16rem;
    color:#aaaaaa;
    line-height:1.2
}
 .index_section1 .index_section1_other .right .boxed_btn{
    margin-top:.35rem
}
 .index_section1 .index_section1_other .right .boxed_btn .btn{
    padding:.08rem .2rem
}
 .index_section1 .index_section1_other .right .boxed_btn:hover .btn{
    border-color:var(--color);
    background:var(--color)
}
 .index_section2{
    background:#000000;
    padding-bottom:1.3rem
}
 .index_section2 .index_hot_pro{
}
 .index_section2 .swiper-container{
}
 .index_section2 .swiper-wrapper{
}
 .index_section2 .swiper-slide{
}
 .index_section2 .swiper-slide a{
}
 .index_section2 .swiper-slide .img_box{
}
 .index_section2 .swiper-slide .img_box img{
}
 .index_section2 .swiper-slide .txt_box{
    position:absolute;
    left:.5rem;
    top:.5rem;
    font-family:'RobotoBold'
}
 .index_section2 .swiper-slide .txt_box p{
    font-size:.24rem
}
 .index_section2 .swiper-slide .txt_box span{
    font-size:.16rem;
    background:#000000;
    color:#ffffff;
    padding:.1rem .25rem;
    display:block;
    margin-top:.25rem;
    width:max-content;
    transition:all .3s linear
}
 .index_section2 .swiper-slide:hover .txt_box span{
    background:var(--color)
}
 .index_section3{
    position:relative
}
 .index_section3:before{
    content:'';
    display:block;
    background:linear-gradient(0deg,#000000 0,#00000000 100%);
    position:absolute;
    width:100%;
    height:100%
}
 .index_section3 .thumb{
}
 .index_section3 .thumb img{
}
 .index_section3 .text_box{
    position:absolute;
    left:0;
    right:0;
    top:30%;
    bottom:0;
    margin:auto;
    width:40%;
    height:max-content;
    color:#ffffff
}
 .index_section3 .text_box .icon_box{
    text-align:center;
    width:max-content;
    margin:auto;
    height:max-content;
    cursor:pointer
}
 .index_section3 .text_box .icon_box img{
    max-width:1.1rem;
    transition:all .5s linear
}
 .index_section3 .text_box .icon_box:hover img{
    transform:rotate(360deg)
}
 .index_section3 .text_box .icon_box p{
    font-size:.2rem;
    font-family:'RobotoBold';
    margin-top:.2rem
}
 .index_section3 .text_box h3{
    font-size:.24rem;
    font-family:'RobotoBold';
    margin-top:.9rem;
    margin-bottom:.6rem;
    position:relative;
    padding-left:.3rem
}
 .index_section3 .text_box h3:before{
    content:'';
    display:block;
    width:.14rem;
    height:.14rem;
    border-radius:100vh;
    background:var(--color);
    position:absolute;
    left:0;
    top:.03rem
}
 .index_section3 .text_box .boxed_btn{
    margin:auto
}
 .index_section3 .text_box .boxed_btn .btn{
    padding:.12rem 1rem;
    font-size:.2rem;
    color:#232323;
    background:#ffffff
}
 .index_section3 .text_box .boxed_btn:hover .btn{
    background:#000000;
    color:#ffffff
}
 .index_section3 .text_box .btn span{
}
 .index_section3 .text_box .btn img{
}
 .index_section3 .text_box .boxed_btn:hover .btn img{
    filter:invert(1)
}
 .index_section4{
    background:#000000;
    padding-bottom:1.5rem
}
 .index_section4 .auto-container{
}
 .index_section4 .head_block_title,.index_section5 .head_block_title,.index_section6 .head_block_title{
    font-size:.6rem;
    font-family:'RobotoBold';
    text-transform:uppercase;
    text-align:center;
    color:#ffffff;
    margin-bottom:.5rem
}
 .index_section4 .index_section4_box{
    margin-bottom:1.2rem
}
 .index_section4 .swiper-container{
    padding-bottom:.8rem
}
 .index_section4 .swiper-wrapper{
}
 .index_section4 .swiper-slide{
}
 .index_section4 .swiper-slide .item{
}
 .index_section4 .swiper-slide .item .img_box{
    overflow:hidden
}
 .index_section4 .swiper-slide .item .img_box img{
}
 .index_section4 .remark{
    display:flex;
    justify-content:space-between
}
 .index_section4 .remark .left,.index_section4 .remark .right{
    width:50%
}
 .index_section4 .remark .left{
}
 .index_section4 .remark .left img{
}
 .index_section4 .remark .right{
    font-size:.4rem;
    font-family:'RobotoBold';
    color:#5a5a5a;
    padding-left:8%
}
 .index_section4 .remark .right span{
    color:#ffffff
}
 .index_section5{
    background:#000000;
    position:relative
}
 .index_section5 .head_block_title{
}
 .index_section5 .index_section5_box{
    position:relative
}
 .index_section5 .index_section5_box:before{
    content:'';
    display:block;
    background:linear-gradient(0deg,#000000 30%,#00000000 100%);
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:30%;
    z-index:2
}
 .index_section5 .index_section5_box .marquee_box{
    width:100%;
    overflow:hidden;
    position:relative;
    margin-bottom:.5rem
}
 .index_section5 .index_section5_box .marquee_box .marquee_track{
    display:flex;
    white-space:nowrap;
    position:relative;
    will-change:transform
}
 .index_section5 .index_section5_box .marquee_box .marquee_track .item{
    font-size:.6rem;
    color:rgb(255 255 255 / 20%);
    text-transform:uppercase;
    white-space:nowrap;
    flex-shrink:0;
    position:relative;
    padding-left:1.35rem;
    margin-right:.45rem
}
 .index_section5 .index_section5_box .marquee_box .marquee_track .item:before{
    content:'';
    display:block;
    background:url(/res/magic/images/drdq_52.png) no-repeat;
    background-size:contain;
    width:1.2rem;
    height:.57rem;
    position:absolute;
    left:0;
    top:.16rem;
   opacity:.2
}
 .index_section5 .index_section5_box .index_education_box{
}
 .index_section5 .index_section5_box .index_education_box .education_box{
    display:flex;
    gap:.15rem;
    margin-bottom:.15rem
}
.index_section5 .index_section5_box .index_education_box .education_box.show_mobile{
    display: none;
}
 .index_section5 .index_section5_box .index_education_box .education_box:last-child{
    margin-bottom:0
}
 .index_section5 .index_section5_box .index_education_box .education_box li{
}
 .index_section5 .index_section5_box .index_education_box .education_box li a{
    display:block
}
 .index_section5 .index_section5_box .index_education_box .education_box li img{
    filter:grayscale(1);
    transition:all .3s linear
}
 .index_section5 .index_section5_box .index_education_box .education_box li:hover img{
    filter:unset
}
 .index_section5 .boxed_btn{
    position:absolute;
    left:0;
    right:0;
    bottom:17%;
    margin:auto;
    z-index:3
}
 .index_section5 .boxed_btn .btn{
    padding:.12rem 1rem;
    font-size:.2rem
}
 .index_section5 .boxed_btn:hover .btn{
    background:var(--color);
    border-color:var(--color)
}
 .index_section5 .boxed_btn .btn span{
}
 .index_section5 .boxed_btn .btn img{
    filter:invert(1)
}
 .index_section6{
    background:#000000;
    padding-bottom:1rem
}
 .index_section6 .auto-container{
}
 .index_section6 .head_block_title{
}
 .index_section6 .index_section10_box{
    padding-bottom:.5rem
}
 .index_section6 .swiper-container{
    height:8.65rem
}
 .index_section6 .swiper-wrapper{
}
 .index_section6 .swiper-slide{
}
 .index_section6 .swiper-slide .item{
    transition:all .3s linear
}
 .index_section6 .swiper-slide .item:hover{
    background-color:rgb(29,29,29)
}
 .index_section6 .swiper-slide .item a{
    display:flex;
    padding:.6rem 0;
    gap:.2rem
}
 .index_section6 .swiper-slide .item .other{
    width:15%;
    font-family:'RobotoBold';
    color:#ffffff;
    border-radius:.1rem;
    background-color:#bdbdbd;
    height:max-content;
    padding:.25rem 0;
    text-align:center;
    transition:all .3s linear
}
 .index_section6 .swiper-slide .item:hover .other{
    background:var(--color)
}
 .index_section6 .swiper-slide .item .other p{
    font-size:.48rem
}
 .index_section6 .swiper-slide .item .other span{
    font-size:.18rem
}
 .index_section6 .swiper-slide .item .img_box{
    width:33%;
    border-radius:.1rem;
    overflow:hidden
}
 .index_section6 .swiper-slide .item .img_box img{
}
 .index_section6 .swiper-slide .item .txt{
    width:52%;
    color:#ffffff;
    padding-top:2%;
    padding-right:4%;
    padding-left:2%
}
 .index_section6 .swiper-slide .item .txt h3{
    font-size:.24rem;
    font-family:'RobotoBold';
    line-height:1.2;
    margin-bottom:.35rem
}
 .index_section6 .swiper-slide .item .txt .remark{
    font-size:.16rem;
    line-height:1.4
}
 .index_section6 .swiper-slide .item .txt span{
    display:block;
    margin-top:.55rem;
    font-size:.16rem;
    background-color:rgb(37,36,36);
    width:max-content;
    padding:.15rem .3rem;
    float:right
}
 .index_section6 .boxed_btn{
    margin:auto
}
 .index_section6 .boxed_btn .btn{
    padding:.12rem 1rem;
    font-size:.2rem
}
 .index_section6 .boxed_btn:hover .btn{
    background:var(--color);
    border-color:var(--color)
}
 .index_section6 .boxed_btn .btn span{
}
 .index_section6 .boxed_btn .btn img{
    filter:invert(1)
}
 .page_banner{
    position:relative
}
 .page_banner .img_box{
}
 .page_banner .img_box img{
}
 .page_banner .page_inside{
    position:absolute;
    top:1.8rem;
    left:0;
    right:0
}
 .page_inside{
    color:#ffffff;
    font-family:'RobotoBold';
    width:100%
}
 .page_inside a{
    color:#999999;
    font-size:.16rem
}
 .page_inside a:last-child{
    color:#dddddd
}
 .page_banner .text_box{
    width:40%;
    position:absolute;
    left:8%;
    bottom:20%;
    margin:auto;
    color:#ffffff
}
 .page_banner .text_box h3{
    font-size:.46rem;
    font-family:'RobotoBold';
    margin-bottom:.55rem
}
 .page_banner .text_box .remark{
    font-size:.18rem;
    color:#dddddd;
    white-space:pre-line;
    line-height:1.2
}
 .page_content .head_block_title{
    font-size:.46rem;
    font-family:'RobotoBold';
    color:#ffffff;
    line-height:1.2;
    text-align:center
}
 .page_about{
    background:#000000
}
 .page_about .page_about_section1{
    padding:1rem 0
}
 .page_about .page_about_section1 .head_block_title{
}
 .page_about .page_about_section1_box{
    margin-top:.8rem;
    display:flex;
    gap:1.1rem;
    flex-wrap:wrap
}
 .page_about .page_about_section1_box .item{
    background-color:rgb(82 83 84 / 20%);
    transition:all .3s linear;
    text-align:center;
    padding:1rem .3rem;
    flex: 0 0 calc((100% - 2 * 1.1rem) / 3);
}
 .page_about .page_about_section1_box .item:hover{
    background-color:rgb(82 83 84 / 40%)
}
 .page_about .page_about_section1_box .item .thumb{
    margin-bottom:.5rem
}
 .page_about .page_about_section1_box .item .thumb img{
    max-width:1.05rem
}
 .page_about .page_about_section1_box .item .txt_box{
    color:#ffffff;
    line-height:1.2
}
 .page_about .page_about_section1_box .item .txt_box p{
    font-size:.3rem;
    font-family:'RobotoBold';
    margin-bottom:.4rem
}
 .page_about .page_about_section1_box .item .txt_box span{
    font-size:.18rem;
    color:#aaaaaa
}
 .page_about .page_about_section2{
    position:relative;
    margin-bottom:.25rem
}
 .page_about .page_about_section2:before{
    content:'';
    display:block;
    background:linear-gradient(0deg,#ffffff4f 0,#00000000 100%);
    position:absolute;
    bottom:0;
    width:100%;
    height:65%
}
 .page_about .page_about_section2 .img_box{
}
 .page_about .page_about_section2 .img_box img{
}
 .page_about .page_about_section2_box{
    position:absolute;
    left:0;
    right:0;
    bottom:20%;
    margin:auto;
    text-align:center;
    width:75%;
    z-index:2
}
 .page_about .page_about_section2_box .img{
    /*max-width:2rem;*/
    margin:auto;
    margin-bottom:.8rem
}
 .page_about .page_about_section2_box .img img{
}
 .page_about .page_about_section2_box .remark{
    font-size:.3rem;
    line-height:1.5;
    white-space:pre-line;
    color:#aaaaaa;
    font-family:'RobotoBold';
    max-width:85%;
    margin:auto
}
 .page_about .page_about_section2_box .remark span{
    color:#ffffff
}
 .page_about .page_about_section3{
}
 .page_about .page_about_section3 .swiper-container{
    padding-bottom:.8rem;
    margin-bottom:1rem
}
 .page_about .page_about_section3 .swiper-wrapper{
}
 .page_about .page_about_section3 .swiper-slide{
}
 .page_about .page_about_section3 .swiper-slide .img_box{
    cursor:pointer;
    overflow:hidden
}
 .page_about .page_about_section3 .swiper-slide .img_box img{
}
 .page_about .page_about_section3 .swiper-pagination{
}
 .page_about .page_about_faq{
    margin-bottom:1.2rem
}
 .page_about .page_about_faq .head_block_title{
}
 .page_about .page_about_faq_box{
    margin-bottom:.5rem;
    margin-top:.6rem
}
 .page_about .page_about_faq_box .item{
    padding:.45rem 0;
    width:100%;
    cursor:pointer;
    border-top:.01rem solid #464646;
    font-family:'RobotoBold';
    color:#ffffff
}
 .page_about .page_about_faq_box .item:last-child{
    margin-bottom:0
}
 .page_about .page_about_faq_box .item .title i{
    font-style:unset
}
 .page_about .page_about_faq_box .item .title{
    display:flex;
    justify-content:space-between
}
 .page_about .page_about_faq_box .item .title{
    position:relative
}
 .page_about .page_about_faq_box .item .title:before{
    content:'+';
    display:block;
    font-size:.18rem;
    font-family:'RobotoBold';
    position:absolute;
    right:0
}
 .page_about .page_about_faq_box .item.open .title:before{
    content:'-';
    font-size:.24rem;
    top:-.05rem
}
 .page_about .page_about_faq_box .item .title i{
}
 .page_about .page_about_faq_box .item .title p,.page_about .page_about_faq_box .item .remark p{
    width:97.5%
}
 .page_about .page_about_faq_box .item .title p,.page_about .page_about_faq_box .item .title i{
    font-size:.24rem;
    line-height:1.3
}
 .page_about .page_about_faq_box .item .remark{
    margin-top:.15rem;
    display:none;
    font-size:.18rem;
    color:#aaaaaa;
    line-height:1.3;
    padding-left:.35rem;
    white-space:pre-line
}
 .page_about .page_about_faq .boxed_btn{
    margin:auto
}
 .page_about .page_about_faq .boxed_btn .btn{
    padding:.12rem 1rem;
    font-size:.2rem;
    color:#aaaaaa
}
 .page_about .page_about_faq .boxed_btn:hover .btn{
    background:var(--color);
    border-color:var(--color)
}
 .page_about .page_about_faq .boxed_btn .btn span{
    color:#ffffff
}
 .page_about .page_about_faq .boxed_btn .btn img{
    filter:invert(1)
}
 .page_about .page_about_platform{
    padding-bottom:1rem
}
 .page_about .page_about_platform .head_block_title{
    margin-bottom:.6rem
}
 .page_about .page_about_platform_box{
    display:flex;
    gap:.15rem
}
 .page_about .page_about_platform_box .item{
    width:33%;
    border-radius:.1rem;
    background-color:#202020;
    font-size:.4rem;
    font-family:'RobotoBold';
    transition:all .3s linear
}
 .page_about .page_about_platform_box .item:hover{
    background:var(--color)
}
 .page_about .page_about_platform_box .item a{
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.55rem
}
 .page_about .page_about_platform_box .item img{
    width:.7rem;
    height:.7rem;
    object-fit:cover;
    border-radius:10%
}
 .page_about .page_about_platform_box .item p{
    margin-left:.3rem
}
 .page_content .inside-pagination{
    text-align:center;
    padding:.5rem 0
}
 .page_content .inside-pagination ul li a{
    color:#ffffff;
    display:inline-block;
    width:.45rem;
    height:.45rem;
    line-height:.45rem;
    font-size:.2rem;
    transition:all .3s linear;
    font-family:'RobotoBold'
}
 .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:var(--color)
}
 .page_content .inside-pagination ul li{
    display:inline-block;
    margin-right:.05rem
}
 .page_content .inside-pagination ul li>a>img{
    transition:all .3s linear;
    margin-top:-.04rem;
    max-width:.17rem;
    filter:brightness(0) invert(1)
}
 .page_content .inside-pagination ul li.pre-page>a>img{
    transform:rotate(180deg)
}
 .list_education{
    background:#000000
}
 .list_education .page_banner{
}
 .list_education .page_banner .text_box{
    width:65%;
    left:0;
    right:0;
    margin:auto;
    text-align:center
}
 .list_education .page_banner .text_box h3{
}
 .list_education .page_banner .text_box .remark{
    font-size:.2rem
}
 .list_education .page_banner .text_box .boxed_btn{
    margin:auto;
    margin-top:.55rem
}
 .list_education .page_banner .text_box .boxed_btn:hover .btn{
    border-color:var(--color);
    background:var(--color)
}
 .list_education .page_banner .text_box .boxed_btn .btn span{
}
 .list_education .page_banner .text_box .boxed_btn .btn img{
    filter:invert(1)
}
 .list_education_box{
    padding-top:1rem
}
 .list_education .head_block_title{
}
 .list_education .item_box{
    margin-top:.6rem;
    display:flex;
    gap:.5rem .3rem;
    flex-wrap:wrap
}
 .list_education .item_box .item{
    cursor:pointer;
    flex: 0 0 calc((100% - 2 * .3rem) / 3);
}
 .list_education .item_box .item .img_box{
    overflow:hidden
}
 .list_education .item_box .item .img_box img{
}
 .list_education .item_box .item .text_box{
    margin:.3rem 0;
    text-align:center;
    font-family:'RobotoBold'
}
 .list_education .item_box .item .text_box p{
    margin-bottom:.3rem;
    font-size:.26rem;
    color:#ffffff
}
 .list_education .item_box .item .text_box span{
    font-size:.18rem;
    color:#aaaaaa;
    min-height:.54rem
}
 .page_content.list_case .list_news_head{
    padding-bottom:0;
    border:0
}
 .list_news{
    background:#000000;
    padding-top:1.35rem
}
 .list_news .list_news_head{
    padding-top:.4rem;
    border-bottom:.01rem solid #464646;
    padding-bottom:.4rem
}
 .list_news .list_news_head .page_inside{
    margin-bottom:.35rem
}
 .list_news .list_news_head_box{
    padding:.4rem 0;
    position:relative
}
 .list_news .list_news_head_box:before,.list_news .list_news_head_box:after{
    content:'';
    display:block;
    position:absolute;
    background-color:#252424
}
 .list_news .list_news_head_box:before{
    width:2.15rem;
    height:2.15rem;
    right:-.4rem;
    bottom:1rem
}
 .list_news .list_news_head_box:after{
    width:3.25rem;
    height:3.25rem;
    top:0;
    right:32.15%
}
 .list_news .list_news_head_box .swiper-container{
    padding-bottom:1rem
}
 .list_news .list_news_head_box .swiper-wrapper{
}
 .list_news .list_news_head_box .swiper-slide{
}
 .list_news .list_news_head_box .swiper-slide .item{
}
 .list_news .list_news_head_box .swiper-slide .item a{
    display:flex;
    flex-direction:row-reverse;
    color:#ffffff
}
 .list_news .list_news_head_box .swiper-slide .item .img_box,.list_news .list_news_head_box .swiper-slide .item .txt{
    width:50%
}
 .list_news .list_news_head_box .swiper-slide .item .img_box{
    border-radius:.1rem;
    overflow:hidden
}
 .list_news .list_news_head_box .swiper-slide .item .img_box img{
}
 .list_news .list_news_head_box .swiper-slide .item .txt{
    font-family:'RobotoBold';
    padding-right:8%
}
 .list_news .list_news_head_box .swiper-slide .item .txt .tips{
    font-size:.18rem;
    padding:.2rem .3rem;
    padding-left:.2rem;
    background:linear-gradient( -45deg,transparent 23%,#ca1c1d 0) top right,linear-gradient(-135deg,transparent 23%,#ca1c1d 0) bottom right;
    max-width:2.5rem;
    margin-bottom:.55rem
}
 .list_news .list_news_head_box .swiper-slide .item .txt h3{
    font-size:.36rem;
    line-height:1.2;
    margin-bottom:.3rem
}
 .list_news .list_news_head_box .swiper-slide .item .txt .remark{
    font-size:.18rem;
    color:#aaaaaa;
    line-height:1.2;
    margin-bottom:.3rem
}
 .list_news .list_news_head_box .swiper-slide .item .txt .other{
    font-family:'RobotoRegular';
    display:flex;
    font-size:.16rem;
    align-items:center
}
 .list_news .list_news_head_box .swiper-slide .item .txt .other p{
    background-color:#252424;
    padding:.15rem .25rem;
    margin-right:.2rem;
    transition:all .3s linear
}
 .list_news .list_news_head_box .swiper-slide:hover .item .txt .other p{
    background-color:var(--color)
}
 .list_news .list_news_head_box .swiper-slide .item .txt .other span{
}
 .list_news .list_news_box{
    margin-top:.8rem
}
 .list_news .list_news_box .list_news_cate{
}
 .list_news .list_news_box .list_news_cate a{
    background-color:rgb(37,36,36);
    font-size:.2rem;
    font-family:'RobotoBold';
    color:#ffffff;
    padding:.2rem .55rem;
    margin-right:.1rem;
    display:inline-block
}
 .list_news .list_news_box .list_news_cate a:last-child{
    margin-right:0
}
 .list_news .list_news_box .list_news_cate a.active,.list_news .list_news_box .list_news_cate a:hover{
    background:rgb(255 255 255 / 40%)
}
 .list_news .list_news_box .list_item_box{
    margin-top:.6rem;
    display:flex;
    gap:.5rem;
    flex-wrap:wrap;
    margin-bottom:.3rem
}
 .page_content.list_case .list_news_box .list_item_box{
    gap:.2rem
}
 .list_news .list_news_box .list_item_box .item{
    flex: 0 0 calc((100% - 2 * .5rem) / 3);
}
 .page_content.list_case .list_news_box .list_item_box .item{
    flex: 0 0 calc((100% - 3 * .2rem) / 4);
}
 .list_news .list_news_box .list_item_box .item .img_box{
    position:relative;
    margin-bottom:.65rem
}
 .page_content.list_case .list_news_box .list_item_box .item .img_box{
    margin-bottom:.3rem
}
 .list_news .list_news_box .list_item_box .item .img_box .img{
    overflow:hidden;
    border-top-left-radius:.1rem;
    border-top-right-radius:.1rem
}
 .list_news .list_news_box .list_item_box .item .img_box .img img{
}
 .list_news .list_news_box .list_item_box .item .img_box .other{
    position:absolute;
    bottom:-.2rem;
    left:.2rem;
    background:#d1d1d1;
    border-radius:.1rem;
    color:#333333;
    font-family:'RobotoBold';
    text-align:center;
    padding:.16rem .24rem;
    transition:all .3s linear
}
 .list_news .list_news_box .list_item_box .item:hover .img_box .other{
    background:var(--color);
    color:#ffffff
}
 .list_news .list_news_box .list_item_box .item .img_box .other p{
    font-size:.3rem
}
 .list_news .list_news_box .list_item_box .item .img_box .other span{
    font-size:.16rem
}
 .list_news .list_news_box .list_item_box .item .text_box{
}
 .list_news .list_news_box .list_item_box .item .text_box h3{
    font-size:.2rem;
    font-family:'RobotoBold';
    color:#ffffff;
    margin-bottom:.2rem;
    line-height:1.3
}
 .list_news .list_news_box .list_item_box .item .text_box p{
    font-size:.18rem;
    font-family:'RobotoBold';
    color:#aaaaaa;
    line-height:1.2;
    margin-bottom:.3rem
}
 .list_news .list_news_box .list_item_box .item .text_box span{
    background-color:#252424;
    padding:.15rem .25rem;
    transition:all .3s linear;
    color:#ffffff;
    display:inline-block;
    font-size:.16rem
}
 .list_news .list_news_box .list_item_box .item:hover .text_box span{
    background:var(--color)
}
 .list_products{
    background:#000000
}
 .list_products .list_products_box{
    padding-top:.8rem
}
 .list_products .list_products_box .head_block_title{
    font-size:.3rem;
    max-width:55%;
    margin:auto;
    margin-bottom:.2rem
}
 .list_products .list_products_box .total{
    text-align:center;
    font-family:RobotoBold;
    font-size:.16rem;
    color:#aaaaaa
}
 .list_products .item_box{
    margin-top:.6rem;
    display:flex;
    gap:.4rem .2rem;
    flex-wrap:wrap
}
 .list_products .item_box .item{
    flex: 0 0 calc((100% - 3 * .2rem) / 4);
}
 .list_products .item_box .item a{
}
 .list_products .item_box .item .img_box{
    background-color:#cbcbcb;
    overflow:hidden
}
 .list_products .item_box .item .img_box img{
}
 .list_products .item_box .item .text_box{
    padding:.4rem 0;
    font-family:auto
}
 .list_products .item_box .item .text_box p{
    font-size:.2rem;
    color:#ffffff;
    margin-bottom:.2rem;
    -webkit-line-clamp:2;
    min-height:.48rem;
    line-height:1.2;
    transition:all .3s linear
}
 .list_products .item_box .item:hover .text_box p{
    color:var(--color)
}
 .list_products .item_box .item .text_box span{
    font-size:.16rem;
    color:#aaaaaa
}
 .show_products{
    padding-bottom:.8rem;
    background:#000000;
    padding-top:1.5rem
}
 .show_products .show_products_head{
    padding-top:.45rem;
    padding-bottom:1rem;
    background-image:-webkit-linear-gradient(-90deg,rgb(0 0 0 / 20%) 0%,rgb(255 255 255 / 20%) 100%)
}
 .show_products .show_products_head .auto-container{
    display:flex;
    align-items:flex-start;
    justify-content:space-between
}
 .show_products .show_products_head .img_box{
    width:50%;
    position:relative
}
 .show_products .show_products_head .text_box{
    width:50%;
    padding-left:6%
}
 .show_products .show_products_head .img_box .view_box{
    position:relative;
    background:#cbcbcb
}
 .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 .thumb_box{
    position:absolute;
    bottom:.3rem;
    z-index: 9999;
}
 .show_products .show_products_head .img_box .thumb_box .swiper-container{
    max-width:77.5%
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide{
    width:12.95%;
    height:12.95%;
    border:.02rem solid transparent;
    overflow:hidden;
    margin-right:.1rem;
    cursor:pointer;
    border-radius:.05rem;
    transition:all .3s linear
}
 .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:0;
    border-radius:0;
    border:0;
    top:25%
}
 .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{
    background:0;
    filter:unset;
    display:block;
    content:'';
    border-left:.1rem solid transparent;
    border-right:.1rem solid transparent;
    border-bottom:.17rem solid #7a7a7a;
    position:absolute;
    transition:all .3s linear;
    width:max-content;
    height:max-content;
    top:35%;
    left:25%
}
 .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-bottom-color:var(--color)
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    left:.2rem;
    transform:rotate(90deg)
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next{
    right:.2rem;
    transform:rotate(-90deg)
}
 .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;
    font-family:'RobotoBold';
    color:#ffffff;
    margin-top:.4rem;
    margin-bottom:.15rem
}
 .show_products .show_products_head .text_box .remark{
    font-size:.18rem;
    line-height:1.3;
    color:#aaaaaa;
    font-family:'RobotoBold';
    margin-bottom:.3rem
}
 .show_products .show_products_head .text_box .foot_share{
    padding:.4rem 0;
    border-top:.01rem solid #464646
}
 .show_products .show_products_head .text_box .foot_share a img{
    max-width:.25rem;
    margin-right:.1rem
}
 .show_products .show_products_head .text_box .btn_box{
    border-bottom:.01rem solid #464646;
    padding-bottom:.4rem;
    display:flex
}
 .show_products .show_products_head .text_box .btn_box .pro_btn{
    font-size:.2rem;
    color:#000000;
    background:#ffffff;
    border-radius:100vh;
    text-transform:uppercase;
    padding:.12rem .53rem;
    transition:all .3s linear;
    cursor:pointer
}
 .show_products .show_products_head .text_box .btn_box .pro_btn:hover{
    background:-webkit-linear-gradient( 0deg,rgb(226,226,226) 0%,rgb(143,143,143) 100%)
}
 .show_products .show_products_head .text_box .btn_box .pro_btn:first-child{
    margin-right:.1rem
}
 .show_products .show_products_head .text_box .btn_box .pro_btn img{
    max-width:.36rem;
    margin-right:.2rem
}
 .show_products .show_products_head .text_box .btn_box .pro_btn span{
    display:inline-block
}
 .show_products .show_products_head .text_box .attribute_box{
    border-bottom:.01rem solid #464646;
    padding-bottom:.25rem;
    margin-bottom:.4rem
}
 .show_products .show_products_head .text_box .attribute{
    margin:.15rem 0;
    padding:.25rem 0;
    margin-bottom:0;
    padding-bottom:0
}
 .show_products .show_products_head .text_box .attribute div{
    font-size:.16rem;
    margin-bottom:.1rem;
    font-family:'RobotoBold';
    color:#aaaaaa
}
 .show_products .show_products_head .text_box .attribute div p{
}
 .show_products .show_products_head .text_box .platform_box{
    display:flex;
    gap:.15rem
}
 .show_products .show_products_head .text_box .platform_box .item{
    width:23%;
    border-radius:.1rem;
    background-color:#202020;
    font-size:.18rem;
    font-family:'RobotoBold';
    transition:all .3s linear
}
 .show_products .show_products_head .text_box .platform_box .item:hover{
    background:var(--color)
}
 .show_products .show_products_head .text_box .platform_box .item a{
    color:#aaaaaa;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.09rem
}
 .show_products .show_products_head .text_box .platform_box .item:hover a{
    color:#ffffff
}
 .show_products .show_products_head .text_box .platform_box .item img{
    width:.32rem;
    height:.32rem;
    object-fit:cover;
    border-radius:10%
}
 .show_products .show_products_head .text_box .platform_box .item p{
    margin-left:.1rem
}
 .show_products .show_products_box{
    padding-bottom:.7rem;
    margin-bottom:.7rem;
    border-bottom:.01rem solid #464646
}
 .show_products .show_pro_faq{
}
 .show_products .show_pro_faq .page_content_block{
    font-size:.46rem;
    text-transform:capitalize;
    color:#ffffff;
    text-align:center
}
 .show_products .show_pro_faq .page_content_block p{
}
 .show_products .show_pro_faq .show_pro_faq_box{
}
 .show_products .show_pro_faq .show_pro_faq_box{
    margin-bottom:.5rem;
    margin-top:.6rem
}
 .show_products .show_pro_faq .show_pro_faq_box .item{
    padding:.3rem 0;
    width:100%;
    border-top:.01rem solid #464646;
    font-family:'RobotoBold';
    color:#ffffff
}
 .show_products .show_pro_faq .show_pro_faq_box .item:last-child{
    margin-bottom:0
}
 .show_products .show_pro_faq .show_pro_faq_box .item .title i{
    font-style:unset
}
 .show_products .show_pro_faq .show_pro_faq_box .item .title{
    display:flex;
    justify-content:space-between
}
 .show_products .show_pro_faq .show_pro_faq_box .item .title{
    position:relative
}
 .show_products .show_pro_faq .show_pro_faq_box .item .title:before{
    content:'+';
    display:block;
    font-size:.18rem;
    font-family:'RobotoBold';
    position:absolute;
    right:0;
    opacity:0
}
 .show_products .show_pro_faq .show_pro_faq_box .item.open .title:before{
    content:'-';
    font-size:.24rem;
    top:-.05rem
}
 .show_products .show_pro_faq .show_pro_faq_box .item .title i{
}
 .show_products .show_pro_faq .show_pro_faq_box .item .title p,.show_products .show_pro_faq .show_pro_faq_box .item .remark p{
    width:97.5%
}
 .show_products .show_pro_faq .show_pro_faq_box .item .title p,.show_products .show_pro_faq .show_pro_faq_box .item .title i{
    font-size:.24rem;
    line-height:1.3
}
 .show_products .show_pro_faq .show_pro_faq_box .item .remark{
    display:block;
    font-size:.18rem;
    color:#aaaaaa;
    line-height:1.3;
    padding-left:.35rem;
    white-space:pre-line
}
 .show_products .show_pro_from{
    display:flex;
    margin-bottom:1rem
}
 .show_products .show_pro_from .left{
    width:80%;
    overflow:hidden;
    background:#1f1f1f;
    padding:.6rem
}
 .show_products .show_pro_from .left > h4{
    font-size:.46rem;
    text-align:center;
    color:#ffffff;
    margin-bottom:.2rem
}
 .show_products .show_pro_from .left > p{
    font-size:.24rem;
    text-align:center;
    color:#ffffff
}
 .show_products .show_pro_from .left form{
    margin-top:.4rem
}
 .show_products .show_pro_from .left .input{
    display:flex;
    justify-content:space-between;
    margin-bottom:.15rem
}
 .show_products .show_pro_from .left .input div{
    width:32.55%
}
 .show_products .show_pro_from .left .input div input,.show_products .show_pro_from .left .textarea_box textarea{
    background:#333333;
    width:100%;
    padding:.15rem;
    font-size:.16rem;
    color:#ffffff
}
 .show_products .show_pro_from .left .input div input{
}
 .show_products .show_pro_from .left .textarea_box{
}
 .show_products .show_pro_from .left .textarea_box textarea{
    height:1.3rem
}
 .show_products .show_pro_from .left .submit{
    margin-top:.08rem;
    text-align:center
}
 .show_products .show_pro_from .left .submit button{
    background:var(--color);
    border-radius:0;
    color:#ffffff;
    text-transform:uppercase;
    font-size:.16rem;
    padding:.17rem .21rem;
    border:0;
    line-height:normal;
    transition:all .3s linear
}
 .show_products .show_pro_from .left .submit button:hover{
    color:var(--color);
    background:#ffffff
}
 .show_products .show_pro_from .right{
    width:20%;
    padding-left:.5714%;
    display:flex;
    flex-direction:column
}
 .show_products .show_pro_from .right .item{
    overflow:hidden;
    height:50%;
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-content:center;
    background:#1f1f1f
}
 .show_products .show_pro_from .right .item:first-child{
    margin-bottom:.08rem
}
 .show_products .show_pro_from .right .item:last-child{
}
 .show_products .show_pro_from .right .item:last-child img{
    max-width:1.5rem;
    max-height:1.5rem;
    overflow:hidden;
    border-radius:.05rem
}
 .show_products .show_pro_from .right .item > p{
    color:#ffffff;
    text-transform:uppercase;
    font-size:.3rem;
    font-family:'RobotoBold';
    margin-bottom:.15rem;
    width:100%
}
 .show_products .show_pro_from .right .item .item_box{
    width:1.45rem;
    height:.45rem;
    line-height:.45rem;
    background:#ffffff;
    border-radius:.45rem;
    margin:auto;
    font-size:.16rem;
    font-family:'seguisb';
    transition:all .5s cubic-bezier(0.4,0,1,1)
}
 .show_products .show_pro_from .right .item .item_box a{
}
 .show_products .show_pro_from .right .item .item_box img{
    vertical-align:middle;
    margin-top:-.03rem;
    margin-right:.03rem;
    max-width:.28rem
}
 .show_products .show_pro_from .right .item .item_box img span{
}
 .show_products .show_pro_from .right .item .item_box:hover{
    background:var(--color)
}
 .show_products .show_pro_from .right .item .item_box:hover a{
    color:#ffffff
}
 .show_products .page_recommend_pro{
}
 .show_products .page_recommend_pro .page_content_block{
    font-size:.3rem;
    color:#ffffff;
    text-align:center
}
 .show_products .page_recommend_pro .page_content_block p{
}
 .show_products .page_recommend_pro_box{
    margin-top:.6rem
}
 .show_products .page_recommend_pro_box .swiper-container{
    padding-bottom:.5rem
}
 .show_products .page_recommend_pro_box .swiper-wrapper{
}
 .show_products .page_recommend_pro_box .swiper-slide{
}
 .show_products .page_recommend_pro_box .swiper-slide .item{
}
 .show_products .page_recommend_pro_box .swiper-slide .item a{
}
 .show_products .page_recommend_pro_box .swiper-slide .item .img_box{
    background-color:#cbcbcb;
    overflow:hidden
}
 .show_products .page_recommend_pro_box .swiper-slide .item .img_box img{
}
 .show_products .page_recommend_pro_box .swiper-slide .item .text_box{
    padding:.4rem 0;
    font-family:auto
}
 .show_products .page_recommend_pro_box .swiper-slide .item .text_box p{
    font-size:.2rem;
    color:#ffffff;
    margin-bottom:.2rem;
    -webkit-line-clamp:2;
    min-height:.48rem;
    line-height:1.2;
    transition:all .3s linear
}
 .show_products .page_recommend_pro_box .swiper-slide .item:hover .text_box p{
    color:var(--color)
}
 .show_products .page_recommend_pro_box .swiper-slide .item .text_box span{
    font-size:.16rem;
    color:#aaaaaa
}
 #share_popups{
}
 #share_popups .modal-dialog{
    z-index:9999;
    width:500px
}
 #share_popups .modal-content{
    border:0
}
 #share_popups_box{
    background:var(--color)
}
 #share_popups .modal-content .modal-header{
    padding:0;
    border:0
}
 #share_popups .modal-content .modal-header .modal_head{
    width:100%;
    text-align:center;
    padding-top:25px
}
 #share_popups .modal-content .modal-header .modal_head p{
}
 #share_popups .modal-content .modal-header .modal_head p img{
}
 #share_popups .modal-content .modal-header .modal_head .modal-title{
    width:100%;
    display:inline-block;
    font-size:22px;
    font-family:'RobotoBold';
    color:#ffffff;
    line-height:1.2;
    margin-top:15px
}
 #share_popups .modal-content .modal-header button{
    width:30px;
    height:30px;
    background:#ffffff;
    border-radius:30px;
    opacity:1;
    margin-top:10px;
    margin-right:10px;
    position:absolute;
    top:0;
    right:0
}
 #share_popups .modal-content .modal-header button span{
    font-size:30px;
    color:var(--color)
}
 #share_popups .modal-content .modal-body{
    padding:20px
}
 #share_popups .modal-content .modal-body .thumb_box{
    border-radius:10px;
    overflow:hidden;
    background:#ffffff;
    text-align:center
}
 #share_popups .modal-content .modal-body .thumb_box img{
    max-width:300px
}
 #share_popups .modal-content .modal-body .text_box{
    background:#ffffff;
    border-radius:10px;
    margin-top:8px;
    display:flex;
    padding:20px;
    align-items:center
}
 #share_popups .modal-content .modal-body .text_box .left{
    width:80%;
    padding-right:5%
}
 #share_popups .modal-content .modal-body .text_box .left .title{
    font-size:20px;
    font-family:'RobotoBold';
    line-height:1.2;
    margin-bottom:10px
}
 #share_popups .modal-content .modal-body .text_box .left .code{
    font-size:16px;
    color:var(--color);
    margin-bottom:10px
}
 #share_popups .modal-content .modal-body .text_box .left .remark{
    font-size:16px;
    line-height:normal;
    color:#666666
}
 #share_popups .modal-content .modal-body .text_box .right{
    width:30%;
    padding:5px;
    border-radius:5px;
    border:1px solid
}
 #share_popups .capture_icon{
    background:var(--color);
    margin-top:-1px;
    padding-bottom:20px;
    text-align:center
}
 #share_popups .capture_icon img{
    margin-top:10px;
    cursor:pointer
}
 .page_contact{
    background:#000000;
    padding-bottom:1rem
}
 .page_contact .page_contact_box{
    padding-top:.8rem
}
 .page_contact .page_contact_box .page_contact_head{
    display:flex
}
 .page_contact .page_contact_box .page_contact_head .item{
    background:#1f1f1f;
    width:27%;
    margin-right:.5%;
    padding:.6rem;
    display:flex;
    flex-direction:column;
    padding-right:.2rem;
    min-height:3rem;
    padding-top:.7rem;
    border-radius:.1rem
}
 .page_contact .page_contact_box .page_contact_head .item:last-child{
    width:45%;
    margin-right:0
}
 .page_contact .page_contact_box .page_contact_head .item .head_icon{
    display:flex;
    align-items:center;
    font-size:.24rem;
    color:var(--color);
    text-transform:uppercase;
    font-family:'RobotoBold'
}
 .page_contact .page_contact_box .page_contact_head .item .head_icon img{
    margin-right:.25rem;
    max-width:.6rem
}
 .page_contact .page_contact_box .page_contact_head .item a,.page_contact .page_contact_box .page_contact_head .item p{
    font-size:.2rem;
    font-family:'RobotoBold';
    margin-top:.2rem;
    color:#ffffff;
    line-height:1.3
}
 .page_contact .page_contact_box .page_contact_head .item a{
}
 .page_contact .page_contact_box .page_contact_head .item p{
}
 .page_contact .page_contact_box .page_contact_bottom{
    display:flex;
    margin-top:.3rem;
    flex-wrap:wrap
}
 .page_contact .page_contact_box .page_contact_bottom .item{
    background:rgb(255 255 255 / 20%);
    border-radius:.1rem;
    width:49.6428%;
    margin-right:.3571%;
    padding:.85rem;
    display:flex;
    justify-content:center;
    align-items:center
}
 .page_contact .page_contact_box .page_contact_bottom .item:nth-child(even){
    margin-right:0;
    margin-left:.3571%
}
 .page_contact .page_contact_box .page_contact_bottom .item .img_box{
    width:1.5rem;
    height:1.5rem;
    border:.01rem solid #666666;
    border-radius:.05rem;
    margin-right:.3rem;
    overflow:hidden
}
 .page_contact .page_contact_box .page_contact_bottom .item .img_box img{
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box{
    display:flex;
    flex-direction:column;
    justify-content:flex-start
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box p{
    text-transform:uppercase;
    font-size:.24rem;
    color:var(--color);
    font-family:'RobotoBold'
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box a,.page_contact .page_contact_box .page_contact_bottom .item .text_box span{
    font-size:.24rem;
    font-family:'RobotoBold';
    color:#ffffff
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn{
    font-size:.16rem;
    border-radius:.45rem;
    border:.01rem solid #666666;
    padding:.06rem .2rem;
    display:inline-block;
    margin-top:.3rem;
    transition:all .3s linear
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn:hover{
    border-color:var(--color);
    background:var(--color)
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn img{
    margin-right:.05rem;
    max-width:.28rem
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box{
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box span{
}
 .page_contact .page_contact_box .common_form{
    overflow:hidden;
    background:#1f1f1f;
    padding:.6rem;
    border-radius:.1rem;
    margin-top:1rem
}
 .page_contact .page_contact_box .common_form > h4{
    font-size:.46rem;
    text-align:center;
    color:#ffffff;
    margin-bottom:.2rem
}
 .page_contact .page_contact_box .common_form > p{
    font-size:.24rem;
    text-align:center;
    color:#ffffff
}
 .page_contact .page_contact_box .common_form form{
    margin-top:.4rem
}
 .page_contact .page_contact_box .common_form .input{
    display:flex;
    justify-content:space-between;
    margin-bottom:.15rem
}
 .page_contact .page_contact_box .common_form .input div{
    width:32.55%
}
 .page_contact .page_contact_box .common_form .input div input,.page_contact .page_contact_box .common_form .textarea_box textarea{
    background:#333333;
    width:100%;
    padding:.15rem;
    font-size:.16rem;
    color:#ffffff
}
 .page_contact .page_contact_box .common_form .input div input{
}
 .page_contact .page_contact_box .common_form .textarea_box{
}
 .page_contact .page_contact_box .common_form .textarea_box textarea{
    height:1.3rem
}
 .page_contact .page_contact_box .common_form .submit{
    margin-top:.08rem;
    text-align:center
}
 .page_contact .page_contact_box .common_form .submit button{
    background:var(--color);
    border-radius:0;
    color:#ffffff;
    text-transform:uppercase;
    font-size:.16rem;
    padding:.17rem .21rem;
    border:0;
    line-height:normal;
    transition:all .3s linear
}
 .page_contact .page_contact_box .common_form .submit button:hover{
    color:var(--color);
    background:#ffffff
}
 .show_news{
    background:#000000
}
 .show_news .post-info{
    color:#fff;
    padding:.8rem .3rem;
    font-size:.18rem
}
 .show_news .post-info .header{
    margin-bottom:.4rem;
    text-align:center
}
 .show_news .post-info .header>h1{
    font-size:.3rem;
    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 #414141;
    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:#aaa
}
 .show_news .post-info .post-pagination p a img{
    float:left;
    margin-right:.1rem;
    filter:invert(1);
    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
}
#myModal .modal-header .close{margin-top:0;margin-right:.08rem;font-size:.26rem}
#popbox{font-size:.1rem;display: flex;align-items: center;justify-content: space-between;}
#popbox .left-img{}
#popbox .left-img a{display:block}
#popbox .left-img img{
    min-height: 4rem;
    object-fit: cover;
    width: 100%;
}
#popbox .headbox h1{font-size: .26rem;font-family: 'RobotoBold';}
#popbox .headbox p{margin:.15rem 0 .3rem;font-size: .18rem;}
#popbox .right-form{padding:.3rem;padding-right: 0;font-size: .18rem;/* display: flex; *//* flex-wrap: wrap; *//* align-items: center; *//* width: 50%; */}
#popbox .right-form .pop_form{/* padding:.3rem; *//* font-size: .18rem; */display: flex;justify-content: space-between;align-items: center;}
#popbox .right-form>p{margin-top:.3rem;font-size: .16rem;}
#popbox .right-form input{width: 80%;height: .4rem;padding:0 .1rem;border:.01rem solid #ddd;border-radius:.05rem 0 0 .05rem;font-size: .16rem;}
#popbox .right-form button{width: 20%;height: .4rem;/* margin-left:-.5rem; */background: #000000;border:none;color:#fff;outline:0;border-radius:0 .05rem .05rem 0;font-size: .16rem;}