.pcblock {
    display: block!important;
}
.mblock {
    display: none!important;
}
.pcflex {
    display: flex!important;
}
.mflex {
    display: none!important;
}
.news2 .cont.cont_m {
    display: none;
}
@media screen and (max-width: 768px) {
    html {
        font-size: calc(100vw / 7.5)!important;
    }
    .pcblock {
        display: none!important;
    }
    .mblock {
        display: block!important;
    }
    .pcflex {
        display: none!important;
    }
    .mflex {
        display: flex!important;
    }
    .index_banner {
        /*height: 7.31rem;*/
        height: 4.2rem;
    }
    .index_banner .banner-mask {
        height: 100%;
    }
    
    .index_banner .banner_cont .title {
        color: #FFF;
        font-size: .52rem;
        font-weight: 500;
        line-height: 150%;
    }
    .index_banner .s-control {
        right: .5rem;
        bottom: .5rem;
    }
    .index_banner .bgimg {
        /*object-fit: contain;*/
    }
    .index_banner .banner_cont {
        /*padding: 1rem .35rem 0;*/
        /*padding: .5rem .35rem 0;*/
        padding: 0;
        position: absolute;
        left: .35rem;
        right: .35rem;
        top: 55%;
        transform: translateY(-50%);
        height: 70%;
    }
    .index_banner .banner_cont .subtitle {
        color: #FFF;
        font-size: .22rem;
        font-weight: 275;
        line-height: 150%;
        /*letter-spacing: 1.82px;*/
        letter-spacing: 1.4px;
    }
    .index1 {
        padding-top: 1rem;
        width: 100%;
        color: #000;
        text-align: center;
        font-size: .26rem;
        font-weight: 300;
        line-height: 200%;
        margin: 0;
    }
    .index1 .text {
        padding: 0;
        width: 7.4rem;
        margin: 0 auto;
        padding: 0 .9rem .8rem;
        font-size: .26rem;
    }
    .am_img {
        width: 100%;
    }
    .index2 {
        width: 6.8rem;
        padding: 0;
        padding-top: .9rem;
        margin: 0 auto;
    }
    .index2 .cont .right .item .item_top .ico_cont .bg2 {
            padding: 0.1rem;
    }
    .index2 .cont {
        margin-bottom: .5rem;
        flex-direction: column;
        border-radius: .2rem;
    }
    .index2 .cont:last-child {
        margin-bottom: 0;
    }
    .index2 .cont .left {
        /*width: 4.13rem;*/
        width: 100%;
        /*height: 2.84rem;*/
        height: 3.84rem;
    }
    .index2 .cont .right {
        /*width: calc( 100% - 4.23rem );*/
        width: 100%;
        height: 3.77rem;
    }
    .index2 .cont .left .card .card_cont {
        padding: .2rem;
        padding-right: .67rem;
        display: none;
    }
    .index2 .cont .left .card .card_cont .h1 {
        color: #FFF;
        font-size: .3rem;
        font-weight: 400;
        line-height: 133.333%;
        margin-bottom: .08rem;
    }
    .index2 .cont .left .card .card_cont .h2 {
        color: #FFF;
        font-size: .2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 0;
    }
    .index2 .cont .right .item .item_bot {
        /*width: 1.57rem;*/
        /*width: 95%;*/
        display: flex;
        align-items: start;
        flex-direction: column;
    }
    .index2 .cont .left .card .card_cont .more {
        display: none;
    }
    .index2 .cont .left .card {
        opacity: 1;
    }
    .index2 .cont .right .item .item_bot .tit {
        display: -webkit-box;
        -webkit-line-clamp: 1;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          overflow: hidden;
        line-height: 1.25;
    }
    
    .index2 .cont .right .item .item_bot .desc {
        -webkit-line-clamp: 2;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          overflow: hidden;
        line-height: .4rem;
        font-weight: 200;
        font-family: var(--f300);
    }
    .banners .swiper-pagination{position: absolute;bottom: .5rem;left: 0.64rem;width: fit-content;z-index:5;}
    .index2 .cont .right .item .item_bot .item_bot_bottom {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        margin: .33rem 0 0 0;
    }
    .index2 .cont .right .item .item_bot .item_bot_bottom .page_cont {
        display: flex;
        align-items: end;
    }
    .index2 .cont .right .item {
        height: 100%;
        background: #f2f8fd;
    }
    .index2 .cont .right .item::after {
        content: none;
    }
    .index2 .cont .right .item {
        padding-top: .62rem;
        padding-left: .35rem;
        padding-right: .35rem;
        padding-bottom: 0;
    }
    .index2 .cont .right .item.on .item_top .page_cont .page1 {
        color: #000;
        font-size: .24rem;
        font-weight: 400;
        line-height: 141.667%;
    }
    .index2 .cont .right .item.on .item_top .page_cont .page2 {
        color: rgba(0, 0, 0, 0.60);
        font-size: .16rem;
        font-weight: 400;
        line-height: 125%;
    }
    .index2 .cont .right .item {
        row-gap: .34rem;
    }
    .index2 .cont .right .item.on .item_bot .tit {
        color: #000;
        font-size: .24rem;
        font-weight: 400;
    }
    .index2 .cont .right .item .item_bot svg {
        width: .3rem;
        /*filter: brightness(100) invert(1);*/
        /*position: absolute;*/
        top: 0.38rem;
        right: -.3rem;
    }
    .index2 .cont .right .item.on .item_bot svg path {
        stroke: #000;
        fill: #000
    }
    .index2 .tit1 {
        font-size: .46rem;
        font-weight: 500;
        line-height: 169.565%;
        margin-bottom: .5rem;
    }
    .index2 .cont .right .item .item_top .ico_cont {
        width: .51rem;
        height: .51rem;
    }
    .index3 {
        padding: 0;
        padding-top: 1rem;
        width: 6.8rem;
        margin: 0 auto;
    }
    .index3 .cont .card {
        height: 3.7rem;
        height: auto;
        display: block;
        padding: .46rem .3rem;
        border-radius: .2rem;
        justify-content: space-between;
    }
    .index3 .cont .card .left {
        flex: none;
        width: 100%;
        padding-bottom: 0;
    }
    .index3 .cont .card .pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .index3 .cont .card .left .btn {
        width: 1.5rem;
        height: .5rem;
        padding: 0;
        margin-top: 12px;
        justify-content: center;
    }
    .index3 .cont .card .left .btn span {
        color: #FFF;
        font-size: .2rem;
        font-weight: 300;
    }
    .index3 .cont .card .left .btn svg {
        width: .08rem;
    }
    .index3 .tit1 {
        margin-bottom: .5rem;
        font-size: .46rem;
        font-style: normal;
        font-weight: 500;
        line-height: 169.565%;
    }
    .index3 .cont .card .pic {
        width: 100%;
        height: 52vw;
        margin-bottom: 12px;
        border-radius: .2rem;
    }
    .index3 .cont .card .left .text .h1 {
        /*line-height: .217rem;*/
        -webkit-line-clamp: 1;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .index3 .cont .card .left .text .p1 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        line-height: .34rem;
    }
    
    .index4 {
        margin-top: 1rem;
    }
    .index4 .tit1 {
        font-size: .46rem;
        font-weight: 500;
        line-height: 169.565%;
        margin-bottom: .5rem;
    }
    .index4 .swiper1 {
        width: 6.8rem;
        margin: 0 auto;
        border-radius: .2rem;
        padding: 0;
    }
    .index4 .swiper1 .swiper-slide {
        width: 100%;
        height: 6.8rem;
    }
    .index4 .swiper1 .swiper-slide .slide_cont {
        padding: 0;
        padding-top: .87rem;
        padding-left: .48rem;
        padding-right: .48rem;
        justify-content: flex-start;
    }
    .index4 .swiper1 .swiper-slide .slide_cont .page_cont {
        margin-bottom: .22rem;
        color: #FFF;
        font-size: .22rem;
        font-weight: 300;
        line-height: 90.909%;
    }
    .index4 .swiper1 .swiper-slide .slide_cont .t1 {
        color: #FFF;
        font-size: .36rem;
        font-weight: 400;
        line-height: 155.556%;
        margin-bottom: .14rem;
    }
    .index4 .swiper1 .swiper-slide .slide_cont .p1 {
        color: #FFF;
        font-size: .24rem;
        font-weight: 300;
        line-height: 141.667%;
        /*width: 4.33rem;*/
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
    .index4 .swiper1 .swiper-slide .slide_cont .btn {
        padding: 0;
        justify-content: center;
        width: 1.78rem;
        height: .6rem;
        margin-top: .7rem;
    }
    .index4 .swiper1 .swiper-slide .slide_cont .btn span {
        color: #FFF;
        font-size: .2rem;
        font-weight: 300;
    }
    .index4 .btns {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 14px;
        margin: 20px 0 0 0;
    }
    .index4 .btns .btn {
        width: 27px;
        height: 27px;
        border-radius: 50%;
        background: rgba(242, 248, 253, 1);
        
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .index4 .btns .btn:hover {
        background: linear-gradient(90deg, #70AFFD 0%, #5B8CF2 36.54%, #8F77E3 100%);
    }
    .index4 .btns .btn img {
        width: 100%;
        height: 100%;
    }
    .index4 .btns .btn .normal,
    .index4 .btns .btn:hover .active {
        display: block;
    }
    .index4 .btns .btn:hover .normal,
    .index4 .btns .btn .active {
        display: none;
    }
    .social-share .icon-wechat .wechat-qrcode .help {
        font-size: 7px !important;
    }
    .index5 {
        padding: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        width: 100%;
        margin: 0 auto;
    }
    .ticolor {
        font-size: .46rem;
        font-weight: 500;
        line-height: 169.565%;
        text-align: center;
    }
    .index5 .list .item .item_cont .text {
        width: 3.13rem;
        padding-top: 0;
        padding-right: 0;
    }
    .index5 .list .item .item_cont .pic {
        width: 2.88rem;
        /*height: 1.74rem;*/
        height: 100%;
    }
    .index5 .list .item {
        display: block;
        padding: .2rem 0;
    }
    .index5 .list .item:hover{background-color:transparent;}
    .index5 .list .item .item_cont .text .text_top .h1 {
        color: #000;
        font-size: .3rem;
        font-weight: 400;
        display: -webkit-box; /* 设置为 WebKit 内核的弹性盒子模型 */
        -webkit-box-orient: vertical; /* 垂直排列 */
        -webkit-line-clamp: 1; /* 限制显示两行 */
        overflow: hidden; /* 隐藏超出范围的内容 */
        text-overflow: ellipsis; /* 使用省略号 */
    }
    .index5 .list .item .item_cont .text .text_top .p1 {
        color: #000;
        font-size: .22rem;
        font-weight: 300;
        font-family: var(--f300);
        line-height: 150%;
    }
    .index5 .list .item .item_cont .text .more {
        display: flex;
        margin: .2rem 0 0 0;
    }
    .index5 .list .item .item_cont .text .more svg {
        width: .07rem;
        height: .15rem;
    }
    .index5 .list .item .item_cont {
        height: 2.1rem;
        margin-bottom: .4rem;
        align-items: center;
        gap: .31rem;
    }
    .index5 .list .item .item_cont:last-child {
        margin-bottom: 0;
    }
    .index5 .a_cont {
        width: 6.8rem;
        margin: 0 auto;
    }
    .index5 .a_cont:nth-child(2) {
        /*background: #ffffff;*/
    }
    .index5 .ticolor {
        text-align: center;
        width: 100%;
    }
    .index5 .top {
        margin-bottom: .5rem;
    }
    .index5 .btn {
        width: 1.78rem;
        height: .6rem;
        border-radius: 0.5rem;
        background: var(--vibg);
        display: flex;
        align-items: center;
        column-gap: 0.2rem;
        padding: 0;
        margin: .3rem auto 0;
    }
    .index5 .btn span {
        color: #FFF;
        font-size: .2rem;
        font-weight: 300;
        margin: 0 0 0 .35rem;
        text-align: center;
    }
    .index5 .btn svg {
        width: 0.08rem;
        height: auto;
    }
    footer {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    footer .footer_top {
        width: 6.8rem;
        margin: 0 auto;
    }
    footer .footer_top .list {
        display: none;
    }
    footer .footer_center .left .list {
        display: flex;
        align-items: center;
        gap: .16rem;
        margin: 12px 0 0 0;
    }
    footer .footer_center .left .list .li {
        width: 22px;
        height: 22px;
    }
    footer .footer_center .left .list .li img {
        width: 100%;
        height: 100%;
    }
    footer .footer_center .left .list .li .img1,
    footer .footer_center .left .list .li:hover .img2 {
        display: block;
    }
    footer .footer_center .left .list .li:hover .img1,
    footer .footer_center .left .list .li .img2 {
        display: none;
    }
    footer .footer_center {
        flex-direction: column-reverse;
        width: 6.8rem;
        margin: 0 auto;
        border-bottom: 0;
        padding-top: 0;
    }
    footer .footer_center .right {
        flex-direction: column;
        margin-bottom: 1rem;
    }
    footer .footer_center .right ul li.h2 {
        display: none;
    }
    footer .footer_center .right ul li.h1 {
        color: #FFF;
        font-size: .26rem;
        font-weight: 400;
        padding-bottom: 16px;
        padding-top: .5rem;
        position: relative;
        margin-bottom: 0;
    }
    footer .footer_center .right ul li.h1:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    }
    footer .footer_center .right ul:last-child li.h1:after {
        background: transparent;
    }
    footer .footer_center .right ul li.h1 .li_item {
        display: flex; 
        align-items: center;
        justify-content: space-between;
        margin: 0;
    }
    footer .footer_center .right ul li.h1 .li_item .icon {
        font-size: 20px;
        display: block;
        width: .5rem;
        text-align: center;
        transition: all .5s;
    }
    footer .footer_center .right ul li.h1 .li_item .icon.show {
        transform: rotate(45deg);
    }
    /*footer .footer_center .right ul li.h1:before {*/
    /*    content: "+";*/
    /*    position: absolute;*/
    /*    right: 0;*/
    /*}*/
    
    
    footer .footer_center .right ul li.h1 .drop_box {
        display: flex;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        flex-direction: column;
        gap: .3rem;
        transition: all .5s ease-in-out;
        margin: 0;
    }
    footer .footer_center .right ul li.h1 .drop_box.active {
        max-height: 3rem;
        opacity: 1;
        padding: 14px 14px 0 14px;
    }
    
    footer .footer_center .right ul {
        width: 100%;
    }
    footer .footer_center .left {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    footer .footer_center .left .item_cot .li .span {
        display: none;
    }
    footer .footer_center .left .item_cot .li .span_f {
        color: #FFF;
        text-align: center;
        font-size: .3rem;
        font-weight: 300;
        line-height: 150%;
        width: 4.2rem;
    }
    footer .footer_center .left .ewm {
        width: 1.6rem;
        height: 1.6rem;
        margin-bottom: .4rem;
    }
    footer .footer_center .right ul li a {
        color: #FFF;
        font-size: .24rem;
        font-weight: 400;
        /*width: 90%;*/
    }
    footer .footer_bot {
        width: 6.8rem;
        margin: 0 auto;
        flex-direction: column-reverse;
        /*border-bottom: 1px solid #E8E8E8;*/
        margin-bottom: .5rem;
    }
    footer .footer_bot .t {
        color: #D9D9D9;
        font-size: .24rem;
        font-weight: 300;
        position: relative;
        margin-left: .21rem;
        margin-right: .21rem;
    }
    footer .footer_bot .right .t::after {
        content: "";
        width: 1px;
        height: .2rem;
        background: #D9D9D9;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -.21rem;
    }
    footer .footer_bot .t:last-child::after {
        content: none;
    }
    footer .footer_center .left .item_cot {
        margin-bottom: 0;
    }
    footer .footer_bot .right {
        margin-bottom: .14rem;
        column-gap: 0;
    }
    footer .footer_top {
        border-bottom: 0;
        padding-bottom: 0;
        padding-top: .65rem;
    }
    footer .footer_top .logo {
        /*width: 3.2rem;*/
        /*height: .92rem;*/
        width: 2.8rem;
        /*height: auto;*/
    }
    .banners .scroll-down {
        display: none;
    }
    .about_banner .banner_cont.banner_cont1 {
        padding: 1.63rem 0.3rem 0;
        position: relative;
        display: flex;
        flex-direction: column;
        z-index: 2;
    }
    .technology_container .about_banner .bgimg {
        object-position: 34%;
    }
    .about_banner .banner_cont .h1 {
        font-size: .36rem;
        margin-bottom: .2rem;
    }
    .product1 {
        /*margin-top: 2rem;*/
        margin-top: 1rem;
        padding-bottom: 1rem;
    }
    .product1 .cont .list {
        flex-direction: column;
    }
    .product1 .cont .list .item {
        width: 100%;
    }
    .product1 .cont .list .item .p1 {
        font-size: .26rem;
    }
     .product1 .cont .list .item .item_text .h1 {
        font-size: .36rem;
    }
    .technology1 .cont .list .item .ico_cont {
        width: 4.06rem;
        height: 4.06rem;
    }
    .technology1 .cont .list .item:hover .ico_cont .bgimg {
        transform: rotate(90deg);
    }
    .about_banner .banner_cont .h1 {
        font-size: .36rem;
        margin-bottom: .2rem;
    }
    .technology1 .cont {
        padding: 0 0 .6rem 0;
    }
    .technology1 {
        margin-top: 1rem;
    }
    .technology1 .cont .list {
        flex-direction: column;
    }
    .technology1 .cont .list .item {
        width: 100%;
    }
    .technology1 .cont .list .item .p1 {
        font-size: .28rem;
        font-family: var(--f300);
    }
    .service1 {
        margin-top: 1rem;
        padding-bottom: .5rem;
        margin-left: .3rem;
        margin-right: .3rem;
    }
    
    .service1 .cont .card .text {
        position: static;
        width: 100%;
        border-radius: 0 0 .2rem .2rem;
    }
    .service1 .cont .card {
        flex-direction: column;
        /*margin: .5rem 0 0 0;*/
    }
    .service1 .cont {
        padding: 0;
        margin-bottom: .5rem;
    }
    .service1 .cont .card .text {
        transform: translateY(0);
    }
    .service1 .cont .card .text .text_bottom .item .h1 {
        font-size: .28rem;
    }
    .service1 .cont .card .text .text_bottom .item .p1 {
        font-size: .28rem;
    }
    .service1 .cont .card .pic {
        width: 100%;
        height: 5rem;
        border-radius: .2rem .2rem 0 0;
        /*margin: 0 0 .3rem 0;*/
    }
    .news_container .about_banner .banner_cont {
        padding-top: 1.5rem;
    }
    .about_banner .banner_cont .h1 {
        text-align: left;
    }
    .news_container .about_banner .banner_cont .h2 {
        font-size: .24rem;
    }
    .about_banner .banner_cont .h2 {
        /*color: rgba(109, 109, 109, 0.64);*/
        color: rgba(255,255,255, 1);
        font-size: .24rem;
        
        text-shadow: unset;
    }
    .about_banner .banner_cont .h2 {
            letter-spacing: .05rem;
    }
    .about_banner .bgimg.plan {
        height: 82vw;
    }
    .about_banner .bgimg {
        /*height: 7.3rem;*/
        height: 97vw;
        object-fit: cover;
        object-position: top left;
    }
    .news1 {
        padding: 0 0.3rem;
    }
    .news1 .tit {
        /*font-size: .36rem;*/
        margin: 0 auto 25px auto;
        font-size: 23px;
        font-weight: 500;
    }
    .news1 .cont {
        flex-direction: column;
    }
    .news1 .cont .swiper1 {
        width: 100%;
        height: auto;
        padding-bottom: .5rem;
    }
    .news1 .cont .right {
        width: 100%;
        height: auto;
        margin: .5rem 0 0 0;
        box-shadow: 10px 20px 22px 43px rgba(68, 47, 141, 0.07);
    }
    .news1 .cont .swiper1 .swiper-slide .text .data span {
        font-size: .2rem;
    }
    .news1 .cont .swiper1 .swiper-slide .text .h1 {
        font-size: .30rem;
        line-height: 1.5;
    }
    .news1 .cont .swiper1 .swiper-slide .text .p1 {
        font-size: .28rem;
    }
    .news1 .cont .swiper1 .swiper-slide .text .more {
        margin-top: .2rem;
        font-size: .24rem;
    }
    .news1 .cont .right .right_cont .item .item_text .item_text_top .h1 {
        font-size: .24rem;
    }
    .news1 .cont .right .right_cont .item .item_text .item_text_top .p1 {
        font-size: .2rem;
    }
    .news1 .cont .right .right_cont .item .item_text .item_text_bot {
        margin-top: .1rem;
    }
    .news1 .cont .right .right_cont .item .item_text .item_text_bot .more {
        font-size: .2rem;
    }
    .news1 .cont .right .right_cont .item .item_text .item_text_bot .data span {
        font-size: .2rem;
    }
    .news1 .cont .right {
        padding: 0;
    }
    .news1 .cont .right .right_cont {
        padding: .3rem;
        height: 4.4rem;
    }
    .news1 .cont .right .right_cont .item .item_text .item_text_bot .more svg {
        width: .12rem;
    }
    .news1 .cont .swiper1 .swiper-slide .text .more svg {
        width: .12rem;
    }
    .news2 {
        padding: .5rem .3rem 1rem;
    }
    .news2 .tit {
        margin-top: .43rem;
    }
    .news2 .cont {
        display: none;
    }
    .news2 .cont.cont_m {
        display: block;
    }
    .news2 .cont .list .item {
        width: 49%;
        height: 5.1rem;
    }
    .news2 .cont .list {
        justify-content: space-between;
    }
    .news2 .cont .list .item .text {
        padding: .2rem;
    }
    .news2 .cont .list .item .text .text_top .data {
        font-size: .2rem;
    }
    .news2 .cont .list .item .text .text_top .h1 {
        font-size: .28rem;
    }
    .news2 .cont .list .item .text .more {
        font-size: .2rem;
    }
    .news2 .cont .list .item .text .more svg {
        width: .12rem;
    }
    .news2 .cont .list {
        column-gap: 0;
        row-gap: .4rem;
    }
    .newsdetails_container .newsdetails1 .right .card {
        background: linear-gradient(259deg, rgba(224, 238, 255, 0.40) 0.09%, rgba(255, 248, 252, 0.40) 111.5%);
    }
    .newsdetails_container .newsdetails1 .right .card .card_name::before {
        width: 2px;
    }
    .newsdetails_container .newsdetails1 .left .left_list {
        column-gap: 22px;
    }
    .newsdetails_container .newsdetails1 .left .left_list .share {
        column-gap: 10px;
    }
    .newsdetails_container .newsdetails1 .left .left_list .share .list {
        column-gap: 0;
    }
    .news2 .cont .page {
        padding: .5rem 0 0 0;
    }
    .about1 {
        margin-top: 1.7rem;
        padding: 0 .3rem 0.84rem;
    }
    .about1 .top {
        margin-bottom: .8rem;
    }
    .about1 .top .t1 {
        padding-left: .5rem;
    }
    .about1 .top::before {
        content: "";
        width: .83rem;
        height: 1.17rem;
        position: absolute;
        z-index: 1;
        left: 0;
        top: -0.57rem;
        background: url(../img/15.png) no-repeat center / contain;
    }
    .about1 .top .h1 {
        font-size: .28rem;
    }
    .about1 .top .h1::after {
        content: "";
        width: .83rem;
        height: 1.17rem;
        position: absolute;
        z-index: 1;
        left: calc(100% - .8rem);
        top: 100%;
        transform: translateY(-50%);
        background: url(../img/16.png) no-repeat center / contain;
    }
    .about1 .cont {
        flex-direction: column;
    }
    .about1 .cont .pic {
        width: 100%;
        height: auto;
    }
    .about1 .cont .cont_text {
        width: 100%;
    }
    .about1 .cont .cont_text .h1 {
        font-size: .28rem;
        line-height: 1.5;
        /*margin-bottom: .1rem;*/
    }
    .about1 .cont .cont_text .h2 {
        font-size: .26rem;
        line-height: 1.5;
    }
    .about1 .cont .cont_text .list .item {
        padding: .28rem;
    }
    .about1 .cont .cont_text .list .item .t1 {
        font-size: .28rem;
    }
    .about1 .cont .cont_text .list .item .t2 {
        font-size: .26rem;
    }
    .about1 .cont .cont_text .h2 {
        margin-bottom: 0;
    }
    .about2 {
        padding: 0;
    }
    .about2 .cont {
        padding: 0.87rem .3rem .82rem;
    }
    .about2 .cont .swiper1 .swiper-slide .slide_cont .zk {
        right: .1rem;
        top: .1rem;
    }
    
    .about2 .cont .card_cont .card {
        flex-direction: column;
    }
    .about2 .cont .card_cont .card .text ul li {
        font-size: .26rem;
    }
    .about2 .cont .card_cont .card .text {
        gap: .4rem;
    }
    .about2 .cont .card_cont .card .left {
        margin-bottom: .2rem;
        display: flex;
        gap: .2rem;
        width: unset;
        justify-content: start;
        flex-direction: row;
    }
    .about2 .cont .card_cont .card .text ul li {
        list-style-type: none;
        position: relative;
    }
    .about2 .cont .card_cont .card .text ul li:before {
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: #000000;
        position: absolute;
        left: -.15rem;
        top: .13rem;
    }
    .about2 .cont .swiper1 .swiper-slide .slide_cont .name {
        font-size: .26rem;
    }
    .about3 .swiper1 {
        width: 6.8rem;
        margin: 0 auto;
    }
    .about3 .swiper1 .swiper-slide {
        width: 100%;
        flex-direction: column;
        height: auto;
    }
    .about3 .swiper1 .swiper-slide .pic {
        width: 100%;
    }
    .about3 .swiper1 .swiper-slide .right {
        padding: .3rem .2rem;
    }
    .about3 .swiper1 .swiper-slide .right .text .p1 {
        aspect-ratio: auto;
        font-size: .26rem;
    }
    .about3 .swiper1 .swiper-slide .right .text .h1 {
        margin-bottom: .2rem;
        font-size: .28rem;
    }
    .about3 .tabber .item {
        font-size: .28rem;
    }
    .about4 {
        padding: 0;
        width: 6.8rem;
        margin: 0 auto 1rem;
    }
    .about4 .cont {
        flex-direction: column;
    }
    .about4 .cont .pic {
        display: block;
        width: 100%;
        margin: 0 0 .3rem 0;
    }
    .about4 .cont form .btn {
        position: static;
        margin-top: .3rem;
        width: 1.78rem;
        height: .6rem;
        padding: 0;
        justify-content: center;
    }
    .about4 .cont form .btn span {
        color: #FFF;
        font-size: .26rem;
        font-weight: 300;
    }
    .about4 .cont {
        padding: .4rem;
    }
    .about4 .cont form .item .input_name {
        font-size: .28rem;
    }
    .about4 .cont form .item .input_cont input {
        font-size: .26rem;
    }
    .about4 .cont form .item .input_select select {
        font-size: .26rem;
    }
    .about4 .cont form .item .input_cont textarea {
        font-size: .26rem;
    }
    .about4 .cont form .item .input_cont .select2 .select2-selection span {
        font-size: .26rem;
    }
    .about4 .cont form .item .input_select select::placeholder {
        font-size: .26rem;
    }
    .about4 .cont form .item .input_select::before {
        position: absolute;
        top: 50%;
        left: 0.23rem;
        content: "请选择您的咨询类型";
        transform: translateY(-50%);
        width: calc(100% - 0.46rem);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: #999;
        font-size: 0.2rem;
        z-index: 1;
        pointer-events: none;
    }
    .about4 .cont form .item .input_cont .parsley-errors-list {
        font-size: .16rem;
    }
    .select2-results__option {
        font-size: .2rem;
    }
    .about5 {
        background: #98A4DD;
    }
    .about5 .cont {
        padding: 1rem .3rem 1rem;
        min-height: auto;
    }
    .about5 .cont .emil .name {
        font-size: .24rem;
    }
    .about5 .cont .p1 {
        margin-bottom: 0.5rem;
    }
    .about5 .cont .btn {
        width: 1.78rem;
        height: .6rem;
        padding: 0;
        justify-content: center;
    }
    .about5 .cont .btn span {
        color: #FFF;
        font-size: .2rem;
        font-weight: 300;
    }
    .newsdetails_container {
        padding-top: 0;
    }
    .newsdetails_container .newsdetails1 {
        flex-direction: column;
        /*padding: 0.69rem .3rem 1.2rem;*/
        padding: 0 .3rem 1.2rem;
    }
    .newsdetails_container .newsdetails1 .right {
        position: static;
    }
    .newsdetails_container .newsdetails1 .left {
        width: 100%;
        /*padding: 0.7rem 0.3rem;*/
        padding: .6553rem 0.3rem;
        background: unset;
    }
    .newsdetails_container .newsdetails1 .left .left_list .data {
        font-size: 12px;
    }
    .newsdetails_container .newsdetails1 .left .left_list .share .share_name {
        font-size: 12px;
    }
    .newsdetails_container .newsdetails1 .right {
        width: 100%;
    }
    .newsdetails_container .newsdetails1 .right .card .card_name {
        font-size: .28rem;
    }
    .newsdetails_container .newsdetails1 .right .card .list .item .h1 {
        font-size: .24rem;
    }
    .newsdetails_container .newsdetails1 .right .card .list .item .h2 {
        font-size: .2rem;
    }
    .newsdetails_container .newsdetails1 .right .card .btn {
        font-size: .24rem;
    }
    .newsdetails_container .newsdetails1 .left .h1 {
        margin-bottom: 16px;
        text-align: left;
        font-size: .3rem;
    }
    .newsdetails_container .newsdetails1 .left .left_list {
        margin-bottom: 21.5px;
    }
    .newsdetails_container .newsdetails1 .left .left_cont {
        padding-top: 20px;
        font-size: 12px;;
    }
    .newsdetails_container .newsdetails1 .left .left_cont p span{
        font-size: .18rem !important;
    }
    .newsdetails_container .newsdetails1 .left .left_cont p span strong{
       font-size: 13px !important;
    }
    .newsdetails_container .newsdetails1 .left .left_cont p strong span{
       font-size: 13px !important;
    }
    
    .article-page01 .wrap {
        padding: 0 3% 0;
    }
    
    /*.m_tel{padding: 5px 15px;display:block!important;line-height:20px;position:sticky;top:0;background-color:#f6f0f0;text-align:right;font-size:14px;z-index:999;}*/
    .m_header{
        /*position: fixed;*/
        position: sticky;
        top: 0;left: 0;width: 100%;
    /*background-color: transparent;*/
    background: rgba(255, 255, 255, 0.07);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(30.5px);
    padding:0 15px;z-index: 98;
    display:flex!important;justify-content:space-between;transition:all 0.5s;}
    .m_header.on{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
    .m_header .logo{
        /*width: 2rem;*/
        width: 2.8rem;
    }
    .m_header .logo img{width: 100%;display:block;}
    .m_header .right{display: flex;align-items: center;}
    .m_header .right .tel{font-size: 16px;font-weight: 600;margin-right: 12px;padding-left:26px;line-height:26px;background:url(../img/m_tel.svg)no-repeat left center;background-size:22px auto;}
    /*.m_header .right .tel{width: 22px;margin-right: 18px;}*/
    /*.m_header .right .tel img{width: 100%;}*/
    .m_header .right .ser{width: 20px;}
    .m_header .right .ser img{width: 100%;}
    
    .m_header .btn{display: block;}
    .m_header .btn{margin-right: 0;cursor: pointer;
    /*height: 37px;*/
    /*padding-top: 16px;*/
        
    }
    .m_header .btn.hide{opacity: 0;}
    .m_header .btn div{display: block;width: 22px;height: 1px;background-color: #C5C5C5;border-radius: 1px;transition: all 0.3s;}
    .m_header .btn div:nth-child(1){transform: translate(0,-8px);}
    /*.m_header .btn div:nth-child(2){transform: translate(12px,0);width: 12px;}*/
    .m_header .btn div:nth-child(3){transform: translate(0px,8px);}
    .m_header .btn:hover div:nth-child(1){transform: translate(0,-8px);}
    .m_header .btn:hover div:nth-child(2){transform: translate(0,0);width: 22px;}
    .m_header .btn:hover div:nth-child(3){transform: translate(0,8px);}
    .m_header{display: flex!important;display: flex;justify-content: space-between;align-items: center;height: 45px}
    
    .mh_nav{display: block!important;}
    .mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);
        z-index: 999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 0;transition: all 0.5s;
        box-shadow: 0 10px 10px rgba(0,0,0,0.1);
        box-sizing: border-box;
    }
    .mh_nav.show{transform: translateX(0);}
    .mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
    .mh_nav .close img{width:14px;}
    .mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 15px;padding-left: 15px;transition: all 1s ease-in-out;}
    .mh_nav .nav>li> .nav_item{
        line-height: 60px;
        font-size: 16px;
        display: block;
        font-family:hm;
        width: 100%;
    }
    .mh_nav .nav>li> .nav_item .icon {
        width: 8px;
        /*height: 12px;*/
        transition: all .5s;
        
    }
    .mh_nav .nav>li> .nav_item .icon.active {
        transform: rotate(90deg);
    }
    /*.mh_nav .nav>li:after{*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    right: 15px;*/
    /*    top:24px;*/
    /*    transition: all 0.5s;*/
    /*    width: 12px;*/
    /*    height: 12px;*/
    /*    background: url(../img/hl_jt.png)no-repeat center;*/
    /*    background-size:auto 100%;*/
        
    /*}*/
    .mh_nav .nav>li.on:after{transform: rotate(0deg);}
    .mh_nav .nav>li .nav1{padding: 15px;line-height: 24px; display: none;font-size: 14px;font-family:hm;}
    .mh_nav .nav>li .nav1 .h{font-family: 'hb';font-weight:600;font-size: 14px;color: #1f1f1f;margin-bottom:8px;}
    .mh_nav .nav>li .nav1 a{padding:6px 0;}
    .mh_nav .nav>li .nav2{font-size: 13px;padding-left:16px;font-family:hr;}
    .mh_nav .nav>li .nav2 a{font-size: 13px;padding: 0;}
    .mh_nav .nav>li .nav_item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        
    }
    .mh_nav .nav>li .drop_ul {
        display: flex;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        flex-direction: column;
        gap: .3rem;
        transition: all 1s ease-in-out;
    }
    .mh_nav .nav>li .drop_ul.active {
        max-height: 3rem;
        opacity: 1;
        padding: .2rem 0 .5rem 0;
    }
    
    .mh_nav .nav>li .drop_ul .drop_a {
        font-size: .26rem;
    }
    .nav-tool {
        display: flex;
        justify-content: center;
        align-items: center;
        /*column-gap: .3rem;*/
        /*margin-top: .5rem;*/
        gap: .4rem;
    }
    .nav-tool a {
        width: 1.2rem;
        height: .91rem;
        /*background: #8F77E3;*/
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }
    .nav-tool a img {
        display: block;
        width: .8rem;
    }
    
    
    /*2026/1/27*/
    .technology_container .about_banner .banner_cont{padding: 1.3rem 0.3rem 0;}
    .technology1 .cont .list .item{padding: 0.56rem 0.5rem 0.8rem;border-radius: 0.2rem;}
    .technology1 .cont .list .item .ico_cont{width: 3.9rem;height: 3.9rem;margin-bottom: 0.36rem}
    .technology1 .cont .list .item .h1{font-size: 0.3rem;line-height: 0.36rem;}
    .technology1 .cont .list .item .p1{font-size: 0.26rem;line-height: 153.846%;letter-spacing: 0.05em;}
    
    .about_banner .banner_cont{padding: 2.1rem 0.3rem 0;}
    .about_banner .banner_cont .h1{font-size: 0.52rem;line-height: 0.7rem;margin-bottom: 0.11rem;}
    .about_banner .banner_cont .h2{font-size: 0.2rem;line-height: 1.5;width: 343px !important; margin: 10px 0 0 0;}
    .about_banner .banner_cont .hls{width: 341px;}
    .about_banner .banner_cont .hlss{width: 100% !important;}
    
    .service1{margin-left: 0.35rem;margin-right: 0.35rem;margin-top:1.2rem;}
    .service1 .cont .card .text{padding: 0.69rem 0.2rem 0.68rem 0.4rem;max-height: 4.92rem;}
    .service1 .cont .card .text .text_top .h1{font-size: 0.36rem;line-height: 0.56rem;}
    .service1 .cont .card .text .text_bottom .item .h1{font-size: 0.26rem;line-height: 0.36rem;}
    .service1 .cont .card .text .text_bottom .item .p1{font-size: 0.24rem;line-height: 0.4rem;}
    .service1 .cont .card .text .text_bottom .item{margin-bottom: 0.4rem;}
    .service1 .cont .card .text .text_bottom{padding-right: 0.2rem;}
    
    /*.news1 .tit{display: none;}*/
    .news1 .cont .swiper1 .swiper-slide .pic{height: 3.95rem;}
    .news1 .cont .swiper1 .swiper-slide .text{padding: 0.5rem 0.3rem 0 0.33rem;}
    .news1 .cont .swiper1 .swiper-slide .text .data{font-size: 0.2rem;line-height: 1;}
    .news1 .cont .swiper1 .swiper-slide .text .h1{line-height: 1.6;margin-top: 0.24rem;}
    .news1 .cont .swiper1 .swiper-slide .text .p1{font-size: 0.24rem;line-height: 0.3rem;}
    .news1 .cont .swiper1 .swiper-slide .text .more{font-size: 0.2rem;}
    
    .news1 .cont .right{margin-top: 0.4rem;}
    .news1 .cont .right .right_cont .item{height: 1.64rem;}
    .news1 .cont .right .right_cont .item .item_text .item_text_top .h1{font-size: 0.26rem;line-height: 0.32rem;}
    .news1 .cont .right .right_cont .item .item_text .item_text_top .p1{font-size: 0.22rem;line-height: 0.3rem;margin-top: 0.18rem;}
    .news1 .cont .right .right_cont .item .item_text .item_text_bot{margin-top: 0.32rem;}
    .news2 .tit{text-align: center;width: 100%;}
    .news2 .cont .list .item .pic{height: 1.82rem;}
    .news2 .cont .list .item .text{padding: 0.23rem 0.16rem 0.27rem 0.19rem;}
    .news2 .cont .list .item .text .text_top .data{margin-bottom: 0.15rem;}
    .news2 .cont .list .item .text .text_top .h1{font-size: 0.26rem;line-height: 0.4rem;}
    .news2 .cont .list .item{height: 3.84rem;}
    
    .about1 .top::before{top: -0.1rem;}
    .about1 .top .t1{font-size: 0.36rem;font-weight: 700;padding-left: 0;}
    .about1 .top .t2{margin-bottom: 0.35rem;width: 100%;text-align: right;}
    .about1 .top .h1{font-size: 0.24rem;padding-left: 0;letter-spacing: 0.05em;line-height: 1.5;}
    .about1 .top .h1 div{position: relative;z-index: 5;}
    .about1 .top{margin-bottom: 0.6rem;margin-top:.8rem;}
    .about1 .cont .pic{height: 3.84rem;border-radius: 0.2rem 0.2rem 0 0;}
    
    .about1 .cont .cont_text{padding-top: 0;}
    .about1 .cont .cont_text .txtbox{
        padding: 0.45rem 0.4rem 0.45rem;border-radius: 0 0 0.2rem 0.2rem;box-shadow: 0 0.19rem 0.311rem 0 rgba(86, 146, 235, 0.17);
        display: flex;
        flex-direction: column;
        gap: .33rem;
    }
    .about1 .cont .cont_text .h1{font-size: 0.3rem;line-height: 1.6;
    /*margin-bottom: 0.33rem;*/
        
    }
    .about1 .cont .cont_text .list{margin-top: 0.4rem;}
    .about1 .cont .cont_text .list .item{padding: 0.37rem 0.4rem;}
    
    .about1 .cont .cont_text .list .item .t1{font-size: 0.3rem;line-height: 1;}
    .about1 .cont .cont_text .list .item .t2{font-size: 0.24rem;line-height: 0.4rem;}
    .about1 .cont .cont_text .list .item{margin-bottom: 0.4rem;}
    
    .about2 .top{margin-bottom: 0.42rem;}
    .about2 .top .h1{font-size: 0.46rem;line-height: 0.56rem;}
    .about2 .top .h2{font-size: 0.2rem;line-height: 1.5;font-weight: 600;}
    .about2 .cont{padding: 0.5rem 0.35rem 0.6rem;}
    .about2 .cont .swiper1 .swiper-slide{height: 3.55rem;}
    .about2 .cont .swiper1 .swiper-slide .slide_cont .zk{top: 0.2rem;}
    
    .about2 .cont .swiper1 .swiper-slide .slide_cont .pic{width: 1.56rem;height: 1.56rem;margin-bottom: 0.23rem;}
    .about2 .cont .swiper1 .swiper-slide .slide_cont .name{padding: 0 0.38rem;margin-bottom: 0.11rem;}
    .about2 .cont .swiper1 .swiper-slide .slide_cont .post{font-size: 0.2rem;line-height: 0.24rem;}
    
    .about2 .cont .swiper1{margin-bottom: 0.72rem;}
    .about2 .cont .card_cont{border-top: none;}
    .about2 .cont .card_cont .card{padding-top: 0;}
    .about2 .cont .card_cont .card .text ul li{font-size: 0.24rem;line-height: 0.4rem;}
    
    .about3{padding: 0.9rem 0;}
    .about3 .top{margin-bottom: 0.52rem;}
    .about3 .tabber{justify-content: center;width: 100%;column-gap: 0;}
    .about3 .tabber .item{padding: 0 0.22rem 0.17rem;}
    .about3 .swiper1{padding: 0 0 0;margin-top: 0.6rem;box-shadow: 0 19px 31.1px 0 rgba(86, 146, 235, 0.17);}
    .about3 .swiper1 .swiper-slide .pic{aspect-ratio: 677 / 383;height: auto;}
    .about3 .swiper1 .swiper-slide .right{padding: 0.55rem 0.38rem;}
    .about3 .swiper1 .swiper-slide .right .text .h1{font-size: 0.3rem;line-height: 1.2;margin-bottom: 0.2rem;}
    .about3 .swiper1 .swiper-slide .right .text .p1{font-size: 0.24rem;line-height: 0.4rem;max-height: 1.6rem;}
    
    .about3 .swiper1 .swiper-slide .right .page{margin-top: 0.55rem;}
    .about3 .swiper1 .swiper-slide .right .page .active{font-size: 0.32rem;line-height: 0.39rem;font-weight: 700;}
    .about3 .swiper1 .btns{right: 0.38rem;bottom: 0.6rem;}
    
    .about4{margin-bottom: 0.875rem;}
    .about4 .top{padding-bottom: 0.5rem; margin: 0;}
    .about4 .cont .pic{margin-bottom: 0.38rem;}
    .about4 .cont form .item .input_name{font-size: 0.24rem;line-height: 0.4rem;margin-bottom: 0.1rem;}
    .about4 .cont form .item .input_cont textarea,
    .about4 .cont form .item .input_cont .select2 .select2-selection span,
    .about4 .cont form .item .input_cont input{font-size: 0.2rem;}
    .about4 .cont form .btn{width: 1.5rem;margin-top: 0.38rem;}
    .about4 .cont form .btn span{font-size: 0.17rem;}
    
    .about5{background: #98A4DD url(../img/18_1.jpg) no-repeat center right / cover;margin-bottom: 0.9rem;}
    .about5 .cont{padding: 1.88rem 0.35rem 1.85rem;}
    .about5 .cont .h1{font-size: 0.36rem;line-height: 0.5rem;margin-bottom: 0.15rem;}
    .about5 .cont .p1{font-size: 0.2rem;line-height: 1.5;margin-bottom: 0.53rem;}
    
    .about5 .cont .emil .name{font-size: 0.2rem;padding-bottom: 0.06rem;}
    .about5 .cont .emil .adres{font-size: 0.24rem;line-height: 0.32rem;padding-bottom: 0.06rem;}
    
    .about5 .cont .btn{width: 1.8rem;border: 1px solid #fff;}
    
    
    
    
    
    
    
    
}