.boxed_btn{
    width:max-content
}
 .boxed_btn .btn{
    display:inline-block;
    position:relative;
    text-align:center;
    padding:.12rem .65rem .12rem .15rem;
    text-decoration:none!important;
    border-radius:.1rem;
    transition:background .45s ease-out,border-color .3s,color .3s,padding .3s;
    box-sizing:border-box;
    box-shadow:none;
    outline:0;
    overflow:hidden;
    height:auto;
    color:#1c58b4!important;
    border:solid .01rem #1c58b4!important;
    z-index:2;
    background:linear-gradient(90deg,rgba(255,255,255,0) 50%,#1c58b4 50%);
    background-size:calc(200% + .04rem) 100%;
    background-position:-.29rem 0;
    background-repeat:no-repeat
}
 .boxed_btn .btn.white{
    background:linear-gradient(90deg,#fff 50%,#1c58b4 50%);
    background-size:calc(200% + .4rem) 100%;
    background-position:-.29rem 0;
    background-repeat:no-repeat
}
 .boxed_btn .btn:before{
    content:'';
    background:url('/res/magic/images/ps_86.webp');
    background-size:contain;
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    width:.12rem;
    height:.12rem;
    top:50%;
    right:.15rem;
    background-color:transparent;
    transition:all .55s;
    color:#fff;
    margin-top:-.06rem;
    z-index:2
}
 @keyframes button_arrows{
    0%{
        right:.15rem;
        opacity:1
    }
     49.9%{
        right:.25rem;
        opacity:0
    }
     50%{
        right:.35rem;
        opacity:0
    }
     100%{
        right:.15rem;
        opacity:1
    }
}
.boxed_btn .btn:hover{
    background-position:calc(100% + .01rem) 0;
    color:#fff!important;
    padding:.12rem .6rem .12rem .2rem;
    cursor:pointer
}
 .boxed_btn .btn:hover:before{
    animation:.3s linear 0s 1 normal none running button_arrows;
    color:#fff
}
 .boxed_btn .btn:after,a.boxed_btn .btn:after{
    content:'';
    position:absolute;
    display:block;
    width:.36rem;
    top:0;
    bottom:0;
    right:0;
    background-color:#1c58b4
}
 .index_banner{
    padding-top:.9rem
}
 .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%;
    top:30%;
    max-width:40%
}
 .index_banner .swiper-slide .txt .title{
    font-size:.6rem;
    line-height:1.2;
    margin-bottom:.35rem;
    -webkit-line-clamp:3;
    font-family:'ManropeExtraBold'
}
 .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%;
}
 .index_banner .swiper-pagination .swiper-pagination-bullet{
    background:#ffffff
}
 .index_banner .swiper-pagination .swiper-pagination-bullet-active{
    background:var(--color)
}
 .head_block{
}
 .head_block p{
    font-size:.3rem;
    font-family:'ManropeExtraBold';
    color:var(--color);
    line-height:.52rem
}
 .head_block .title{
    font-size:.5rem;
    font-family:'ManropeExtraBold';
    line-height:.52rem
}
 .section{
    margin-top:1.2rem
}
 .index_section5,.index_from{
    margin-top:0;
    padding:1.2rem 0
}
 .index_section6{
    margin-bottom:1.2rem
}
 .index_section6 .index_news_box .swiper-container{
    padding-bottom:1rem
}
 .index_section1{
    border-bottom:.01rem solid #d3d3d3;
    display:flex;
    margin-top:0;
    padding:0 .75rem;
    padding-right:0;
    align-items:center
}
 .index_section1 .left{
    width:30%;
    padding-right:5%
}
 .index_section1 .left h3{
    font-family:'ManropeExtraBold';
    font-size:.32rem;
    line-height:.44rem;
    margin-bottom:.3rem
}
 .index_section1 .left .boxed_btn{
}
 .index_section1 .left .boxed_btn a.btn{
}
 .index_section1 .right{
    width:70%;
    display:flex
}
 .index_section1 .right .item{
    border-left:.01rem solid #d3d3d3;
    text-align:center;
    padding:.8rem 3%;
    flex:0 0 calc((100% - 3 * 0px) / 4);
    position:relative
}
 .index_section1 .right .item:before{
    content:'';
    display:block;
    width:0;
    height:.08rem;
    background:var(--color);
    position:absolute;
    left:25%;
    bottom:0;
    transition:all .3s linear
}
 .index_section1 .right .item:hover:before{
    width:50%
}
 .index_section1 .right .item .icon{
    transition:all .3s linear
}
 .index_section1 .right .item:hover .icon{
    transform:translateY(-.1rem)
}
 .index_section1 .right .item .icon img{
    max-height:.5rem
}
 .index_section1 .right .item .txt{
}
 .index_section1 .right .item .txt h4{
    font-size:.18rem;
    line-height:.26rem;
    font-family:'ManropeExtraBold';
    min-height:.52rem;
    margin:.2rem 0
}
 .index_section1 .right .item .txt p{
    line-height:.24rem;
    font-family:'ManropeMedium';
    min-height:.48rem
}
 .index_section2{
}
 .index_section2 .auto-container{
    display:flex;
    position:relative
}
 .index_section2 .thumb_box{
    overflow:hidden;
    width:55%
}
 .index_section2 .thumb_box img{
}
 .index_section2 .index_section2_box{
    max-width:58.5%;
    position:absolute;
    right:0;
    top:8.5%;
    bottom:0;
    height:83%;
    padding:.4rem;
    background:#fdfeff;
    border-radius:.1rem;
    border-top-left-radius:0;
    border-bottom-left-radius:.6rem;
    box-shadow:0px 0px .9rem 0px rgba(2,60,105,0.1)
}
 .index_section2 .index_section2_box .head_block{
    text-align:center
}
 .index_section2 .index_section2_box .head_block p{
}
 .index_section2 .index_section2_box .head_block .title{
}
 .index_section2 .index_section2_box .swiper-container{
    padding-bottom:.7rem;
    max-width:70%;
    margin:auto;
    margin-top:.6rem
}
 .index_section2 .index_section2_box .swiper-wrapper{
}
 .index_section2 .index_section2_box .swiper-slide{
}
 .index_section2 .index_section2_box .swiper-slide .item{
}
 .index_section2 .index_section2_box .swiper-slide .item a{
    color:inherit
}
 .index_section2 .index_section2_box .swiper-slide .item h3{
    font-size:.3rem;
    font-family:'ManropeSemiBold';
    text-align:center;
    margin:.15rem 0;
    line-height: .4rem;
}
 .index_section2 .index_section2_box .swiper-slide .item p{
    font-size:.22rem;
    font-family:'ManropeSemiBold';
    text-align:center;
    margin:.15rem 0
}
 .index_section2 .index_section2_box .swiper-slide .item .other{
    font-size:.2rem;
    line-height:.24rem;
    margin-bottom:.4rem
}
 .index_section2 .index_section2_box .swiper-slide .item .boxed_btn{
    margin:auto
}
 .index_section2 .index_section2_box .swiper-pagination{
}
 .marquee_text_box{
    position:relative;
    overflow:hidden
}
 .marquee_text_box .marquee_text{
    position:relative;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    flex-wrap:nowrap;
    width:fit-content
}
 .marquee_text_box .marquee_text li{
    position:relative;
    float:left
}
 .marquee_text_box .marquee_text li .title{
    position:relative;
    display:flex;
    align-items:center;
    gap:.4rem;
    color:transparent;
    -webkit-text-stroke:.01rem #e6e6e6;
    font-size:.7rem;
    text-transform:uppercase;
    font-family:'ManropeExtraBold';
    transition:all 0.3s ease
}
 .marquee_text li:hover .title{
    -webkit-text-stroke:.01rem var(--color)
}
 .marquee_text_box .marquee_text li .title img{
    position:relative;
    width:auto
}
 .marquee_text_box .marquee_text li .title:before{
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    width:0;
    color:var(--color);
    white-space:nowrap;
    content:attr(data-hover);
    transition:all 0.5s cubic-bezier(0.17,0.67,0.32,0.87)
}
 .marquee_text li:hover .title:before{
    width:100%;
    color:var(--color)
}
 .marquee_text_box .marquee_text li .title i{
}
 .index_section3{
}
 .index_section3 .auto-container{
}
 .index_section3 .head_block{
    text-align:center;
    max-width:60%;
    margin:auto
}
 .index_section3 .head_block p{
}
 .index_section3 .head_block .title{
}
 .index_section3 .index_section3_box{
    margin-top:.5rem
}
 .index_section3 .index_section3_box .swiper-container{
    padding-bottom:.9rem
}
 .index_section3 .index_section3_box .swiper-wrapper{
}
 .index_section3 .index_section3_box .swiper-slide{
}
 .index_section3 .index_section3_box .swiper-slide .item{
}
 .index_section3 .index_section3_box .swiper-slide .item a{
    border-radius:.2rem;
    display:block;
    padding-bottom:.5rem;
    border:.01rem solid #e2e2e3;
    color:inherit
}
 .index_section3 .index_section3_box .swiper-slide .item a:hover,.index_section6 .index_news_box .swiper-slide .item a:hover{
    background-color:#ffffff;
    box-shadow:0px .1rem .35rem 0px rgba(5,37,88,0.1)
}
 .index_section3 .index_section3_box .swiper-slide .item .img_box{
    overflow:hidden;
    border-top-right-radius:.2rem;
    border-top-left-radius:.2rem
}
 .index_section3 .index_section3_box .swiper-slide .item .img_box img{
    width:100%
}
 .index_section3 .index_section3_box .swiper-slide .item .text_box{
    text-align:center;
    margin:.45rem .15rem
}
 .index_section3 .index_section3_box .swiper-slide .item .text_box h3{
    font-size:.28rem;
    font-family:'ManropeBold';
    line-height:.4rem;
    margin-bottom:.1rem;
    transition:all .3s linear
}
 .index_section3 .index_section3_box .swiper-slide .item .text_box p{
    font-size:.18rem;
    line-height:.28rem;
    min-height:1.12rem
}
 .index_section3 .index_section3_box .swiper-slide .item a:hover .text_box h3{
    color:var(--color)
}
 .index_section3 .index_section3_box .swiper-slide .item .boxed_btn{
    margin:auto
}
 .index_section3 .index_section3_box .swiper-pagination{
}
 .index_section4{
    aspect-ratio:19.2 / 7
}
 .index_section4 .text_box{
    padding-top:5%
}
 .index_section4 .text_box .head_block{
    text-align:center;
    margin-bottom:.5rem
}
 .index_section4 .text_box .head_block svg{
    font-size:.38rem;
    fill:#ffffff00;
    stroke:#ffffffc7;
    width:100%;
    height:.6rem;
    font-family:'ManropeExtraBold'
}
 .index_section4 .text_box .head_block svg text{
}
 .index_section4 .text_box .head_block p{
    color:#ffffff;
    max-width:28%;
    margin:.2rem auto;
    line-height:.4rem
}
 .index_section4 .text_box .head_block .title{
    font-size:.18rem;
    line-height:.28rem;
    font-family:'ManropeRegular';
    color:#ffffff
}
 .index_section4 .boxed_btn{
    margin:auto
}
 .index_section4 .boxed_btn a.btn{
}
 .index_section5{
    background:#f7f7f7
}
 .index_section5 .auto-container{
    display:flex
}
 .index_section5 .auto-container > .left,.index_section5 .auto-container > .right{
}
 .index_section5 .auto-container > .left{
    width:55%;
    padding-right:1.5%;
    position:relative
}
 .index_section5 .auto-container > .left .img{
}
 .index_section5 .auto-container > .left .img img{
}
 @keyframes rotate360{
    to{
        transform:rotate(360deg)
    }
}
.index_section5 .auto-container > .left .icon{
    position:absolute;
    top:5%;
    right:10%;
    border:.01rem solid #666666;
    width:1.6rem;
    height:1.6rem;
    line-height:1.6rem;
    border-radius:100vh;
    background-color:#e9edf5;
    display:flex;
    justify-content:center;
    align-items:center
}
 .index_section5 .auto-container > .left .icon:before{
    content:'';
    display:block;
    background:url(/res/magic/images/ps_79.webp) no-repeat center/contain;
    width:1.6rem;
    height:1.6rem;
    position:absolute;
    left:0;
    top:0;
    animation:rotate360 10s linear infinite
}
 .index_section5 .auto-container > .left .icon p{
    background:var(--color);
    width:.8rem;
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    border-radius:100vh;
    transition:all .3s linear
}
 .index_section5 .auto-container > .left .icon p img{
    filter:brightness(0) invert(1);
    transition:all .3s linear;
    max-width:.38rem
}
 .index_section5 .auto-container > .left .icon:hover p{
    background:#ffffff
}
 .index_section5 .auto-container > .left .icon:hover p img{
    filter:unset
}
 .index_section5 .auto-container > .right{
    width:45%
}
 .index_section5 .head_block{
}
 .index_section5 .head_block p{
}
 .index_section5 .head_block .title{
}
 .index_section5 .index_section5_swiper_box{
    position:relative;
    padding-bottom:.9rem;
    margin-top:.7rem
}
 .index_section5 .index_section5_swiper_box:before{
    content:'';
    display:block;
    background:url(/res/magic/images/ps_85.webp) no-repeat center/contain;
    width:.53rem;
    height:.39rem;
    position:absolute;
    right:0;
    bottom:0
}
 .index_section5 .swiper-container{
}
 .index_section5 .swiper-wrapper{
}
 .index_section5 .swiper-slide{
}
 .index_section5 .swiper-slide .item{
}
 .index_section5 .swiper-slide .item .other{
    display:flex;
    align-items:center;
    margin-bottom:.45rem;
    justify-content:space-between
}
 .index_section5 .swiper-slide .item .other .left{
    display:flex;
    align-items:center;
    gap:.2rem
}
 .index_section5 .swiper-slide .item .other .left .icon{
}
 .index_section5 .swiper-slide .item .other .left .icon img{
    width:.49rem;
    height:.49rem;
    border-radius:100vh;
    object-fit:cover
}
 .index_section5 .swiper-slide .item .other .left .txt{
    font-size:.2rem;
    font-family:'ManropeSemiBold';
    line-height:.24rem
}
 .index_section5 .swiper-slide .item .other .right{
}
 .index_section5 .swiper-slide .item .other .right img{
    max-width:.21rem
}
 .index_section5 .swiper-slide .item .remark{
    font-size:.18rem;
    line-height:.3rem
}
 .index_section5 .swiper-button-prev,.index_section5 .swiper-button-next{
    background-image:url(/res/magic/images/ps_86.webp);
    background-size:auto;
    width:.36rem;
    height:.36rem;
    background-color:#000000;
    opacity:1;
    cursor:pointer;
    pointer-events:auto;
    left:0;
    right:unset;
    bottom:0;
    top:unset;
    transition:all .3s linear
}
 .index_section5 .swiper-button-prev{
    transform:rotate(180deg)
}
 .index_section5 .swiper-button-next{
    left:.36rem
}
 .index_section5 .swiper-button-next.swiper-button-disabled,.index_section5 .swiper-button-prev.swiper-button-disabled{
    background-color:var(--color)
}
 .index_section5 .swiper-button-prev:hover,.index_section5 .swiper-button-next:hover{
    background-color:var(--color)
}
 .index_section6{
}
 .index_section6 .auto-container{
}
 .index_section6 .head_block{
    text-align:center;
    max-width:40%;
    margin:auto
}
 .index_section6 .head_block p{
}
 .index_section6 .head_block .title{
}
 .index_section6 .index_news_box{
    margin-top:.6rem
}
 .index_section6 .index_news_box .swiper-container{
}
 .index_section6 .index_news_box .swiper-wrapper{
}
 .index_section6 .index_news_box .swiper-slide{
}
 .index_section6 .index_news_box .swiper-slide .item{
}
 .index_section6 .index_news_box .swiper-slide .item a{
    display:block;
    color:inherit;
    border:.01rem solid #e2e2e3;
    border-bottom-right-radius:.6rem
}
 .index_section6 .index_news_box .swiper-slide .item a:hover{
}
 .index_section6 .index_news_box .swiper-slide .item .img_box{
    position:relative;
    overflow:hidden
}
 .index_section6 .index_news_box .swiper-slide .item .img_box img{
    width:100%;
    object-fit:cover
}
 .index_section6 .index_news_box .swiper-slide .item .img_box span{
    position:absolute;
    right:0;
    bottom:0;
    color:#ffffff;
    font-family:'ManropeBold';
    background:linear-gradient(120deg,transparent .15rem,var(--color) 0);
    background-repeat:no-repeat;
    padding:.05rem .2rem
}
 .index_section6 .index_news_box .swiper-slide .item .text_box{
    padding:.3rem;
    border-bottom-right-radius:.6rem
}
 .index_section6 .index_news_box .swiper-slide .item .text_box h3{
    font-size:.2rem;
    font-family:'ManropeSemiBold';
    margin-bottom:.2rem;
    min-height:.46rem;
    transition:all .3s linear
}
 .index_section6 .index_news_box .swiper-slide .item a:hover h3,.index_section6 .index_news_box .swiper-slide .item a:hover .text_box .other span:first-child{
    color:var(--color)
}
 .index_section6 .index_news_box .swiper-slide .item .text_box p{
    font-size:.16rem;
    line-height:.28rem;
    font-family:'ManropeLight';
    min-height:1.05rem;
    margin-bottom:.2rem;
    padding-bottom:.2rem;
    border-bottom:.01rem solid #eeeeee
}
 .index_section6 .index_news_box .swiper-slide .item .text_box .other{
    display:flex;
    align-items:center;
    justify-content:space-between
}
 .index_section6 .index_news_box .swiper-slide .item .text_box .other span{
    display:inline-block;
    transition:all .3s linear
}
 .index_section6 .index_news_box .swiper-slide .item .text_box .other span:last-child{
    width:.32rem;
    height:.32rem;
    line-height:.32rem;
    text-align:center;
    background:#4d4d4d;
    border-radius:100vh
}
 .index_section6 .index_news_box .swiper-slide .item .text_box .other span:last-child img{
    max-width:.14rem
}
 .index_section6 .index_news_box .swiper-slide .item .text_box .other span:first-child{
    font-size:.16rem;
    font-family:'ManropeBold'
}
 .index_section6 .index_news_box .swiper-slide .item a:hover .text_box .other span:last-child{
    background:var(--color)
}
 .index_section6 .index_news_box .swiper-pagination{
}
 .index_from{
    background:#f7f7f7
}
 .index_from .auto-container{
    display:flex;
    gap:.2rem
}
 .index_from .left,.index_from .right{
    width:50%;
    border-radius:.1rem;
    overflow:hidden
}
 .index_from .left{
}
 .index_from .right{
    box-shadow:0px .1rem .35rem 0px rgba(5,37,88,0.1);
    border:.01rem solid rgb(48 48 48 / 10%);
    background:#ffffff;
    padding:.5rem
}
 .index_from .right .head_block{
}
 .index_from .right .head_block p{
}
 .index_from .right .head_block .title{
    max-width:85%;
    line-height:.6rem;
    margin-bottom:.2rem
}
 .index_from .right form{
}
 .index_from .right form .input{
    display:flex;
    gap:.1rem .1rem;
    flex-wrap:wrap
}
 .index_from .right form .input > div{
    flex:0 0 calc((100% - 1 * .1rem) / 2)
}
 .index_from .right form .input > div:last-child,.index_from .right form .input > div:nth-last-child(2){
    flex:0 0 100%
}
 .index_from .right form .input > div p{
    font-size:.16rem;
    font-family:'ManropeMedium';
    line-height:.26rem
}
 .index_from .right form .input > div p span{
    color:red
}
 .index_from .right form .input input::placeholder,.index_from .right form .input textarea::placeholder{
    color:#808080
}
 .index_from .right form .input input,.index_from .right form .input textarea{
    width:100%;
    border:.01rem solid #cccccc;
    border-radius:.05rem;
    padding:.12rem;
    font-size:.16rem
}
 .index_from .right form .input .textarea_box{
}
 .index_from .right form .input .textarea_box p{
}
 .index_from .right form .input .textarea_box textarea{
    height:2rem
}
 .index_from .right form .submit{
    margin-top:.2rem
}
 .index_from .right form .submit .boxed_btn{
}
 .index_from .right form .submit .boxed_btn .btn{
}
 .page_content .inside-pagination{
    text-align:center;
    margin-bottom:.9rem
}
 .page_content .inside-pagination ul li a{
    color:#1a1a1a;
    display:inline-block;
    width:.36rem;
    height:.36rem;
    line-height:.36rem;
    border-radius:.04rem;
    font-size:.16rem;
    transition:all .3s linear;
    border:.01rem solid #e6e6e6
}
 .page_content .inside-pagination ul li a.active,.page_content .inside-pagination ul li a:hover,.page_content .inside-pagination ul li.active a{
    color:#fff;
    background:var(--color);
    border-color:var(--color)
}
 .page_content .inside-pagination ul li{
    display:inline-block;
    margin-right:.05rem
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
    background:unset
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
}
 .page_content .inside-pagination ul li>a>img{
    transition:all .3s linear;
    margin-top:-.04rem;
    max-width:.17rem;
    filter:brightness(0) invert(.5)
}
 .page_content .inside-pagination ul li.pre-page>a>img{
    transform:rotate(180deg)
}
 .page_content .inside-pagination ul li:hover>a>img{
    filter:unset
}
 .common_from{
    border-radius:.2rem;
    padding:.6rem;
    background:#f4f5f9;
    margin-bottom:1rem
}
 .common_from h2{
    font-size:.5rem;
    font-family:'ManropeExtraBold';
    margin-bottom:.45rem
}
 .common_from form{
}
 .common_from form .input{
    display:flex;
    gap:.25rem .6rem;
    flex-wrap:wrap
}
 .common_from form .input > div{
    flex:0 0 calc((100% - 1 * .6rem) / 2)
}
 .common_from form .input > div:last-child{
    flex:0 0 100%
}
 .common_from form .input > div p{
    font-size:.16rem;
    font-family:'ManropeMedium';
    line-height:.26rem;
    color:#666666;
    margin-bottom:.05rem
}
 .common_from form .input > div p span{
    color:red
}
 .common_from form .input input::placeholder,.common_from form .input textarea::placeholder{
    color:#808080
}
 .common_from form .input input,.common_from form .input textarea{
    width:100%;
    border-radius:.05rem;
    padding:.12rem;
    font-size:.16rem;
    background:#ffffff
}
 .common_from form .input .textarea_box{
}
 .common_from form .input .textarea_box p{
}
 .common_from form .input .textarea_box textarea{
    height:2.2rem
}
 .common_from form .submit{
    margin-top:.2rem
}
 .common_from form .submit .boxed_btn{
    margin:auto
}
 .common_from form .submit .boxed_btn .btn{
}
 .page_banner{
    position:relative
}
 .page_banner .img_box{
    overflow:hidden;
    padding-top:.9rem
}
 .page_banner .img_box img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .page_banner .txt{
    position:absolute;
    bottom:35%;
    left:0;
    right:0
}
 .page_banner .txt h2{
    font-size:.7rem;
    font-family:'ManropeBold';
    color:#feffff;
    padding-bottom:.2rem;
    position:relative;
    width:max-content;
    margin-bottom:.3rem
}
 .page_banner .txt h2:before{
    content:'';
    display:block;
    width:60%;
    height:.06rem;
    background:#ffffff;
    position:absolute;
    left:0;
    bottom:0
}
 .page_inside{
    padding:.12rem 0;
    border-bottom:.01rem solid #e8e8e8
}
 .page_inside .auto-container{
    font-size:.16rem;
    color:#808080
}
 .page_inside a{
    color:#808080;
    text-transform:capitalize
}
 .page_inside i{
    font-family:fangsong;
    font-style:normal;
    font-weight:bold;
    margin:0 .05rem
}
 .page_inside a img{
    max-width:.2rem;
    margin-top:-0.08rem;
    margin-right:.1rem;
    filter:contrast(0.1)
}
 .page_inside a:last-child{
}
 .page_banner .txt .boxed_btn{
}
 .page_banner .txt .boxed_btn a{
}
 .page_about,.page_about .about_team,.page_about .about_honor_box,.page_about .about_partners_box{
    padding-top:1rem
}
 .page_about .page_about_section1,.page_about .marquee_text_box,.page_about .about_corporate_culture{
    margin-bottom:1rem
}
 .page_about .page_about_history_box .swiper-container,.page_about .about_team,.page_about .about_honor_box,.page_about .about_partners_box{
    padding-bottom:1rem
}
 .page_about .page_about_section1 .auto-container{
    display:flex;
    align-items:center
}
 .page_about .page_about_section1 .img{
    width:45%;
    border-radius:.1rem;
    overflow:hidden
}
 .page_about .page_about_section1 .img img{
}
 .page_about .page_about_section1 .right{
    width:55%;
    padding-left:4.5%
}
 .page_about .page_about_section1 .right .right_head{
    margin-bottom:.35rem
}
 .page_about .page_about_section1 .right .right_head h1{
    font-size:.5rem;
    font-family:'ManropeBold';
    white-space:pre-line;
    line-height:.6rem
}
 .page_about .page_about_section1 .right .remark{
    font-size:.16rem;
    line-height:.26rem;
    white-space:pre-line
}
 .page_about .marquee_text_box{
}
 .page_about .marquee_text_box .marquee_text{
}
 .page_about .marquee_text_box .marquee_text li{
}
 .page_about .marquee_text_box .marquee_text li .title{
    -webkit-text-stroke-color:#00000070
}
 .page_about .about_corporate_culture{
}
 .page_about .about_corporate_culture .head_block{
}
 .page_about .about_corporate_culture .head_block .title{
    text-align:center
}
 .page_about .about_corporate_culture .item_box{
    margin-top:.6rem;
    display:flex;
    gap:.2rem
}
 .page_about .about_corporate_culture .item_box .item{
    flex:0 0 calc((100% - 3 * .2rem) / 4);
    border-radius:.1rem;
    border:.01rem solid #e6e6e6;
    padding:.35rem;
    padding-top:.6rem;
    transition:all .3s linear;
    min-height:4.5rem
}
 .page_about .about_corporate_culture .item_box .item .img{
    margin-bottom:.45rem
}
 .page_about .about_corporate_culture .item_box .item .img img{
    max-height:.51rem;
    transition:all .3s linear
}
 .page_about .about_corporate_culture .item_box .item .txt{
    transition:all .3s linear
}
 .page_about .about_corporate_culture .item_box .item .txt h4{
    margin-bottom:.2rem;
    font-size:.2rem
}
 .page_about .about_corporate_culture .item_box .item .txt .remark{
    font-size:.16rem;
    line-height:.26rem
}
 .page_about .about_corporate_culture .item_box .item:hover{
    background:var(--color)
}
 .page_about .about_corporate_culture .item_box .item:hover .img img{
    filter:brightness(0) invert(1)
}
 .page_about .about_corporate_culture .item_box .item:hover .txt{
    color:#ffffff
}
 .page_about .about_corporate_culture .item_box .item:hover .txt remark{
}
 .page_about .page_about_history{
    padding:1rem 0
}
 .page_about .page_about_history .head_block,.page_about .page_about_history_box{
    max-width:85%;
    margin:auto
}
 .page_about .page_about_history .head_block .title{
    text-align:center;
    color:#ffffff
}
 .page_about .page_about_history_box{
    margin-top:.8rem
}
 .page_about .page_about_history_box .swiper-container{
}
 .page_about .page_about_history_box .swiper-wrapper{
}
 .page_about .page_about_history_box .swiper-slide{
}
 .page_about .page_about_history_box .swiper-slide svg{
}
 .page_about .page_about_history_box .swiper-slide svg{
    font-size:.5rem;
    fill:#ffffff00;
    stroke:#ffffffc7;
    width:100%;
    height:.6rem;
    font-family:'ManropeExtraBold';
    text-anchor:start
}
 .page_about .page_about_history_box .swiper-slide svg text{
}
 .page_about .page_about_history_box .swiper-slide h4{
    color:#ffffff;
    font-size:.28rem;
    font-family:'ManropeBold';
    padding-top:.15rem;
    border-top:.02rem solid #ffffff;
    line-height:normal;
    margin-bottom:.15rem
}
 .page_about .page_about_history_box .swiper-slide .remark{
    font-size:.16rem;
    line-height:.26rem;
    color:#ffffff
}
 .page_about .page_about_history_box .swiper-pagination{
}
 .page_about .page_about_history_box .swiper-pagination-bullet{
    background:#ffffff
}
 .page_about .page_about_history_box .swiper-pagination-bullet-active{
}
 .page_about .about_team{
}
 .page_about .about_team .head_block{
    text-align:center
}
 .page_about .about_team .head_block .title{
}
 .page_about .about_team .head_block p{
    font-size:.2rem;
    font-family:'ManropeBold';
    color:inherit
}
 .page_about .about_team_box{
    margin-top:.6rem
}
 .page_about .about_team_box .swiper-container{
}
 .page_about .about_team_box .swiper-wrapper{
    flex-wrap:wrap;
    gap:.2rem
}
 .page_about .about_team_box .swiper-wrapper .swiper-slide{
    flex:0 0 calc((100% - 2 * .2rem) / 3);
    cursor:pointer
}
 .page_about .about_team_box .swiper-wrapper .swiper-slide:nth-child(1),.page_about .about_team_box .swiper-wrapper .swiper-slide:nth-child(2){
    flex:0 0 calc((100% - 1 * .2rem) / 2)
}
 .page_about .about_team_box .swiper-wrapper .swiper-slide .img{
    border-radius:.08rem;
    overflow:hidden
}
 .page_about .about_team_box .swiper-wrapper .swiper-slide .img img.scale{
}
 .page_about .about_honor_box{
    background:#f7f7f7
}
 .page_about .about_honor_box .auto-container{
}
 .page_about .about_honor_box .head_block{
    text-align:center
}
 .page_about .about_honor_box .head_block .title{
}
 .page_about .about_honor_box .swiper-container{
    margin-top:.7rem;
    padding-bottom:.7rem
}
 .page_about .about_honor_box .swiper-wrapper{
}
 .page_about .about_honor_box .swiper-slide{
    width:5.25rem;
    height:3.45rem;
    transform-origin:center bottom;
    background:#ffffff;
    cursor:pointer
}
 .page_about .about_honor_box .swiper-slide .img{
}
 .page_about .about_honor_box .swiper-slide .img img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .page_about .about_honor_box .swiper-slide p{
}
 .page_about .about_partners_box{
}
 .page_about .about_partners_box .head_block{
    text-align:center
}
 .page_about .about_partners_box .head_block .title{
}
 .page_about .about_partners_box .swiper-container{
    margin-top:.6rem;
    padding-top:.1rem
}
 .page_about .about_partners_box .swiper-wrapper{
    gap:.2rem;
    flex-wrap:wrap
}
 .page_about .about_partners_box .swiper-wrapper .swiper-slide{
    border:.01rem solid #dcdde3;
    flex:0 0 calc((100% - 4 * .2rem) / 5);
    transition:all .3s linear
}
 .page_about .about_partners_box .swiper-wrapper .swiper-slide:hover{
    transform:translateY(-.1rem);
    border-color:var(--color)
}
 .page_about .about_partners_box .swiper-wrapper .swiper-slide .img{
}
 .page_about .about_partners_box .swiper-wrapper .swiper-slide .img img{
}
 .page_about .about_partners_box .swiper-pagination{
}
 .page_advantages{
}
 .page_advantages_box{
}
 .page_service{
    padding-top:1rem
}
 .page_head{
    padding-bottom:.5rem;
    border-bottom:.02rem solid #333333
}
 .page_head h2{
    font-size:.3rem;
    font-weight:bold;
    margin-bottom:.3rem
}
 .page_head > p{
    font-size:.18rem
}
 .page_news{
    margin-top:.8rem
}
 .page_news .auto-container{
}
 .page_news .page_child_list{
    display:flex;
    justify-content:center;
    border-bottom:.01rem solid #e6e6e6;
    margin-bottom:.6rem;
    gap:.6rem
}
 .page_news .page_child_list a{
    font-size:.28rem;
    line-height:.34rem;
    font-family:'ManropeBold';
    position:relative;
    padding-bottom:.3rem
}
 .page_news .page_child_list a::before{
    content:'';
    display:block;
    width:0;
    height:.04rem;
    background:var(--color);
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    transition:all .3s linear
}
 .page_news .page_child_list a.active:before,.page_news .page_child_list a:hover:before{
    width:100%
}
 .page_news .page_news_box{
    display:flex;
    gap:.2rem;
    flex-wrap:wrap;
    margin-bottom:.9rem
}
 .page_news .page_news_box .item{
    flex:0 0 calc((100% - 2 * .2rem) / 3)
}
 .page_news .page_news_box .item a{
    display:block;
    color:inherit;
    border:.01rem solid #e2e2e3;
    border-bottom-right-radius:.6rem
}
 .page_news .page_news_box .item a:hover{
}
 .page_news .page_news_box .item .img_box{
    position:relative;
    overflow:hidden
}
 .page_news .page_news_box .item .img_box img{
    width:100%;
    object-fit:cover
}
 .page_news .page_news_box .item .img_box span{
    position:absolute;
    right:0;
    bottom:0;
    color:#ffffff;
    font-family:'ManropeBold';
    background:linear-gradient(120deg,transparent .15rem,var(--color) 0);
    background-repeat:no-repeat;
    padding:.05rem .2rem
}
 .page_news .page_news_box .item .text_box{
    padding:.3rem;
    border-bottom-right-radius:.6rem
}
 .page_news .page_news_box .item .text_box h3{
    font-size:.2rem;
    font-family:'ManropeSemiBold';
    margin-bottom:.2rem;
    min-height:.46rem;
    transition:all .3s linear
}
 .page_news .page_news_box .item a:hover h3,.page_news .page_news_box .item a:hover .text_box .other span:first-child{
    color:var(--color)
}
 .page_news .page_news_box .item .text_box p{
    font-size:.16rem;
    line-height:.28rem;
    font-family:'ManropeLight';
    min-height:1.05rem;
    margin-bottom:.2rem;
    padding-bottom:.2rem;
    border-bottom:.01rem solid #eeeeee
}
 .page_news .page_news_box .item .text_box .other{
    display:flex;
    align-items:center;
    justify-content:space-between
}
 .page_news .page_news_box .item .text_box .other span{
    display:inline-block;
    transition:all .3s linear
}
 .page_news .page_news_box .item .text_box .other span:last-child{
    width:.32rem;
    height:.32rem;
    line-height:.32rem;
    text-align:center;
    background:#4d4d4d;
    border-radius:100vh
}
 .page_news .page_news_box .item .text_box .other span:last-child img{
    max-width:.14rem
}
 .page_news .page_news_box .item .text_box .other span:first-child{
    font-size:.16rem;
    font-family:'ManropeBold'
}
 .page_news .page_news_box .item a:hover .text_box .other span:last-child{
    background:var(--color)
}
 .page_news .page_news_box .item a:hover{
    background-color:#ffffff;
    box-shadow:0px .1rem .35rem 0px rgba(5,37,88,0.1)
}
 .page_case{
}
 .page_case .page_news_box{
}
 .page_case .page_news_box .item .text_box .remark{
    display:flex;
    flex-wrap:wrap;
    gap:.1rem;
    margin-bottom:.35rem;
    border-bottom:.01rem solid #e6e6e6;
    padding-bottom:.35rem
}
 .page_case .page_news_box .item .text_box .remark span{
    font-size:.16rem;
    color:rgb(26 26 26 / 60%);
    width:50%;
    flex:0 0 calc((100% - 1 * .1rem) / 2)
}
 .page_case .page_news_box .item .text_box .remark span img{
    margin-top:-.06rem;
    max-width:.16rem
}
 .page_service_faq{
    padding-bottom:1rem
}
 .page_service_faq h2{
    text-align:center;
    font-size:.3rem;
    font-family:'ManropeBold';
    line-height:normal
}
 .page_service_faq .page_service_faq_box{
}
 .page_service_faq .page_service_faq_box .item{
    padding:.35rem 0;
    border-bottom:.01rem solid #e6e6e6
}
 .page_service_faq .page_service_faq_box .item .title{
    font-size:.18rem;
    font-family:'ManropeSemiBold';
    line-height:.28rem;
    position:relative;
    cursor:pointer;
    padding-right:3%;
    transition:all .3s linear
}
 .page_service_faq .page_service_faq_box .item .title:hover,.page_service_faq .page_service_faq_box .item .title.open{
    color:var(--color)
}
 .page_service_faq .page_service_faq_box .item .title:before{
    content:'';
    display:block;
    background:url(/res/magic/images/page/jt.png) no-repeat;
    background-size:contain;
    width:.08rem;
    height:.16rem;
    position:absolute;
    right:.2rem;
    top:20%;
    transform:rotate(90deg);
    filter:brightness(0);
    transition:all .3s linear
}
 .page_service_faq .page_service_faq_box .item .title:hover:before,.page_service_faq .page_service_faq_box .item .title.open:before{
    filter:unset
}
 .page_service_faq .page_service_faq_box .item .title.open:before{
    transform:rotate(180deg)
}
 .page_service_faq .page_service_faq_box .item .remark{
    font-size:.16rem;
    line-height:.26rem;
    color:#4c4c4c;
    margin-top:.15rem;
    display:none
}
 .page_related{
    padding-bottom:.7rem
}
 .page_related h2{
    font-size:.4rem;
    font-family:'ManropeBold';
    text-align:center;
    line-height:normal
}
 .page_related .swiper-container{
    margin-top:.6rem;
    padding-bottom:.8rem
}
 .page_related .swiper-slide{
}
 .page_related .swiper-slide .item{
}
 .page_related .swiper-slide .item a{
    display:block;
    color:inherit;
    border:.01rem solid #e2e2e3;
    border-bottom-right-radius:.6rem
}
 .page_related .swiper-slide .item a:hover{
}
 .page_related .swiper-slide .item .img_box{
    position:relative;
    overflow:hidden
}
 .page_related .swiper-slide .item .img_box img{
    width:100%;
    object-fit:cover
}
 .page_related .swiper-slide .item .img_box span{
    position:absolute;
    right:0;
    bottom:0;
    color:#ffffff;
    font-family:'ManropeBold';
    background:linear-gradient(120deg,transparent .15rem,var(--color) 0);
    background-repeat:no-repeat;
    padding:.05rem .2rem
}
 .page_related .swiper-slide .item .text_box{
    padding:.3rem;
    border-bottom-right-radius:.6rem
}
 .page_related .swiper-slide .item .text_box h3{
    font-size:.2rem;
    font-family:'ManropeSemiBold';
    margin-bottom:.2rem;
    min-height:.46rem;
    transition:all .3s linear
}
 .page_related .swiper-slide .item a:hover h3,.page_related .swiper-slide .item a:hover .text_box .other span:first-child{
    color:var(--color)
}
 .page_related .swiper-slide .item .text_box .remark{
    display:flex;
    flex-wrap:wrap;
    gap:.1rem;
    margin-bottom:.35rem;
    border-bottom:.01rem solid #e6e6e6;
    padding-bottom:.35rem
}
 .page_related .swiper-slide .item .text_box .remark span{
    font-size:.16rem;
    color:rgb(26 26 26 / 60%);
    width:50%;
    flex:0 0 calc((100% - 1 * .1rem) / 2)
}
 .page_related .swiper-slide .item .text_box .remark span img{
    margin-top:-.06rem;
    max-width:.16rem
}
 .page_related .swiper-slide .item .text_box .other{
    display:flex;
    align-items:center;
    justify-content:space-between
}
 .page_related .swiper-slide .item .text_box .other span{
    display:inline-block;
    transition:all .3s linear
}
 .page_related .swiper-slide .item .text_box .other span:last-child{
    width:.32rem;
    height:.32rem;
    line-height:.32rem;
    text-align:center;
    background:#4d4d4d;
    border-radius:100vh
}
 .page_related .swiper-slide .item .text_box .other span:last-child img{
    max-width:.14rem
}
 .page_related .swiper-slide .item .text_box .other span:first-child{
    font-size:.16rem;
    font-family:'ManropeBold'
}
 .page_related .swiper-slide .item a:hover .text_box .other span:last-child{
    background:var(--color)
}
 .page_related .swiper-slide .item a:hover{
    background-color:#ffffff;
    box-shadow:0px .1rem .35rem 0px rgba(5,37,88,0.1)
}
 .list_area_transport{
}
 .list_area_transport .list_area_transport_box{
    padding-top:1rem
}
 .list_area_transport_category{
}
 .list_area_transport_category .category_box{
    margin-bottom:1rem
}
 .list_area_transport_category .category_box .top_box{
    display:flex;
    justify-content:center;
    gap:.3rem;
    border-bottom:.01rem solid #e6e6e6
}
 .list_area_transport_category .category_box .top_box a{
    font-size:.28rem;
    font-family:'ManropeBold';
    position:relative;
    padding:0 .15rem;
    padding-bottom:.25rem;
    transition:all .3s linear;
    cursor:pointer
}
 .list_area_transport_category .category_box .top_box a:before{
    content:'';
    display:block;
    width:0;
    height:.04rem;
    background:var(--color);
    position:absolute;
    left:0;
    bottom:0;
    transition:all .3s linear
}
 .list_area_transport_category .category_box .top_box a:hover,.list_area_transport_category .category_box .top_box a.active{
    color:var(--color)
}
 .list_area_transport_category .category_box .top_box a:hover:before,.list_area_transport_category .category_box .top_box a.active:before{
    width:100%
}
 .list_area_transport_category .category_box .item_box{
    margin-top:.2rem
}
 .list_area_transport_category .category_box .item_box .item{
    display:none
}
 .list_area_transport_category .category_box .item_box .item.active{
    display:block
}
 .list_area_transport_category .category_box .item_box .item ul{
    display:flex;
    flex-wrap:wrap;
    gap:.15rem 0
}
 .list_area_transport_category .category_box .item_box .item li{
    position:relative
}
 .list_area_transport_category .category_box .item_box .item li:before{
    content:'';
    display:block;
    width:.01rem;
    height:50%;
    background:#666666;
    position:absolute;
    right:.2rem;
    top:25%
}
 .list_area_transport_category .category_box .item_box .item li:last-child:before{
    display:none
}
 .list_area_transport_category .category_box .item_box .item li a{
    font-size:.16rem;
    color:#666666;
    padding-right:.2rem;
    margin-right:.2rem
}
 .list_area_transport_category .category_box .item_box .item li a.active,.list_area_transport_category .category_box .item_box .item li a:hover{
    color:var(--color)
}
 .list_area_transport .partners_box{
    margin-top:.7rem;
    position:relative
}
 .list_area_transport .partners_box h2{
    font-size:.48rem;
    font-family:'ManropeMedium';
    line-height:normal;
    text-align:center
}
 .list_area_transport .partners_box .remark{
    font-size:.2rem;
    font-family:'ManropeSemiBold';
    text-align:center
}
 .list_area_transport .partners_box .swiper-container{
    padding-top:.45rem;
    padding-bottom:1rem
}
 .list_area_transport .partners_box .swiper-wrapper{
}
 .list_area_transport .partners_box .swiper-slide{
}
 .list_area_transport .partners_box .swiper-slide .img{
    text-align:center
}
 .list_area_transport .partners_box .swiper-slide .img img{
}
 .list_area_transport .partners_box .swiper-slide{
    border:.01rem solid #dcdde3;
    transition:all .3s linear;
    border-radius:.05rem;
    overflow:hidden
}
 .list_area_transport .partners_box .swiper-slide:hover{
    transform:translateY(-.1rem);
    border-color:var(--color)
}
 .list_area_transport .partners_box .swiper-pagination{
}
 .list_area_transport .partners_box .swiper-pagination-bullet{
}
 .list_area_transport .partners_box .swiper-pagination-bullet-active{
}
 .list_area_transport .partners_box .swiper-button-next,.list_area_transport .partners_box .swiper-button-prev{
    top:65%;
    background:url(/res/magic/images/page/jt.png) no-repeat;
    background-size:contain;
    width:.08rem;
    height:.16rem;
    filter:brightness(0) contrast(0.2);
    transition:all .3s linear
}
 .list_area_transport .partners_box .swiper-button-next{
    right:-.2rem
}
 .list_area_transport .partners_box .swiper-button-prev{
    left:-.2rem;
    transform:rotate(180deg)
}
 .list_area_transport .partners_box .swiper-button-next:hover,.list_area_transport .partners_box .swiper-button-prev:hover{
    filter:unset
}
 .show_area_transport{
    padding-top:1rem
}
 .show_area_transport .auto-container{
}
 .show_area_transport h1{
    text-align:center;
    font-size:.48rem;
    font-family:'ManropeBold';
    line-height:.58rem
}
 .show_area_transport .show_area_transport_box{
    padding-top:.45rem
}
 .list_faq{
    margin-top:1rem
}
 .list_faq .auto-container{
    max-width:12rem;
    padding-bottom:1rem
}
 .list_faq .list_faq_box .list_faq_head{
    text-align:center
}
 .list_faq .list_faq_box .list_faq_head h1{
    font-size:.32rem;
    line-height:1.3;
    margin:auto;
    margin-bottom:.3rem;
    font-family:'ManropeBold';
    color:#36383f;
    max-width:75%
}
 .list_faq .list_faq_box .list_faq_head p{
    font-size:.18rem;
    line-height:1.5;
    font-family:'ManropeMedium';
    color:#999999
}
 .list_faq .list_faq_box .list_faq_head p a{
    color:var(--color)
}
 .list_faq .list_faq_box .list_faq_item_box{
    margin-top:.8rem;
    margin-bottom:1rem
}
 .list_faq .list_faq_box .list_faq_item_box .item{
    padding:.35rem 0;
    border-bottom:.01rem solid #ddd
}
 .list_faq .list_faq_box .list_faq_item_box .item:first-child{
    border-top:.01rem solid #ddd
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head{
    display:flex;
    cursor:pointer;
    width:100%
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .title{
    font-size:.18rem;
    font-family:'ManropeSemiBold';
    width:97%;
    transition:all .3s linear
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .title:hover{
    color:var(--color)
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .faq_icon{
    width:.3rem;
    height:.3rem;
    position:relative;
    cursor:pointer
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .faq_icon:after{
    position:absolute;
    top:.05rem;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    content:'';
    width:.12rem;
    height:.12rem;
    border-right:.02rem solid #555;
    border-bottom:.02rem solid #555;
    transform:rotate(-45deg);
    transition:all .3s linear
}
 .list_faq .list_faq_box .list_faq_item_box .item .item_head .faq_icon.open:after{
    transform:rotate(135deg)
}
 .list_faq .list_faq_box .list_faq_item_box .item .remark{
    font-size:.16rem;
    color:#666;
    display:none;
    margin-top:.15rem;
    padding-left:.25rem
}
 .faq_contact{
    aspect-ratio:12 / 3.9;
    position:relative
}
 .faq_contact .text_box{
    color:#ffffff;
    text-align:center;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:auto;
    width:max-content;
    height:max-content
}
 .faq_contact h2{
    font-size:.36rem;
    font-family:'ManropeBold';
    margin-bottom:.5rem
}
 .faq_contact .boxed_btn{
    margin:auto
}
 .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: 'ManropeMedium';
    line-height:1.3;
    margin:.2rem auto;
    border-bottom:.01rem solid #eee;
    padding-bottom:.4rem
}
 .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-weight:bold;
    color:#666
}
 .show_news .post-info .post-pagination p a img{
    margin-right:.1rem;
    filter:grayscale(100%);
    max-width:.2rem;
    margin-top:-.03rem
}
 .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
}
 .page_contact{
    padding-top:1rem
}
 .page_contact .page_head{
    text-align:center;
    padding-bottom:0;
    border:0
}
 .page_contact .page_head h2{
    font-size:.7rem;
    text-transform:uppercase;
    color:#000000
}
 .page_contact .page_head p{
    font-size:.26rem;
    font-weight:bold;
    color:#000000
}
 .page_contact .page_contact_head{
    display:flex;
    gap:.2rem;
    margin-bottom:1rem
}
 .page_contact .page_contact_head .item{
    flex:0 0 calc((100% - 3 * .2rem) / 4);
    text-align:center;
    background:#f4f5f9;
    border-radius:.1rem;
    padding:.5rem .3rem
}
 .page_contact .page_contact_head .item .img_box{
    margin-bottom:.15rem;
    width:100%;
    max-width:.68rem;
    height:.68rem;
    line-height:.68rem;
    margin:auto;
    margin-bottom:.15rem;
    background:#ffffff;
    border-radius:100vh;
    transition:all .3s linear
}
 .page_contact .page_contact_head .item .img_box img{
    max-width:.5rem;
    transition:all .3s linear
}
 .page_contact .page_contact_head .item:hover .img_box{
    background:var(--color)
}
 .page_contact .page_contact_head .item:hover .img_box img{
    filter:brightness(0) invert(1)
}
 .page_contact .page_contact_head .item .txt_box{
}
 .page_contact .page_contact_head .item .txt_box p{
    font-size:.16rem;
    color:#807d7d;
    font-family:'ManropeMedium';
    margin:.15rem 0
}
 .page_contact .page_contact_head .item .txt_box a,.page_contact .page_contact_head .item .txt_box span{
    font-size:.16rem;
    font-family:'ManropeBold';
    display:block
}
 .page_contact .page_contact_head .item:last-child .txt_box span{
    text-align:left
}
 .page_contact .page_contact_quotation{
    margin-bottom:.7rem
}
 .page_contact .page_contact_quotation > h2{
    font-size:.26rem;
    font-weight:bold;
    color:#000000;
    margin-bottom:.2rem
}
 .page_contact .page_contact_quotation > p{
    font-size:.16rem;
    color:#666666;
    margin-bottom:.4rem
}
 .page_contact .page_contact_quotation form{
}
 .page_contact .page_contact_quotation form .input{
    display:flex;
    gap:.15rem;
    flex-wrap:wrap
}
 .page_contact .page_contact_quotation form .input div{
    flex:0 0 calc((100% - 2 * .15rem) / 3)
}
 .page_contact .page_contact_quotation form .input div input{
    background:#f4f4f4
}
 .page_contact .page_contact_quotation form .pro_categories{
}
 .page_contact .page_contact_quotation form .pro_categories{
}
 .page_contact .page_contact_quotation .input>div input,.page_contact .page_contact_quotation .input>div select,.page_contact .page_contact_quotation .textarea_box textarea{
    width:100%;
    padding:.15rem .3rem;
    font-size:.16rem;
    color:#999
}
 .page_contact .page_contact_quotation .input>div select{
    border:0;
    position:relative;
    z-index:2;
    cursor:pointer
}
 .page_contact .page_contact_quotation .input .select_box{
    position:relative;
    background:#f4f4f4
}
 .page_contact .page_contact_quotation .input .select_box::before{
    content:'';
    position:absolute;
    top:40%;
    bottom:0;
    right:.15rem;
    width:.1rem;
    height:.1rem;
    border-right:.02rem solid #000;
    border-bottom:.02rem solid #000;
    transform:rotate(45deg);
    z-index:2
}
 .page_contact .page_contact_quotation .upload-box{
    margin-top:.35rem
}
 .page_contact .page_contact_quotation .upload-box #fileName{
    width:100%!important;
    margin-top:.1rem;
    color:#222;
    font-size:.16rem;
    overflow:hidden
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap{
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    width:100%;
    padding:.2rem;
    background:#f4f4f4;
    margin-bottom:.15rem
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap .file-open{
    height:.55rem;
    width:1.5rem;
    line-height:.55rem;
    padding:0 .1rem;
    border-radius:.1rem;
    border:.01rem solid #d4d4d4;
    background:#fff;
    text-align:center;
    font-size:.16rem;
    color:#000000
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap p{
    font-size:.16rem;
    color:#999;
    display:inline-block;
    line-height:.22rem;
    margin-left:.3rem
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap .file-open img{
    vertical-align:middle;
    margin-right:.1rem
}
 .page_contact .page_contact_quotation .upload-box .upload-wrap .file-ele{
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    height:100%;
    width:100%;
    cursor:pointer;
    z-index:2
}
 .page_contact .page_contact_quotation .textarea_box{
    margin-top:.2rem
}
 .page_contact .page_contact_quotation .textarea_box textarea{
    height:2rem;
    background:#f4f4f4
}
 .page_contact .page_contact_quotation .submit{
    margin-top:.25rem;
    text-align:center
}
 .page_contact .page_contact_quotation .submit .btn_effect4{
    height:auto
}
 .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list{
    border-radius:0;
    color:#fff;
    background:var(--color)
}
 .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list .btn_main_text{
    font-size:.16rem
}
 .page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list.hover{
    background:#fff;
    border-color:var(--color);
    color:var(--color)
}
 .page_contact .page_contact_map{
    margin-bottom: 1rem;
}
 .page_contact .page_contact_map #mapbox iframe{
    height:6rem
}