.m_header,
.mh_nav {
    display: none;
}

.pc-block,
.pc,
.pimg{
    display: block;
}

.mb-block,
.mb,
.mimg{
    display: none;
}

.pc-flex {
    display: flex;
}

.mb-flex {
    display: none;
}


@media screen and (max-width:1024px) {

    html,
    body {
        font-size: calc(100vw / 7.5) !important;
    }

    .f-14,
    .f-16 {
        font-size: 0.24rem;
    }

    .f-18,
    .f-20 {
        font-size: 0.26rem;
    }

    .f-22,
    .f-24,
    .f-26,
    .f-28 {
        font-size: 0.32rem;
    }

    .f-30,
    .f-32,
    .f-34 {
        font-size: 0.36rem;
    }

    .f-36,
    .f-40,
    .f-42,
    .f-44,
    .f-46 {
        font-size: 0.38rem;
    }

    .f-48,
    .f-50,
    .f-52,
    .f-54,
    .f-56,
    .f-58,
    .f-60,
    .f-62,
    .f-64,
    .f-68,
    .f-70,
    .f-72,
    .f-74,
    .f-76,
    .f-78,
    .f-80 {
        font-size: 0.44rem;
    }


    .pc-block,
    .pc,
    .pimg{
        display: none;
    }

    .mb-block,
    .mb,
    .mimg{
        display: block;
    }

    .pc-flex {
        display: none;
    }

    .mb-flex {
        display: flex;
    }

    .breadcrumb {
        /*display: none;*/
    }
    main section{
        width: 100%;
        overflow: hidden;
    }


    /* 头部开始 */
    .header {
        display: none;
    }

    .m_header {
        display: block;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
        border-top: 0.2px solid rgba(0, 0, 0, 0.40);
        background: #FFF;
        transition: all .4s;
    }

    .m_header.on {
        background: #fff;
    }

    .m_header .wrap {
        padding: .28rem .36rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .m_header .wrap .logo {
        position: absolute;
        height: .57rem;
        left: 50%;
        transform: translateX(-50%);
        width: fit-content;
    }

    .m_header .wrap .action {
        display: flex;
        align-items: center;
        gap: .24rem;
    }

    .m_header .wrap .action .item {
        height: .46rem;
        width: fit-content;
        display: flex;
        align-items: center;
        gap: .06rem;
        font-size: .3rem;
        color: #333;
    }

    .m_header .wrap .action .item .icon {
        height: 100%;
        width: auto;
    }

    .m_header .wrap .action .item .icon.arr {
        height: .22rem;
    }

    .m_header .wrap .menu {
        display: flex;
        flex-direction: column;
        gap: .12rem;
        width: .4rem;
    }

    .m_header .wrap .menu span {
        height: 1.5px;
        width: 100%;
        background-color: #333;
    }

    .mh_nav {
        display: block !important;
        position: fixed;
        top: 0;
        right: 10%;
        width: 90%;
        transform: translateX(-120%);
        opacity: 0;
        z-index: 999;
        background-color: #fff;
        height: 100vh;
        overflow: auto;
        padding: 1.2rem .4rem;
        transition: all .5s ease-in-out;
        box-shadow: 0 .1rem .1rem rgba(0, 0, 0, 0.1);
    }

    .mh_nav li {
        list-style: none;
    }

    .mh_nav.show {
        transform: translateX(0);
        opacity: 1;
    }

    .mh_nav .close {
        position: absolute;
        top: .4rem;
        right: .4rem;
        width: .4rem;
        height: .4rem;
    }

    .mh_nav .close span {
        display: inline-block;
        width: 100%;
        height: 2px;
        background-color: #333;
        position: absolute;
        bottom: .2rem;
        left: 0;
    }

    .mh_nav .close span:nth-child(1) {
        transform: rotate(45deg);
    }

    .mh_nav .close span:nth-child(2) {
        transform: rotate(135deg);
    }

    .mh_nav .list .item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
    }

    .mh_nav .list .item .top {
        padding: .4rem 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mh_nav .list .item .top .tit {
        line-height: 1;
        font-size: .32rem;
        display: block;
        width: fit-content;
    }

    .mh_nav .list .item .top .add {
        height: .25rem;
        width: .25rem;
        position: relative;
        opacity: 0;
        visibility: hidden;
        transition: all .5s;
    }

    .mh_nav .list .item .top .add span {
        background-color: #333;
        position: absolute;
        transition: all .5s;
    }

    .mh_nav .list .item .top .add span:nth-child(1) {
        width: 100%;
        height: 1.5px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .mh_nav .list .item .top .add span:nth-child(2) {
        width: 1.5px;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .mh_nav .list .item.on .top .add {
        transform: rotate(45deg);
    }

    .mh_nav .list .item:has(ul) .top .add {
        opacity: 1;
        visibility: visible;
    }

    .mh_nav .list .item .info {
        display: none;
    }

    .mh_nav .list .item .nav {
        font-size: .28rem;
        font-weight: 300;
        padding-bottom: .4rem;
    }

    .mh_nav .list .item.on .nav a {
        padding-left: .2rem;
    }

    .mh_nav .list .item .nav a {
        font-size: .28rem;
        padding: .16rem 0;
        width: 100%;
        transition: all .5s ease-in-out;
    }

    .mh_nav .list .item .nav .lv3 {
        display: flex;
        flex-direction: column;
        gap: .1rem;
        padding: .1rem 0 .1rem 0rem;
        transition: all .5s;
    }

    .mh_nav .list .item .nav .lv3 a {
        font-size: min(.24rem, 14px);
        padding: .1rem 0;
    }

    .mh_nav .list .item.on .nav .lv3 {
        padding-left: .4rem;
    }
    /* 头部结束 */

    /* 底部开始 */
    .footer .ftp{
        padding: .7rem 0 1.77rem;
        flex-direction: column;
        gap: .8rem;
        position: relative;
    }
    .footer .ftp .left{
        width: 100%;
    }
    .footer .ftp .right{
        width: 100%;
    }
    .footer .ftp .left .desc{
        display: none;
    }
    .footer .ftp .right .ul{
        flex-direction: column;
    }
    .footer .ftp .left .form .p{
        width: 100%;
        height: .82rem;
        margin-top: .2rem;
        line-height: .82rem;
    }
    .footer .ftp .left .form .p input{
        height: 100%;
    }
    .footer .ftp .left .logo{
        width: 2.4rem;
    }
    .footer .ftp .left .form .p .btn-reset{
        height: .74rem;
    }
    .footer .ftp .left .link{
        /*display: none;*/
        gap: .6rem;
        justify-content: center;
        position: absolute;
        bottom: .5rem;
        left: 0;
        width: 100%;
    }
    .footer .ftp .left .link a{
        width: .48rem;
        height: .48rem;
    }
    .footer .ftp .right .ul .lv2list{
        display: none;
        margin-top: 0;
        margin-bottom: .22rem;
    }
    .footer .ftp .right .ul .lv1{
        font-size: .32rem;
        padding: .22rem 0;
    }
    .footer .ftp .right .ul .li{
        border-bottom: 1px solid rgba(31, 31, 31, 0.1);
    }
    .footer .fbt{
        padding: .38rem 0 .48rem;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .footer .ftp .right .ul .li .top{
        position: relative;
    }
    .footer .ftp .right .ul .li.active .top::after{
        transform: translateY(-50%) rotate(180deg);
    }
    .footer .ftp .right .ul .li .top::after{
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: .3rem;
        height: .3rem;
        background: url('/static/img/svg/arr_d.svg') no-repeat center center;
        background-size: 100% 100%;
        transition: all .3s;
    }

    /* 底部结束 */

    /*公共开始*/
    .f-70 {
        font-size: .7rem;
    }
    .f-60 {
        font-size: .6rem;
    }

    .w1514,.w1760 {
        padding: 0 .2rem;
    }

    .webbtn .webbtn_arr {
        width: .64rem;
        height: .64rem;
        flex-shrink: 0;
    }

    .webbtn .webbtn_txt {
        line-height: 1.2;
        display: flex;
        align-items: center;
    }
    .inner-banner{
        height: 100vh;
    }
    .inner-banner .pic{
        height: 100%;
        width: 100%;
        aspect-ratio: unset;
    }
    .inner-banner .txt{
        padding-top: 2.8rem;
        align-items: flex-start;
    }
    .inner-banner .txt .type{
        display: none;
    }
    .inner-banner .txt .h{
        margin-top: 0;
    }
    .breadcrumb-list{
        padding: .4rem 0;
    }
    .mgbt160{
        margin-bottom: 1.5rem;
    }
    .pages{
        font-size: .28rem;
    }
    .pages .next, .pages .prev{
        width: .64rem;
        height: .64rem;
    }
    .inner-title .type{
        display: none;
    }
    .inner-title .h{
        margin-top: 0;
    }
    /*公共结束*/

    


    /*首页开始*/
    .ind_h .fill {
        white-space: wrap;
    }
    .banner .pic{
        height: auto;
    }

    .banner .txt {
        width: 100%;
        left: 0;
        padding: 0 .6rem 0 .2rem;
    }

    .ind1 {
        padding: 1rem 0 .7rem;
    }

    .ind1 .top .ind_h {
        font-size: .6rem;
    }

    .ind1 .bot {
        flex-direction: column;
        gap: .8rem;
    }

    .ind1 .bot .text .p {
        margin-top: .26rem;
    }

    .ind1 .bot .ul .li .number {
        font-size: .7rem;
        color: var(--theme-color);
    }

    .ind1 .bot .ul .li .number span {
        background: unset !important;
    }

    .ind1 .bot .ul .li .desc {
        color: #666;
    }

    .in2 {
        padding: .7rem 0 1.8rem;
    }

    .in2 .box {
        flex-direction: column;
    }

    .in2 .box .pic {
        width: 100%;
        /* height: auto; */
    }

    .in2 .txt {
        width: 100%;
    }

    .in3 {
        background: #F5F5F7;
        padding: 0 0 1.8rem;
    }

    .in3 .box .tit {
        padding: 1.4rem .2rem 0;
        margin-bottom: .6rem;
    }

    .in3 .box .tit .type {
        display: none;
    }

    .in3 .box .tit .ind_h {
        margin-top: 0;
    }

    .in3 .box .pic {
        position: relative;
        width: 100%;
        height: 9rem;
    }
    .in3 .box .list{
        padding:0 .2rem;
        width: 100%;
        overflow-x: auto;
    }
    .in3 .box .list::-webkit-scrollbar{
        display: none;
    }
    .in3 .box .list .ul .li{
        width: 6.7rem;
        min-height: 7.56rem;
    }
    .in4{
        padding: 0 0;
        height: auto;
        width: 100%;
        overflow: hidden;
        flex-direction: column;
    }
    .in4 .bg.mb{
        position: absolute;
        inset: 0;
    }
    .in4 .left .lox .bg{
        display: none;
    }
    .in4 .left{
        position: relative;
    }
    .in4 .left .lox{
        position: relative;
        min-height: unset;
        padding: 1.4rem .2rem 1rem;
    }
    .in4 .left .lox .txt .type{
        display: none;
    }
    .in4 .left .lox .txt .m{
        margin-top: .58rem;
    }
    .in4 .right{
        padding: 0 .2rem;
    }
    .in4 .right .ul{
        width: 100%;
        margin-bottom: 1.4rem;
    }
    .in5 .tit .type{
        display: none;
    }
    .in5{
        padding: 1rem 0 1.8rem;
    }
    .in5 .top{
        flex-direction: column;
    }
    .in5 .tit{
        width: 100%;
    }
    .in5 .desc{
        width: 100%;
        font-size: .28rem;
    }
    .in5 .pic{
        width: 100%;
        height: 9rem;
    }
    .in6 .tit .type{
        display: none;
    }
    .in6{
        padding: 1.4rem 0 1.8rem;
    }
    .in6 .top{
        flex-direction: column;
        align-items: center;
        gap: .36rem;
    }
    .in6 .switch .ss{
        padding: .12rem .8rem;
    }
    .in6 .list .item{
        flex-direction: column;
        gap: .8rem;
    }
    .in6 .list .item.act{
        gap: .8rem;
    }
    .in6 .list .item .left{
        width: 100%;
    }
    .in6 .list .item .right{
        width: 100%;
    }
    .in6 .list .item .right .ss{
        flex-direction: column;
        gap: .4rem;
    }
    .in6 .list .item .left .picbox{
        width: 100%;
        height: 4.67rem;
    }
    .in6 .list .item .ss .txt .h{
        font-size: .32rem;
    }

    .in6 .list .item .ss .txt .p{
        display: none;
    }
    
    .in6 .list .item .right .ss .picbox{
        width: 100%;
        height: 4.67rem;
    }
    .in6 .list .item .right .ss:not(:first-child){
        margin-top: .8rem;
    }
    .in7{
        padding: 0;
        height: 10.65rem;
        position: relative;
    }
    .in7 .box .bg{
        position: absolute;
        inset: 0;
        aspect-ratio: unset;
    }
    .in7 .box{
        width: 100%;
        height: 100%;
    }
    .in7 .box .txt{
        padding: 1.4rem .2rem;
        justify-content: flex-start;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    }
    .in7 .box{
        border-radius: 0;
    }
    .in7 .box .txt .m{
        margin-top: .5rem;
    }
    .in7 .box .txt .h{
        font-size: .32rem;
    }

    /*首页结束*/
    
    /*关于页面开始*/
    .ab1{
        padding: 1.8rem .2rem 1.4rem;
    }
    .ab1 .bg{
        display: none;
    }
    .ab1 .con{
        flex-direction: column;
    }
    .ab1 .con .left .lox .type{
        display: none;
    }
    .ab1 .con .left .lox{
        position: relative;
        top: 0;
    }
    .ab1 .con .left .lox .h{
        margin-top: 0;
        margin-bottom: .32rem;
    }
    .ab1 .con .right{
        width: 100%;
    }
    .ab1 .con .right .ul .li:first-child{
        margin-top: .8rem;
    }
    .ab1 .con .right .ul .li{
        margin-top: .5rem;
        padding-top: .4rem;
        gap: .42rem;
    }
    .ab1 .con .right .ul .li .ico{
        width: .92rem;
        height: .92rem;
        aspect-ratio: unset;
    }
    .ab2{
        padding: 1.4rem 0 1.8rem;
    }
    .ab2 .w1514{
       
    }
    .ab2 .ul{
         width: 100%;
        overflow: auto;
        /*flex-wrap: wrap;*/
    }
    .ab2 .ul::-webkit-scrollbar{
        display: none;
    }
    .ab2 .ul .li{
        width: 6.65rem;
        flex-shrink: 0;
    }
    .ab2 .ul .li .ss .num{
        width: .46rem;
        height: .46rem;
        left: .32rem;
        top: .32rem;
    }
    .ab2 .ul .li .ss .h{
        font-size: .5rem;
        margin-top: .4rem;
        transform: translateY(-1.8rem);
    }
    .ab3{
        padding: 1rem .2rem 14.8rem;
    }
    .ab3 .txt{
        position: relative;
        top: unset;
        right: unset;
        width: 100%;
    }
    .ab3 .txt .p{
        margin-top: .32rem;
        max-height: unset;
        overflow: hidden;
         overscroll-behavior:unset;
    }
    .ab3 .pic{
        position: absolute;
        inset: 0;
        
    }
    .ab4{
        padding: 1.8rem 0;
    }
    .ab4 .box{
        flex-direction: column;
    }
    .ab4 .box .swpbtn{
    }
    .ab4 .box .swpbtn .sbtn div{
        width: .6rem;
        height: .6rem;
    }
    .ab4 .box .pic{
        margin-top: .6rem;
    }
    .ab4 .box .swiper .swiper-slide{
        padding: 0;
        padding-top: .02rem;
    }
    .ab4 .box .swiper{
        width: 100%;
        padding: 0 .6rem;
    }
    .ab4 .box .swiper .swiper-slide .line{
        position: relative;
        width: calc(100% - .4rem);
        left: .4rem;
        height: .1rem;
        margin-bottom: .42rem;
        background:url('../img/ab4_linem.png') repeat-x;
    }
    .ab4 .box .swiper::before{
        display: none;
    }
    .ab4 .box .swiper .swiper-slide::before{
        top: 0;
        left: 0;
        height: .14rem;
        z-index: 2;
    }
    .ab4 .box .swiper .swiper-slide::after{
        top: 0;
        right: 0;
        height: .14rem;
        z-index: 2;
    }
    .ab4 .btn{
        padding: 0 .6rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .24rem;
        margin-top: .6rem;
        display: none;
    }
    .ab4 .btn button{
        width: .6rem;
        height: .6rem;
        border-radius: .04rem;
        background: #EEEEEE;
        transition: background 400ms var(--ease);
    }
    .ab4 .btn button img{
        transition: filter 400ms var(--ease);
    }
    .ab4 .btn button:hover{
        background: var(--theme-color);
    }
    .ab4 .btn button:hover img{
        filter: var(--imgwhite);
    }
    .ab5{
        padding: 1.4rem 0;
    }
    .ab6{
        min-height: 14.74rem;
    }
    .ab6 .box .p{
        font-size: .28rem;
    }
    .ab6 .box .m{
        margin-top: .6rem;
    }
    .ab7{
        padding: 1.4rem 0;   
    }
    .ab7 .box{
        margin: 0;
        margin-top: .32rem;
        margin-bottom: 1.4rem;
    }
    .ab7 .add-item .item .round{
        width: .35rem;
        height: .35rem;
    }
    .ab7 .add-item .item .text{
        font-size: .24rem;
    }
    .ab7 .add-item .item.right .text{
        left: calc(100% + 0.1rem);
    }
    .ab7 .add-item .item.left .text{
        right: calc(100% + 0.1rem);
    }
    .ab7 .box .switch{
        position: absolute;
        bottom: unset;
        margin-top: .26rem;
        gap: .16rem;
    }
    .ab7 .box .switch .ss{
        width: 3.24rem;
    }
    .ab7 .ab7-mobile-cards{
        display: none;
        margin-top: .4rem;
        overflow: hidden;
    }
    .ab7 .ab7-mobile-cards.act{
        display: block;
    }
    .ab7 .ab7-mobile-cards.is-empty{
        display: none;
    }
    .ab7 .ab7-mobile-cards .item{
        border-radius: .1rem;
        background: #fff;
        border: 1px solid rgba(51, 51, 51, .1);
        overflow: hidden;
    }
    .ab7 .ab7-mobile-cards .item .pic{
        aspect-ratio: 479 / 271;
    }
    .ab7 .ab7-mobile-cards .item .txt{
        padding: .3rem;
    }
    .ab7 .ab7-mobile-cards .set{
        display: flex;
        align-items: center;
        gap: .2rem;
        padding-bottom: .2rem;
        border-bottom: 1px solid rgba(51, 51, 51, .14);
    }
    .ab7 .ab7-mobile-cards .set .h{
        flex: 1;
        min-width: 0;
        line-height: 1.2;
        color: var(--theme-color);
    }
    .ab7 .ab7-mobile-cards .set .ico{
        flex-shrink: 0;
        width: .6rem;
        height: .6rem;
    }
    .ab7 .ab7-mobile-cards .p{
        margin-top: .2rem;
        font-size: .28rem;
        line-height: 1.4;
    }
    .ab7 .ab7-mobile-cards .desc{
        margin-top: .24rem;
    }
    .ab7 .ab7-mobile-cards .det{
        display: flex;
        align-items: flex-start;
        gap: .12rem;
    }
    .ab7 .ab7-mobile-cards .det + .det{
        margin-top: .16rem;
    }
    .ab7 .ab7-mobile-cards .det .ico{
        flex-shrink: 0;
        width: .32rem;
        aspect-ratio: 1 / 1;
    }
    .ab7 .ab7-mobile-cards .det .tt{
        flex: 1;
        min-width: 0;
        overflow-wrap: anywhere;
    }
    .ab7 .ab7-mobile-cards .swiper-pagination{
        position: static;
        margin-top: .24rem;
        line-height: 1;
        --swiper-pagination-color: var(--theme-color);
        --swiper-pagination-bullet-size: .12rem;
        --swiper-pagination-bullet-horizontal-gap: .08rem;
    }
    .slt3 .box{
        min-height: 11rem;
    }
    .slt3 .box .txt .type{
        display: none;
    }
    .slt3 .box .txt .h{
        margin-top: 0;
        font-size: .6rem;
    }
    .slt3 .box .txt{
        padding: 1.4rem .4rem;
    }
    
    /*关于页面结束*/
    
    
    /*页面Careers开始*/
    .ca1 .box{
        flex-direction: column;
        gap: .8rem;
    }
    .ca1 .pic{
        width: 100%;
        height: 6rem;
    }
    .ca2 .top{
        flex-direction: column;
        gap: .8rem;
    }
    .ca2 .top .p{
        width: 100%;
    }
    .ca2 .ul .li{
        width: 100%;
    }
    .ca2 .ul .li .pic{
        width: 100%;
        height: 4rem;
    }
    .ca3 .top{
        flex-direction: column;
        gap: .8rem;
    }
    .ca3 .ul .li .ss s:nth-child(3){
        display: block;
    }
    .ca3 .ul .li{
        width: 100%;
    }
    .ca4 .ul .li,.ca4 .ul .li:nth-child(2n){
        flex-direction: column;
    }
    .ca4 .ul .li .pic{
        width: 100%;
    }
    .ca4 .ul .li .txt{
        width: 100%;
        padding: .4rem 0 0;
    }
    
    .ca5 .box{
        flex-direction: column;
    }
    .ca5 .box .pic{
        width: 100%;
        aspect-ratio: unset;
        height: auto;
    }
    .ca6 .pic{
        width: 100%;
        height:4rem;
        aspect-ratio: unset;
    }
    .ca6 .ul .li{
        width: 100%;
    }
    
    .ca7 .m{
        flex-direction: column;
        align-items: center;
    }
    
    
    /*页面Careers结束*/
    
    
    /*联系我们开始*/
    .ctt1 .ul .li{
        width: 100%;
    }
    .ctt2 .ul .li{
        width: 100%;
    }
    .ctt2 .ul .li .ss .list .set{
        font-size: .3rem;
    }
    .ctt2 .ul .li .ss .list .det{
        font-size: .26rem;
    }
    .ctt3 .formbox .tit{
        font-size: .28rem;
    }
    
    .ctt3 .formbox{
        padding: .5rem .32rem .8rem;
    }
    
    .ctt3 .formbox .item.w33,.ctt3 .formbox .item.w50{
        width: 100%;
    }
    .ctt3 .formbox .item .det input{
        height: .8rem;
        display: block;
    }
    .ctt3 .formbox .item.mr40{
        margin-right: 0;
    }
    .ctt3 .formbox .item.submit button{
        display: block;
    }
    
    
    /*联系我们结束*/
    
    
    /*工作job页面开始*/
    .jobLayout{
        padding: 1rem 0;
    }
    .joblist .top{
        padding: 1rem .2rem;
    }
    .joblist .top .form{
        width: 100%;
    }
    .joblist .top .form .ico{
        top: 50%;
        transform: translateY(-50%);
        width: .2rem;
    }
    .joblist .top .form input{
        height: .8rem;
    }
    .joblist .top .form .submit{
        height: .74rem;
    }
    .joblist .bot{
        flex-direction: column;
    }
    .joblist .bot .left{
        width: 100%;
    }
    .joblist .bot .left .list .item .ibt .ss .status{
        width: .28rem;
        height: .28rem;
    }
    /*工作job页面结束*/
    
    
    
    /*新闻开始*/
    .newsLayout{
        padding-top: 1rem;
    }
    .title .f-60{
        font-size: .46rem;
    }
    .news-top .box{
        flex-direction: column;
    }
    .news-top .swiper-img{
        width: 100%;
    }
    .news-top .swiper-txt{
        width: 100%;
    }
    .news-top .swiper-txt .swiper-slide{
        padding: .5rem .32rem;
    }
    .news-bot .switch{
        width: 100%;
    }
    .news-list .li{
        width: 100%;
    }
    .news-list .li .ss .txt{
        margin-top: .4rem;
    }
    
    .ndtop .desc .share .ss{
        width: .42rem;
        height: .42rem;
    }
    
    
    /*新闻结束*/
    
    
    /*产品开始*/
    .pd90,.pd90_198{
        padding: 0 .2rem;
    }
    .prodbox{
        flex-direction: column;
    }
    .prod-left{
        width: 100%;
        padding-bottom: 0;
    }
    .prod-left .lox{
        position: relative;
        padding: .8rem .2rem;
    }
    .prodbox .right{
        width: 100%;
        padding: .8rem .2rem;
    }
    .prod-list .li{
        width: 100%;
    }
    .prodbox .right .top .search input{
        display: block;
    }
    .prodbox .right .top .search .btn{
        width: .34rem;
        height: .34rem;
    }
    .prodbox .right .top .search input{
        height: .8rem;
    }
    .prodDet{
        flex-direction: column;
    }
    .prodDet .right{
        width: 100%;
        padding: 1.2rem 0 1rem;
        
    }
    .pdd1{
        flex-direction: column;
    }
    .pdd1 .pic{
        width: 100%;
    }
    .pdd1 .pic .swiper-slide{
        padding: .5rem .32rem .8rem;
    }
    .pdd3 .img{
        width: 100%;
        height: 5rem;
        aspect-ratio: unset;
    }
    .pdd3{
        height: 11rem;
    }
    .pdd3 .img{
        height: 100%;
    }
    .pdd3 .img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: bottom;
    }
    .pdd3 .txt .tbox{
        max-height: unset;
        overflow: hidden;
    }
    .pdd3 .txt{
        top: 1.2rem;
        width: calc(100% - .4rem);
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }
    .pdd4 .top .btn{
        gap: .32rem;
        flex-shrink: 0;
    }
    .pdd4 .top .btn button{
        width: .6rem;
        height: .6rem;
    }
    .pdd4 .bot .swiper .swiper-slide{
        width: 7rem;
    }
    .pdd5{
        padding: 1.4rem .4rem;
    }
    .pdd5 .pic{
        width: calc(100% - .4rem);
        left: 50%;
        transform: translateX(-50%);
        border-radius: .08rem;
        overflow: hidden;
    }
    .pdd5 .txt .p{
        font-size: .6rem;
        line-height: 1.2;
    }
    .pdd5{
        height: 10.65rem;
    }
    /*产品硬件详情*/
    .prodDet2{
        flex-direction: column;
        padding-top: 1rem;
    }
    .prodDet2 .prod-left .item .itp .arr{
        width: .28rem;
        height: .28rem;
        flex-shrink: 0;
    }
    .prodDet2 .right{
        width: 100%;
        min-width: 0;
        padding: .8rem .2rem 1rem;
    }
    .prodDet2 .right .bg{
        top: auto;
        bottom: 0;
        height: 8rem;
        pointer-events: none;
    }
    .prodDet2 .right .box{
        flex-direction: column;
        gap: .6rem;
    }
    .prodDet2 .right .box .text{
        flex: none;
        width: 100%;
        min-width: 0;
        overflow-wrap: anywhere;
    }
    .prodDet2 .right .box .text .h{
        font-size: .44rem;
        line-height: 1.3;
    }
    .prodDet2 .right .box .text .p{
        margin-top: .24rem;
    }
    .prodDet2 .right .box .text .item{
        margin-top: .32rem;
        padding-top: .32rem;
    }
    .prodDet2 .right .box .text .item .det{
        margin-top: .2rem;
    }
    .prodDet2 .right .box .text .item .det p:not(:first-child){
        margin-top: .16rem;
    }
    .prodDet2 .right .box .pic{
        width: 100%;
        min-width: 0;
    }
    .prodDet2 .right .box .pic .swiper-slide{
        padding: .5rem .32rem .8rem;
        aspect-ratio: 1 / 1;
    }
    .prodDet2 .right .box .pic .pogin{
        bottom: .3rem;
        gap: .16rem;
    }
    .prodDet2 .right .box .pic .pogin span{
        width: .12rem;
        height: .08rem;
    }
    .prodDet2 .right .box .pic .pogin span.swiper-pagination-bullet-active{
        width: .6rem;
    }
    .prodDet2 .right .box .pic .m{
        margin-top: .4rem;
    }
    .prodDet2 .webbtn.backlist .webbtn_arr img{
        width: .28rem;
        height: .28rem;
    }
    /*产品结束*/
    
    
    /*为什么页面开始*/
    .why1 .box{
        flex-direction: column;
    }
    .why1 .box .pic{
        width: 100%;
    }
    .why1 .box .ul .li .lbt .p{
        max-height: unset;
        overflow-y: hidden;
    }
    .why2 .ul .li{
        width: 100%;
        /*width: calc((100% - .53rem)  / 2) ;*/
    }
    .why2 .ul .li .set{
        font-size: .24rem;
    }
    .why3 .flex{
        gap: .4rem;
        flex-direction: column;
    }
    .why3 .flex .h{
        width: 100%;
    }
    .why3 .flex .p{
        width: 100%;
    }
    .why3 .swiper .swiper-slide{
        width: 5.2rem;
    }
    .why3 .swiper .ss .txt{
        padding: 2.6rem 0 2.4rem;
    }
    .why4{
        overflow: visible;
        padding: 1.2rem 0 0;
    }
    .why4 .bg{
        height: 12.6rem;
    }
    .why4 .bg img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .why4 .con .pic .zs{
        width: 2rem;
    }
    .why4 .con{
        position: relative;
        padding: .5rem .32rem 1.4rem;
        margin-top: 4.5rem;
    }
    .why4 .btn button{
        width: .6rem;
        height: .6rem;
        top: 0;
        left: unset !important;
        right: unset !important;
        position: relative;
    }
    
    .why4 .btn {
        position: absolute;
        bottom: .4rem;
        left: 0;
        padding: 0 .2rem;
        width: 100%;
        display: flex;
        align-items: center;
        gap: .32rem;
        justify-content: center;
        
    }
    
    .why5 .flex{
        gap: .4rem;
        flex-direction: column;
    }
    .why5 .flex .p{
        width: 100%;
    }
    .why5 .btn{
        gap: .32rem;
    }
    .why5 .btn button{
        width: .6rem;
        height: .6rem;
    }
    .why6 .uese .ul .li .type{
        font-size: .2rem;
    }
    .why6 .top .h{
        top: .32rem;
        left: .32rem;
        font-size: .42rem;
    }
    .why6 .uese .ul .li{
        padding-top: .7rem;
    }
    .why6 .uese .ul .li .pic{
        /*width: 100%;*/
        height: .7rem;
    }
    .why7{
        background: #f7f7f7;
    }
    .why7 .bgline{
        display: none;
    }
    .why7 .box{
        flex-direction: column;
        gap: 1rem;
    }
    .why7 .box .left{
        width: 100%;
    }
    .why7 .box .left .lox video{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: unset;
        transform: scale(1.8);
    }
    .why7 .box .left .lox{
        position: relative;
        width: 100%;
        top: 0;
        border-radius: 50%;
    }
    .why7 .box .right{
        width: 100%;
        padding: 0;
    }
    /*为什么页面结束*/
    
    /*sustainability页面开始*/
    .stb1 .ul{
        margin-top: 1.4rem;
        flex-wrap: wrap;
    }
    .stb1 .ul .li{
        width: 100%;
    }
    .stb2 .ul .li{
        width: 100%;
    }
    .stb3 .ul .li{
        flex-direction: column;
        gap: .4rem;
    }
    .stb3 .ul .li .pic{
        width: 100%;
    }
    .stb3 .ul .li .txt{
        width: 100%;
        padding: 0;
    }
    .stb3 .ul .li:nth-child(2n){
        flex-direction: column;
    }
    .stb4 .top{
        flex-direction: column;
        gap: .8rem;
    }
    .stb4 .top .ul{
        width: 100%;
    }
    .stb4 .pic{
        aspect-ratio: unset;
        width: 100%;
        height: 4rem;
    }
    .stb4{
        padding: 1.8rem 0 1rem;
    }
    
    /*sustainability页面结束*/
    
    
    /*解决方案页面开始*/
    .slt1{
        flex-direction: column;
    }
    .slt1 .left{
        width: 100%;
    }
    .slt1 .left .lox{
        position: relative;
        padding: 1.4rem .2rem .8rem;
    }
    .slt1 .right{
        padding: 0 0 1.4rem;
    }
    .slt1 .item{
        gap: .42rem;
        padding: .5rem .4rem .8rem .2rem;
    }
    .slt1 .item .ico{
        width: .92rem;
    }
    .slt2{
        padding: 1.4rem 0;
    }
    .slt2 .box{
        flex-direction: column;
    }
    .slt2 .box .linebox{
        display: none;
    }
    .slt2 .box .imglist{
        display: none;
    }
    
    .slt2 .box .txtlist .item .pic{
        height: 4.8rem;
        width: 100%;
        border-radius: .08rem;
        overflow: hidden;
        margin-bottom: .32rem;
    }
    .slt2 .box .txtlist .item:not(:first-child){
        margin-top: 0;
    }
    /*解决方案页面结束*/
    
    .indexLayout{
        overflow: hidden;
        padding-top: 1rem;
    }
    .in3 .box .list .ul .li .ss{transform: none !important;}
}