@media screen and (max-width: 997px) {
    .w1640{
        padding: 0 .45rem;
    }
    .w1560 {
        padding: 0 .45rem;
    }
    .crumbs{
        display: none;
        /*padding: .5rem 0;*/
    }
    .inner_banner .txtbox{
        top: 50%;
        transform: translateY(-50%);
    }
    .header{display: none;}
    /*.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;top: 0;left: 0;width: 100%;background-color: transparent;padding:.25rem .45rem;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 .img1{display: block;}
    .m_header .img2{display: none;}
    .m_header.on .img1{display: none;}
    .m_header.on .img2{display: block;}
    .m_header .logo{width: 120px;}
    .m_header .logo img{width: 100%;}
    .m_header .right{display: flex;align-items: center;gap:.25rem;}
    .m_header .right .r_item{height: .35rem;width: .35rem;}
    .m_header .right .r_item img{height: 100%;width: 100%;object-fit: contain;}
    .m_header .right .tel{font-size: 16px;font-weight: 600;margin-right: 12px;padding-left:26px;line-height:26px;background:url(../images/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;margin-right: 18px;}
    .m_header .right .ser img{width: 100%;}
    .m_header .btn{display: block;}
    .m_header .btn{margin-right: 0;cursor: pointer;}
    .m_header .btn.hide{opacity: 0;}
    .m_header .btn div{display: block;width: 22px;height: 1px;background-color: #333;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}
    
    .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 15px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
    .mh_nav.show{transform: translateX(0);}
    .mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
    .mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 40px;}
    .mh_nav .nav>li>a{line-height: 60px;font-size: 16px;display: block;font-family:hm;width: fit-content;}
    .mh_nav .nav>li:after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../images/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
    .mh_nav .nav>li.on:after{transform: rotate(0deg);}
    .mh_nav .nav>li:nth-child(1):after{display: none;}
    .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;}
    
    .footer{
        padding: .4rem 0 .6rem;
        
    }
    .footer .ftp:nth-child(1){
        border-bottom: 1px solid #EEE;
    }
    .footer .ftp a{
        width: 2.5rem;
        padding-bottom:.4rem ;
    }
    .footer .fbt{
        gap:.12rem;
        margin-top: .4rem;
        flex-direction: column;
    }
    .footer .fbt .lf{
        text-align: center;
    }
    .so_nav{
        display: none;
    }
    .form_box{
        
    }
    .form_box .form_info{
        width: 90%;
        padding: .45rem .2rem;
    }
    .form_box .form_info .form_row{
        flex-wrap: wrap;
        gap:.12rem;
    }
    .form_box .form_info .form_row .form_item.w50{
        width: 100%;
    }
}
@media screen and (max-width: 997px) {
    /*首页start*/
    .indexLayout .banner .txtbox{
        top: 50%;
        transform: translateY(-50%);
    }
    .indexLayout .guodu{
        display: none;
    }
    .indexLayout .ind1 .bg::before{
        display: none;
        background:linear-gradient(180deg, #ffffff3b 4.5%, rgba(255, 255, 255, 0) 60.42%);
    }
    .indexLayout .ind1 .cont .desc{
        width: 100%;
    }
    .indexLayout .ind1 .cont .desc > .tit{
        color: #fff;
    }
    .indexLayout .ind1 .cont{
        padding: 0rem .45rem 2rem;
        flex-direction: column-reverse;
    }
    .indexLayout .ind1 .cont .paopao_list{
        width: 120%;
        transform: translateX(-.9rem) translateY(0rem);
    }
    
    .indexLayout .ind2 .titbox{
        margin-bottom: .5rem;
    }
    .indexLayout .ind1 .cont .desc .txt_box .item .item_txt{
        color: #fff;
    }
    
    .indexLayout .ind2 .swiper_box{
        padding: 0 .11rem;
        display: flex;
        flex-direction: column-reverse;
    }
    .indexLayout .ind2 .swiper_box .swiper{
        width: 100%;
    }
    .indexLayout .ind2 .swiper_box .tab_box{
        overflow-x: auto;
        margin-top: 0;
        margin-bottom: .5rem;
        width: 100%;
        /*align-items: flex-start;*/
        justify-content: flex-start;
    }
    .indexLayout .ind2 .swiper_box .tab_box .item{
        white-space: nowrap;
    }
    .indexLayout .ind3 .bg img{
        object-fit: cover;
    }
    .indexLayout .ind3 .cont .desc{
        width: 100%;
    }
    .indexLayout .ind4 .top{
        display: none;
    }
    .indexLayout .ind4 .bg{
        opacity: 1;
        /*height: 4rem;*/
    }
    .indexLayout .ind4 .titbox{
        display: none;
    }
    .indexLayout .ind4 .cont{
        /*position: relative;*/
        right: 0;
        top: 0;
        width: 100%;
        padding: 0 .9rem;
        /*display: none;*/
    }
    .indexLayout .ind4 .cont .swiper_box_inner .swiper_ind4_pic_inner .swiper-slide .pic{
        height: 100%;
    }
    .indexLayout .ind4 .cont .swiper_box .desc{
        margin-top: .15rem;
    }
    /*.indexLayout .ind4 .bg canvas{*/
    /*    width: 100vw !important;*/
    /*    height: 4rem !important;*/
    /*}*/
    .indexLayout .ind5 .cont > .li_box{
        flex-direction: column;
    }
    .indexLayout .ind5 .cont > .li_box > .item{
        width: 100%;
    }
    .indexLayout .ind6{
        height: 6.15rem;
    }
    .indexLayout .ind6 .cont{
        padding: 0;
        padding-top: .8rem;
    }
    /*首页end*/
    
    /*关于我们start*/
    .aboutLayout .ab1 .li_box{
        /*flex-direction: column;*/
        flex-wrap: wrap;
        gap: .6rem;
    }
    .aboutLayout .ab1 .li_box .li .num .counter-num{
        font-size: .8rem;
    }
    .aboutLayout .ab1 .li_box .li{
        width: calc((100% - .6rem ) / 2);
    }
    .aboutLayout .ab2 .li_box{
        overflow-x: auto;
        /*margin: 0 -.45rem;*/
        padding-right:.45rem ;
    }
    .aboutLayout .ab2 .li_box .li.active{
        width: 100%;
    }
    .aboutLayout .ab2 .li_box .li .cont .desc{
        opacity: 1;
        visibility: visible;
    }
    .aboutLayout .ab2 .li_box .li .cont > .tit{
        opacity: 0;
        visibility: hidden;
    }
    .aboutLayout .ab2 .li_box .li{
        width: 100%;
        flex: none;
        /*padding: 0 .45rem;*/
    }
    .aboutLayout .ab3 .swiper_box{
        gap: 0;
    }
    .aboutLayout .ab3 .swiper_box .top{
        width: 100%;
        flex-direction: column;
    }
    .aboutLayout .ab3 .swiper_box .top .pic{
        width: 100%;
        height: auto;
    }
    .aboutLayout .ab3 .swiper_box .top .cont{
        width: 100%;
        padding: .45rem 0;
    }
    .aboutLayout .ab4 .swiper_box{
        margin:0 -.45rem;
    }
    .aboutLayout .ab4 .swiper_box .swiper_ab4_boss .swiper-slide.swiper-slide-active .slide_box .cont{
      clip-path: circle(100% at 50% 50%);
    }
    .aboutLayout .ab4 .swiper_box .swiper_ab4_boss .swiper-slide.swiper-slide-active .slide_box .cont .info{
      opacity: 1;
      visibility: visible;
    }
    .aboutLayout .ab4 .swiper_box .swiper_ab4_boss .swiper-slide.swiper-slide-active .slide_box .cont + .dot{
      opacity: 0;
      visibility: hidden;
    }
    .aboutLayout .ab4 .swiper_box .swiper_ab4_boss .swiper-slide.swiper-slide-active .slide_box .cont ~ .titname{
      opacity: 0;
      visibility: hidden;
      transform: translateY(100%);
    }
    .aboutLayout .ab5 .titbox .pic_box{
        width: 100%;
    }
    .aboutLayout .ab5 {
        height: 9rem;
    }
    .aboutLayout .ab5 .love_box{
        height: auto;
    }
    /*关于我们end*/
    
    /*星汉AIstart*/
    .xinghanLayout .inner_banner .imgbox{
        height: 100vh;
    }
    .xinghanLayout .guodu{
        display: none;
    }
    .xinghanLayout .xh1 .bg::before{
        display: none;
        background:linear-gradient(180deg, #ffffff3b 4.5%, rgba(255, 255, 255, 0) 60.42%);
    }
    .xinghanLayout .xh1 .cont{
        padding: 0rem .45rem 2.5rem;
        flex-direction: column-reverse;
    }
    .xinghanLayout .xh1 .cont .paopao_list{
        width: 120%;
        transform: translateX(-.9rem) translateY(-1rem);
    }
    .xinghanLayout .xh2{
        padding: .8rem 0;
    }
    .xinghanLayout .xh2 .cont{
        flex-direction: column;
        height: auto;
        gap:.3rem;
    }
    .xinghanLayout .xh2 .cont .lf{
        width: 100%;
    }
    .xinghanLayout .xh2 .cont .rg{
        width: 100%;
    }
    .xinghanLayout .xh2 .cont .rg .desc{
        display: none;
    }
    .xinghanLayout .xh3{
        padding: .6rem 0 .8rem;
    }
    .xinghanLayout .xh3 .li_box{
        flex-direction: column;
        height: auto;
    }
    .xinghanLayout .xh3 .li_box .li.active,.xinghanLayout .xh3 .li_box .li{
        width: 100%;
        height: 100%;
        padding: 0.5rem;
        padding-top: 0rem;
    }
    .xinghanLayout .xh3 .li_box .li .pic{
        width: 4rem;
        height: 4rem;
    }
    .xinghanLayout .xh3 .li_box .li.active .pic{
        width: 4rem;
        height: 4rem;
    }
    .xinghanLayout .xh3 .li_box .li .cont .txt{
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    .xinghanLayout .xh3 .li_box .li .cont .tit{
        margin-bottom:.2rem;
    }
    /*星汉AIend*/
    /*案例&新闻start*/
    .casesLayout{
        padding-bottom: 1.2rem;
    }
    .ca1 .lf{
        width: 100%;
    }
    .ca1 .box{
        flex-wrap: wrap;
    }
    .ca1 .lf .swiper-slide{
        height: 2.9rem;
    }
    .ca1 .rf{
        width: 100%;
    }
    .ca1 .rf .swiper-slide{
        padding: .45rem;
    }
    .ca2 .switch{
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        /*平滑滚动*/
        scroll-behavior: smooth;
    }
    .ca2 .switch a{
        white-space: nowrap;
    }
    .ca2 .ul{
        row-gap: .3rem;
    }
    
    .ca2 .ul .li{
        width: 100%;
        margin: 0;
    }
    .ne1{
        flex-wrap: wrap;
    }
    .ne1 .lf{
        width: 100%;
    }
    .ne1 .rf{
        width: 100%;
    }
    .ne1 .rf .swiper-slide{
        padding: .45rem;
    }
    .ne2 .ul .li .ss .rf{
        flex-direction: column;
        flex: none;
        width: 100%;
    }
    .ne2 .ul .li .ss .rf .txtbox .t1{
        width: auto;
    }
    .ne2 .ul .li .ss .date{
        display: none;
    }
    .ne2 .ul .li .ss .rf .imgbox{
        width: 100%;
    }
    .ne2 .ul .li .ss .rf .txtbox{
        width: 100%;
        margin-left: 0;
        padding: .45rem .1rem;
    }
    .ne2 .ul .li{
        margin-top: 0;
    }
    .ne2 .ul .li .ss .rf::before{
        width: 100%;
        display: none;
    }
    /*案例&新闻end*/
    
    /*联系我们start*/
    .contactLayout .cact1{
        padding: calc(var(--header_height) + 0.4rem) 0 .8rem;
    }
    .contactLayout .cact1 .li_box{
        gap: .15rem;
        max-width: 100%;
    }
    .contactLayout .cact1 .li_box .li{
        flex: none;
        width: calc((100% - .15rem) / 2);
        max-width: 100%;
    }
    .contactLayout .cact1 .li_box .li:nth-of-type(3),.contactLayout .cact1 .li_box .li:nth-of-type(4){
        width: 100%;
    }
    
    .contactLayout .cact2 .li_box .w50{
        width: 100%;
    }
    .contactLayout .cact2 .li_box .li .cont{
        padding: .45rem;
    }
    .contactLayout .cact2{
        padding: .7rem 0 .8rem;
    }
    /*联系我们end*/
    /*生态合作start*/
    .ecpLayout .inner_banner .imgbox{
        height: 70vh;
    }
    .ecpLayout .inner_banner .txtbox{
        top: 50%;
    }
    .ecpLayout .ecp1 .li_box{
        flex-wrap: wrap;
    }
    .ecpLayout .ecp1 .li_box .item{
        flex: none;
        width: 100%;
        max-width: 100%;
        text-align: center;
        min-height: auto;
    }
    .ecpLayout .ecp2 .li_box{
        height: auto;
    }
    .ecpLayout .ecp2 .li_box .item{
        height: auto;
        flex-direction: column;
        padding: .2rem;
        
    }
    .ecpLayout .ecp2 .li_box .item:nth-child(2n){
        flex-direction: column;
    }
    .ecpLayout .ecp2 .li_box .item .pic{
        width: 100%;
    }
    .ecpLayout .ecp2 .li_box .item .cont{
        padding: .15rem;
        padding-top:.5rem ;
        
    }
    
    .ecpLayout .ecp2 .li_box .item:nth-child(2n) .cont{
        padding: .15rem;
        padding-top:.5rem ;
    }
    .ecpLayout .ecp2 .li_box .item .cont .icon{
        margin-bottom: .2rem;
    }
    .ecpLayout .ecp2 .li_box .item .cont .desc{
        gap:.12rem;
    }
    .itemnext{
        position: static;
    }
    .ecpLayout .ecp3 .cont .pic{
        height: 3rem;
        width: 100%;
        /*min-height: 3rem;*/
    }
    .ecpLayout .ecp3 .cont .li_box{
        flex-wrap: wrap;
    }
    .ecpLayout .ecp3 .cont .li_box .item{
        flex: none;
        width: 100%;
    }
    .ecpLayout .ecp4{
        /*padding: .5rem .45rem;*/
    }
    .ecpLayout .ecp4 .swiper_box .swiper_page{
        padding: 0 .45rem;
    }
    .ecpLayout .ecp5{
        padding: .5rem 0;
    }
    .ecpLayout .ecp5 .cont .top{
        padding: 0 .45rem;
        flex-direction: column;
        height: auto;
    }
    .ecpLayout .ecp5 .cont .top .pic{
        width: 100%;
    }
    .ecpLayout .ecp5 .cont .top .desc{
        padding: 0;
        padding-top: .5rem;
    }
    .ecpLayout .ecp5 .cont .top .desc .li_box{
        flex-wrap: wrap;
        column-gap: .15rem;
        row-gap: .3rem;
    }
    .ecpLayout .ecp5 .cont .top .desc .li_box .item{
        flex: none;
        width: fit-content;
        min-width: calc((100% - .15rem * 2 ) / 3);
        align-items: center;
    }
    
    /*生态合作end*/
    
    /*可持续发展start*/
    .de1{
        padding: .8rem 0;
    }
    .de1 .w1640{
        padding: 0 .45rem;
        gap: .45rem;
    }
    .de2{
        padding: .8rem 0;
    }
    .de2 .w1640{
        padding: 0 .45rem;
    }
    .de3{
        padding: .8rem 0;
    }
    .de3_1 .ul{
        flex-direction: column;
        gap:.3rem;
    }
    .de3_1 .ul .li{
        width: 100%;
    }
    /*可持续发展end*/
    
    /*下载start*/
    .do1 .ul{
        row-gap: .3rem;
    }
    .do1 .ul .li{
        width: 100%;
        margin: 0;
    }
    /*下载end*/
    
    /*公司治理文件start*/
    .investorLayout .inv1 .tag_box{
        flex-wrap: wrap;
    }
    .investorLayout .inv1 .li_box .item .desc{
        /*flex-direction: column;*/
    }
    .investorLayout .inv1 .li_box .item .desc .icon{
        flex-shrink: 0;
    }
    /*公司治理文件end*/
    
    /*新闻详情start*/
    .newsDetLayout .crumbs span:nth-last-child(2){
        opacity: 0;
    }
    .newsDetLayout .crumbs a:last-child{
        display: none;
    }
    .nd1{
        margin-bottom: .6rem;
    }
    .nd2{
        flex-direction: column-reverse;
    }
    .nd2 .lf{
        width: 100%;
        margin-top: .5rem;
        /*display: none;*/
    }
    
    .nd2 .rf{
        flex-direction: column;
        width: 100%;
    }
    .nd2 .rf .edit{
        width: 100%;
    }
    .nd2 .rf .rbox{
        width: 100%;
        display: none;
    }
    /*新闻详情end*/
    
    /*全球服务start*/
    .gsvLayout .inner_banner .txtbox .center_right{
        width: 100%;
        right: 0;
        padding: 0 .45rem;
        transform: translateY(-50%);
        top: 50%;
    }
    .gsvLayout .inner_banner .txtbox .bottom_left{
        left: .45rem;
        bottom: 1.5rem;
    }
    .gsvLayout .inner_banner .txtbox{
        transform: translateY(0);
    }
    .gsvLayout .gsv1 .li_box{
        flex-wrap: wrap;
        gap:.3rem;
    }
    .gsvLayout .gsv1 .li_box .item{
        flex: none;
        max-width: 100%;
        width: 100%;
        padding: .45rem;
    }
    .gsvLayout .gsv2{
        padding: .6rem 0 .6rem;
    }
    .gsvLayout .gsv3 .titbox{
        padding: 0 .45rem;
    }
    .gsvLayout .gsv3 .swiper_box .swiper_page{
        padding: 0 .45rem;
        top: 100%;
        transform: translateY(0%);
        justify-content: center;
    }
    /*全球服务end*/
    
    /*解决方案start*/
    .so_sidebar{
        display: none;
    }
    .so1 .ul{
        gap:.3rem;
    }
    .so1 .ul .li{
        width: 100%;
        margin: 0;
    }
    .so2 .lf{
        width: 100%;
    }
    .so2 .rf{
        width: 100%;
        padding: .2rem 0;
    }
    
    .so2 .box{
        gap:.2rem;
    }
    .so2 .rf .txt{
        padding: 0 .2rem 0 .22rem;
    }
    .so2 .rf .rbox{
        padding: 0 .2rem 0 .22rem;
    }
    .so3 .ul .li .lbt .box{
        flex-direction: column;
    }
    .so3 .ul .li .lbt{
        padding: .2rem;
    }
    
    .so3 .ul .li .lbt .box .imgbox{
        width: 100%;
    }
    .so3 .ul .li .lbt .txtbox{
        margin-top: .45rem;
        width: 100%;
    }
    .so4 .ul{
        gap:.3rem;
        padding-top:.5rem ;
    }
    .so4 .ul .li{
        width: 100%;
        margin: 0;
    }
    .so4 .ul .li .ss{
        padding: .4rem .4rem .6rem;
    }
    .so4 .ul .li .ss .imgbox{
        width: 3.5rem;
        height: 3.5rem;
    }
    .so5 .btnbox{
        gap: .3rem;
    }
    .prod_dialog .box{
        width: 90%;
        max-width: 90%;
    }
    .prod_dialog .list {
        padding: .45rem;
    }
    .prod_dialog .list .item .itp{
        flex-direction: column;
    }
    .prod_dialog .list .item .itp .imgbox{
        position: relative;
        width: 100%;
    }
    .prod_dialog .list .item .itp .txtbox{
        width: 100%;
    }
    .prod_dialog .list .item .ibt{
        gap: .1rem;
    }
    .prod_dialog .list .item .ibt .it{
        margin: 0;
        width: calc((100% - .1rem) / 2);
    }
    /*解决方案end*/
    
    
    .join1{margin-top: 0;}

    .join1 .imgbox{margin-top: 0.5rem;}

    .join1 .ul{margin-top: 0.5rem;}

    .join1 .ul .li{width: 100%;margin: 0.3rem 0 0;}

    .join1 .ul .li:nth-child(-n + 4){margin-top: 0.3rem;}

    .join1 .ul .li:first-child{margin-top: 0;}

    .join1 .ul .li .ss{padding: 0.4rem 0.3rem;}

    .join2{margin-top: 1rem;}

    .join2 .ul{position: relative;bottom: 0;margin-top: 1rem;flex-wrap: wrap;background: none;width: 100%;left: 0;}

    .join2 .ul .li{width: 100%;}

    .join2 .ul .li:not(:first-child)::before{left: 0;top: 0;width: 100%;height: 1px;transform: none;}

    .join2 .ul .li:hover .lbt{display: none;}

    .join2 .ul .li:hover + .li::before{display: block;}

    .join2 .w1640{padding-top: 1rem;padding-bottom: 1rem;}

    .join3 .top{flex-direction: column-reverse;}

    .join3 .top .imgbox{width: 100%;margin-top: 0.5rem;}

    .join3 .top .txtbox{width: 100%;padding: 0;}

    .join3 .ul .li{width: 100%;margin-right: 0;margin-top: 0.4rem;}

    .join3 .ul .li:nth-child(-n + 3){margin-top: 0.4rem;}

    .join3 .ul .li:first-child{margin-top: 0;}
}