@media screen and (max-width:1024px) {
     html {
         font-size: calc(100vw/7.5) !important;
     }
     main,article{
        width: 100%;
        overflow-x:hidden;
    }






     /* 首页开始 */

     .ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc {
         align-items: flex-start;
         padding-top: 2.3rem;
     }

     .ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc .tit {
         text-align: left;
         order: 0;
         margin-bottom: .14rem;
     }
     .ind_page .ind2 .bg .dianbox .box .txt span{
        font-size: .16rem;
     }

     .ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc .tit2 {
         text-align: left;
         order: 1;
         margin-bottom: 0;
     }

     .ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc .ibtn-group {
         order: 2;
         margin-top: .6rem;
     }

     .ind_page .ind1 {
         padding: 1.75rem 0 .9rem;
     }

     .ind_page .ind1 .wrap .list {
         flex-direction: column;
         padding: 0;
         gap: .7rem;
         margin-bottom: 1.45rem;
     }

     .ind_page .ind1 .wrap .list .item {
         width: 100%;
         align-items: flex-start;
         padding-top: .35rem;
         border-top: 1px solid #DBDBDB;
     }

     .ind_page .ind1 .wrap .list .item:last-child {
         border-bottom: none;
     }

     .ind_page .ind1 .wrap .list .item .num {
         margin-bottom: .16rem;
     }

     .ind_page .ind1 .wrap .list .item .tit {
         font-size: .28rem;
         font-weight: 500;
         line-height: 1.28;
         color: #666;
         font-family: var(--fw500);
     }

     .ind_page .ind1 .wrap .list2 {
         margin-bottom: .7rem;
         height: 9rem;
     }

     .ind_page .ind1 .wrap .page_box {
         position: absolute;
         bottom: .4rem;
         z-index: 2;
         justify-content: center;
         width: 100%;
     }

     .ind_page .ind2 .bg {
         height: 4.22rem;
     }

     .ind_page .ind3 .wrap .list {
         overflow: auto;
     }

     .ind_page .ind3 .wrap .list .item,
     .ind_page .ind3 .wrap .list .item.active {
         width: 5.7rem;
     }

     .ind_page .ind3 .wrap .list .item .cont .info {
         width: 100%;
         opacity: 1;
         min-width: auto;
         position: relative;
         margin-top: 0;
         justify-content: flex-end;
         height: 100%;
         visibility: visible;
         transform: translateY(0);
     }

     .ind_page .ind3 .wrap .list .item .cont>.tit {
         opacity: 0;
         visibility: hidden;
     }

     .ind_page .ind3 .wrap .list .item .cont .info .desc {
         align-self: flex-end;
     }

     .ind_page .ind3 .wrap .list .item .cont .info .desc .tit {
         margin-bottom: .2rem;
     }

     .ind_page .ind3 .wrap .list .item .cont .info .desc .txt {
         line-height: 1.42;
         opacity: .7;
     }

     .ind_page .ind3 .wrap .list .item .cont .info .ibtn {
         position: absolute;
         top: 0;
         right: 0;
     }

     .ind_page .ind4 .wrap .top {
         flex-direction: column;
     }

     .ind_page .ind4 .wrap .top .desc {
         width: 100%;
     }

     .ind_page .ind4 .wrap .top .desc .type_list {
         width: 100%;
         overflow: auto;
     }

     .ind_page .ind4 .wrap .top .list {
         flex-direction: column;
         height: auto;
         width: 100%;
         gap: .3rem;
     }

     .ind_page .ind4 .wrap .top .list .item {
         width: 100%;
         max-width: none;
         min-width: auto;
         padding: .4rem;
     }

     .ind_page .ind4 .wrap .top .list .item .num .value,
     .ind_page .ind4 .wrap .top .list .item .num .unit {
         font-size: .5rem;
         color: var(--vicolor);
     }

     .ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide .cont .desc {
         padding: 0.25rem 0.4rem;

     }

     .ind_page .ind4 .wrap .center {
         padding-left: .4rem;
     }

     .ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide,
     .ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide:hover {
         width: 5.7rem;
         height: 6.1rem;
     }

     .ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide .cont .desc .tit {
         font-size: .22rem;
         -webkit-line-clamp: 10;
         -moz-line-clamp: 10;
         line-clamp: 10;
     }

     .ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide .cont .desc .ibtn2 {
         opacity: 1;
         visibility: visible;
         max-height: 2rem;
         margin-top: .2rem;
     }

     .ibtn2:hover .btn_arrow svg path {
         fill: #333;
     }

     .ind_page .ind4 .wrap .top .desc .tit {
         font-size: .5rem;
     }

     .ind_page .ind4 .wrap .center .list .ibtn-group {
         display: none;
     }

     .ind_page .ind4 .wrap .center .list .swiper_ind4 .page_box {
         padding-right: 0;
         margin-top: .7rem;
         justify-content: center;
     }

     .ind_page .ind5 .top {
         flex-direction: column;
     }

     .ind_page .ind5 .top .tit-box {
         align-items: center;
     }

     .ind_page .ind5 .top .ibtn-group {
         display: none;
     }

     .ind_page .ind5 .cont .top_news {
         height: auto;
     }

     .ind_page .ind5 .cont .top_news .swiper_ind5 .swiper-slide {
         flex-direction: column;
     }

     .ind_page .ind5 .cont .top_news .swiper_ind5 .swiper-slide .pic {
         width: 100%;
         height: 3.3rem;
     }

     .ind_page .ind5 .cont .top_news .swiper_ind5 .swiper-slide .desc {
         width: 100%;
         padding: 0;
         margin-top: .45rem;
     }

     .ind_page .ind5 .cont .list {
         flex-direction: column;
     }

     .ind_page .ind5 .cont .list .item {
         width: 100%;
     }

     .ind_page .ind5 .cont .list .item .pic {
         height: 3.77rem;
     }

     .ind_page .ind6 .bg_box .bg2 {
         top: 1.25rem;
         width: 5.3rem;
     }

     .ind_page .ind6 .bg_box .bg3 {
         bottom: 4rem;
     }

     .ind_page .ind6 .cont {
         padding: .4rem;
     }

     .ind_page .ind6 .cont .desc {
         margin-bottom: 0;
     }
     

     .footer .wrap .f_top {
         padding: .4rem 0 .75rem;
     }

     .footer .wrap .f_top .nav {
         flex-direction: column;
     }

     .footer .wrap .f_top .nav .item {
         padding: .5rem 0;
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
         max-width: 100%;
         position: relative;
     }
     .footer .wrap .f_top .nav .item .arrow{
        /* position: absolute;
        right: 0;
        top: calc(50% + .05rem);
        transform: translateY(-50%) rotate(180deg); */
        transform: rotate(180deg);
        width: .24rem;
     }
     .footer .wrap .f_top .nav .item.on .arrow{
        transform: rotate(0deg);
     }
     .footer .wrap .f_top .nav .item > .tit{
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 0;
        justify-content: space-between;
     }
     .footer .wrap .f_top .nav .item .item_l a{
        display: block;
        padding: .1rem 0;
     }

     .footer .wrap .f_top .nav .item .item_l {
         display: none;
         margin-top: .3rem;
     }

     .footer .wrap .f_center {
         flex-direction: column-reverse;
         gap: .8rem;
     }

     .footer .wrap .f_center .media_list .item {
         width: .47rem;
         height: .47rem;
     }

     .footer .wrap .f_center .group_box {
         width: fit-content;
     }

     .footer .wrap .f_center .media_list .item .qrcode {
         z-index: 9;
         left: 0;
         transform: translateX(0);
     }

     .footer .wrap .f_center .media_list {
         gap: .5rem;
     }

     .footer .wrap .f_bottom {
         padding: .38rem 0;
     }

     .footer .wrap .f_bottom .cont {
         flex-direction: column;
         gap: .2rem;
     }

     .footer .wrap .f_bottom .cont .copyright {
         text-align: center;
     }

     /* 首页结束 */


     /* 产品开始 */
     .pl_con {
         padding: 1.4rem .4rem;
     }
     .pl_con .pl1 .con{
        margin-top: .4rem;
     }
     .pl_con .pl1 .con .left {
         width: 100%;
         z-index: 11;
         top: 1.1rem;
         background: #fff;
         margin-bottom: .6rem;
         border-bottom: 1px solid #E6E6E6;
         transition: all .4s ;
         /* display: none; */
     }
     .pl_con .pl1 .con .left.on{
        border-bottom: 1px solid transparent;
     }
     .pl_con .pl1 .con .left .out_plan{
        position: relative;
     }
     .pl_con .pl1 .con .left .out_plan .list{
        display: none;
        
     }
     .pl_con .pl1 .con .left .out_plan .top{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .35rem 0;
     }
     .pl_con .pl1 .con .left .out_plan .top .arrow{
        height: .14rem;
     }

     .pl_con .pl1 .con .right {
         width: 100%;
     }

     .pl_con .pl1 .con .right .r_top {
         height: auto;
     }

     .pl_con .pl1 .con .right .r_top .swiper-slide {
         flex-direction: column;
         padding: .4rem;
     }

     .pl_con .pl1 .con .right .r_top .swiper-slide .pic {
         width: 100%;
         margin-bottom: .7rem;
     }

     .pl_con .pl1 .con .right .r_top .swiper-slide .pic img {
         transform: none;
     }

     .pl_con .pl1 .con .right .r_top .swiper-slide .txt {
         width: 100%;
         padding-top: .7rem;
     }

     .pl_con .pl1 .con .right .r_top .swiper-slide .txt .h {
         margin-bottom: .5rem;
     }

     .pl_con .pl1 .con .right .r_top .swiper-pagination {
         left: 50%;
         bottom: auto;
         top: 4rem;
     }

     .pl_con .pl1 .con .right .list {
         /* margin-top: .5rem; */
         column-gap: .3rem;
         row-gap: .5rem;
     }

     .pl_con .pl1 .con .right .list .item {
         width: calc((100% - 0.3rem) / 2);
         padding: 0;
         height: auto;
         background: transparent;
     }

     .pl_con .pl1 .con .right .list .item .pic {
         height: 2.8rem;
         border-radius: .12rem;
         background: #F8F8F8;
     }

     .pl_con .pl1 .con .right .list .item .txt .h,
     .pl_con .pl1 .con .right .list .item:hover .txt .h {
         margin: .3rem 0;
         text-align: left;

     }

     .pl_con .pl1 .con .right .list .item .txt .btns {
         opacity: 1;
     }

     .pl_con .pl1 .con .right .list .item .txt .btns .btn:nth-child(1) {
         background: var(--vicolor);
         color: #fff;
     }

     .pl_con .pl1 .con .right .list .item .txt .btns a {
         line-height: .4rem;
         font-size: .16rem;
         width: 1.5rem;
     }


     .pd_banner {
         height: 9.8rem;
     }

     .pd_banner .breadcrumb {
         left: .4rem;
     }

     .pd_banner.pd_banner4 {
         height: auto;
     }

     .pd_banner .pic {
         position: absolute;
         inset: 0;
         filter: brightness(0.9);
     }

     .pd_banner4 .cont .lf .tbox .desc .txt {
         max-height: none;
     }

     .pd_banner4 .cont {
         position: relative;
         padding: 2.3rem .4rem .5rem;
         flex-direction: column;
     }

     .pd_banner .productimg {
         inset: auto;
         bottom: .5rem;
         transform: scale(1.2);
     }

     .pd_banner4 .cont .lf {
         width: 100%;
     }

     .pd_banner4 .cont .rg {
         width: 100%;
         height: auto;
     }

     .pd_banner4 .cont .lf .tbox .desc .bigtit {
         margin-bottom: .2rem;
     }

     .pd_banner4 .cont .rg .pic_box {
         margin-top: -.5rem;
     }

     .pd_a1 {
         padding: 1.4rem .4rem;
     }

     .pd_banner .tit.tit_tab {
         top: 2.5rem;
     }

     .pd_a1 .product_tab {
         top: -5.5rem;
         transform: scale(1.2);
     }

     .pd_a1 .list.active,
     .pd_a1 .list2.active {
         flex-direction: column;
     }

     .pd_a1 .list2 .swiper_pda1_list2 .swiper-slide {
         /* width: 100% !important; */
     }

     .pdd1 .product,
     .pdd1.on .product {
         top: -6rem;
         height: auto;
         transform: scale(2);
     }

     .pdd1 {
         padding: 1.4rem .4rem;
     }

     .pdd1 .list {}

     .pdd1 .list .item {
         width: 100%;
     }




     .pd2 {
         padding: 1.4rem .4rem;
     }

     .pd2 .btns {
         gap: .2rem;
     }

     .pd2 .list .table_head {
         overflow: auto;
         top: 1.8rem;
     }

     .pd2 .list .table_head::-webkit-scrollbar {
         height: 2px;
     }

     .pd2 .list .item .ps table td {
         font-size: .18rem;
         padding: .15rem .15rem;
         height: fit-content !important;
     }

     .pd2 .tit,
     .pd_a1>.tit {
         font-size: .5rem;
         text-align: left;
         margin: 0;
         margin-bottom: .6rem;
     }

     .pd2 .list .item .ps {
         overflow-x: auto;
     }

     .pd2 .list .item .ps::-webkit-scrollbar {
         height: 2px;
     }

     .pd2 .list .item .h .add {
         right: .1rem;
     }





     .pd3 {
         padding: 1.6rem .4rem 0;
     }

     .pd3 .txt .h {
         margin-bottom: .6rem;
     }


     /* 产品结束 */


     /* 解决方案开始 */
     .sol_page .sol1 {
         padding: 1rem 0 1.4rem;
     }

     .sol_page .sol1 .wrap .type_list {
         flex-wrap: wrap;
         justify-content: flex-start;
     }

     .sol_page .sol1 .wrap .cont_list .cont_item .list .item {
         flex-direction: column-reverse;
         height: auto;
     }

     .sol_page .sol1 .wrap .cont_list .cont_item .list .item .pic {
         width: 100%;
         height: 4.1rem;
         border-radius: .18rem .18rem 0 0;
     }

     .sol_page .sol1 .wrap .cont_list .cont_item .list .item .desc {
         padding: .5rem .4rem;
     }

     .su1 .breadcrumb {
         left: .4rem;
     }

     .su1 {
         height: auto;
     }

     .su1 .con {
         position: relative;
         height: auto;
         padding: 3rem .15rem 1.3rem;
     }

     .su1 .con .pic {
         height: 9.8rem;
     }

     .su1 .con .txt .h {
         margin-bottom: 4rem;
     }

     .su1 .con .txt {
         position: relative;
         width: 100%;
         height: auto;
         opacity: 1;
         top: 0;
     }

     .su1 .con .txt .p {
         opacity: 1;
         transform: translateY(0);
         border-radius: .13rem;
         background: #FFF;
         padding: .4rem;
         width: 100%;
     }

     .su2 {
         padding: 1.35rem .4rem 1.35rem;
     }

     .su3 {
         padding: 1.35rem .4rem .75rem;
     }

     .su3 .list {
         flex-direction: column;
     }

     .su3 .list .item {
         width: 100%;
     }

     .su4 {
         padding: .75rem .4rem .75rem;
     }

     .su4 .list {
         flex-wrap: wrap;

     }

     .su4 .list .item {
         width: 100%;
         height: auto;
         /* width: calc((100% - 0.3rem) / 2); */
     }

     .su4 .list .item .pic {
         margin-bottom: .3rem;
     }

     .su5 {
         padding: .75rem .4rem .75rem;
     }

     .su5 .list .swiper-slide {
         height: 6.1rem;
     }

     .su5 .list .swiper-slide .txt .h {
         height: 3em;
         -webkit-line-clamp: 2;
         margin-bottom: .17rem;
     }

     .su5 .list .btns>div {
         width: .6rem;
         height: .6rem;
     }

     .su6 {
         padding: 1.2rem .4rem 0;
         height: 10.8rem;
     }

     .su6 .h {
         margin-bottom: .6rem;
     }


     /* 关于我们开始 */
     .cat_banner {
         height: 10.5rem;
         padding: 1.4rem .4rem;
     }

     .ab1 {
         padding: 1.5rem .4rem .75rem;
     }

     .ab1 .bj {
         opacity: 1;
         transform: scale(1);
         top: 6rem;
         bottom: auto;
     }

     .ab1 .top .p {
         width: 100%;
     }

     .ab1 .top {
         margin-bottom: 1.2rem;
     }

     .ab1 .list {
         padding: 0;
         row-gap: .35rem;
     }

     .ab1 .list .item {
         width: 100%;
         padding-bottom: .8rem;
         border-bottom: 1px solid #DBDBDB;
     }

     .ab1 .list .item:last-child {
         border-bottom: none;
     }

     .ab2 {
         padding: 0 .4rem 1.2rem;
     }

     .ab2 .bj {
         top: 1.5rem;
         overflow: visible;
     }

     .ab2 .bj img,
     .ab2.show .bj img {
         opacity: 1;
         width: 100%;
         transform: translateX(0) scale(1.5);
     }

     .ab3 {
         padding: 3.6rem 0 1.7rem 0;
     }

     .ab3 .top {
         width: 100%;
         padding: 0 .4rem;
         margin-bottom: 1.1rem;
     }

     .ab2 .video {
         height: 3.3rem;
     }

     .ab3 .list {
         padding: 0 .4rem;
     }

     .ab3 .list .item {
         width: 100%;
         padding-bottom: .8rem;
         border-bottom: 1px solid #DBDBDB;

     }

     .ab3 .list .item:last-child {
         border-bottom: none;
     }

     .ab3 .picbox {
         padding-bottom: .4rem;
     }

     .ab3 .picbox::before {
         display: none;
     }

     .ab3 .picbox::after {
         display: none;
     }

     .ab3 .picbox .prev {
         width: .6rem;
         height: .6rem;
         top: auto;
         transform: translateY(0) translateX(-50%);
         bottom: 0rem;
         left: calc(50% - 0.4rem);
     }

     .ab3 .picbox .next {
         width: .6rem;
         height: .6rem;
         top: auto;
         transform: translateY(0) translateX(50%);
         bottom: 0rem;
         right: calc(50% - 0.4rem);
     }

     .ab4 {
         padding: 1.4rem .4rem 0;
         height: 11rem;
         background-position: center 30%;
     }

     .ab4 .txt {
         width: 100%;
     }

     /* 关于我们结束 */

     /* 案例开始 */
     .ca_con {
         padding: 1.6rem .4rem;
     }

     .ca_con .ca_top {
         flex-direction: column;
         gap: 1rem;
     }

     .ca_con .ca_top .left .tab {
         flex-wrap: wrap;
     }

     .ca_con .ca_top .left .tit {
         margin-bottom: .6rem;
     }

     .ca_con .ca_top .right {
         flex-wrap: wrap;
     }

     .ca_con .ca_top .right .item {
         width: 100%;
         max-width: 100%;
         padding-bottom: .6rem;
         border-bottom: 1px solid #DBDBDB;
     }

     .ca_con .ca_top .right .item:last-child {
         border-bottom: none;
     }

     .ca_con .list .item {
         width: 100%;
     }

     .cased_page .cased1 .wrap .info .pic {
         height: 4rem;
     }

     /* 案例结束 */

     /* 联系我们开始 */
     .cat_banner .txt {
         position: relative;
         width: 100%;
         left: 0;
     }

     .cat1 {
         padding: 1rem .4rem 0;
         flex-direction: column;
         gap: .4rem;
     }

     .cat1 .item {
         width: 100%;
     }

     .cat2 {
         padding: .4rem .4rem 0;
         flex-wrap: wrap;
     }

     .cat3 {
         padding: 1.4rem .4rem;
     }

     .cat3 .tit {
         text-align: left;
     }

     .cat3 form,
     .footer form {
         padding: .8rem .4rem;
         column-gap: 0;
         row-gap: .25rem;
     }

     .cat3 form .radio,
     .footer form .radio {
         flex-wrap: wrap;
         gap: .2rem;
     }

     .cat3 form .input,
     .footer form .input {
         width: 100%;
     }

     .cat3 form .input input,
     .footer form .input input {
         line-height: .6rem;
     }


     /* 联系我们结束 */

     /* 加入我们开始 */
     .jo_banner .breadcrumb {
         left: .4rem;

     }

     .jo_banner .txt {
         padding: 0 .4rem;
         text-align: left;
     }

     .jo1 {
         padding: 1.4rem .4rem 1.4rem;
         flex-direction: column;
         gap: .6rem;
     }

     .jo1 .txt {
         width: 100%;
     }

     .jo1 .txt .h {
         width: max-content;
     }

     .jo1 .pic {
         width: 100%;
     }

     .jo2 {
         padding: 1.4rem .4rem;
     }

     .jo2 .list {
         flex-direction: column;
         gap: .4rem;
     }

     .jo2 .list .item,
     .jo2 .list .item.on {
         width: 100%;
         height: auto;
         background-color: #ffffff;
     }

     .jo2 .list .item .pic {
         width: 100%;
         height: 4rem;
         position: relative;
     }

     .jo2 .list .item .txt2,
     .jo2 .list .item.on .txt2 {
         position: relative;
         width: 100%;
         left: 0;
         margin-top: -.4rem;
         bottom: 0;
         opacity: 1;
         background-color: rgba(0, 0, 0, 0.5);
     }

     .jo2 .list .item .txt1 {
         opacity: 0;
     }

     .jo3 {
         padding: 1.4rem .4rem 1.8rem;
     }

     .jo3 .top {
         padding: 0 .4rem;
         flex-direction: column;
         gap: .4rem;
     }

     .jo3 .top .txt {
         width: 100%;
     }

     .jo3 .bottom .prev,
     .jo3 .bottom .next {
         width: .6rem;
         height: .6rem;
         top: calc(100% + .2rem);
         transform: translateY(0) translateX(-50%);
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         border-radius: 50%;
     }

     .jo3 .bottom .prev {
         left: calc(50% - .4rem);
     }

     .jo3 .bottom .next {
         right: calc(50% - 1rem);
     }

     .jo3 .bottom {
         overflow: visible;
     }

     /* 加入我们结束 */

     /* 新闻开始 */
     .nl1 {
         padding: 0 .4rem;
     }

     .nl1 .tit {
         margin: .6rem 0;
     }

     .nl1 .con {
         flex-direction: column;
     }

     .nl1 .con .pics {
         width: 100%;
         height: 4rem;
     }

     .nl1 .con .txts {
         width: 100%;
         padding: .8rem 0 .4rem;
     }

     .nl1 .con .txts .swiper-slide {
         padding: 0 .4rem;
     }

     .nl1 .con .txts .swiper-pagination {
         left: 50%;
         transform: translateX(-50%);
         top: .2rem;
         bottom: auto;
     }

     .nl2 {
         padding: 0 .4rem 1.4rem;
     }

     .nl2 .tabs {
         flex-wrap: wrap;
         column-gap: .2rem;
         row-gap: .4rem;
     }

     .nl2 .list .item {
         width: 100%;
     }

     .nl2 .list .item .pic {
         height: 4rem;
     }

     .nl3 {
         height: 11rem;
         padding: 1.4rem .4rem;
     }

     .nd_con {
         padding: 1.4rem .4rem;
     }

     .nd_con .nd1 .center .fx {
         position: fixed;
         right: .2rem;
     }

     .nd_con .nd1 .center .con {
         width: 100%;
     }

     .nd_con .nd1 .center .con p {
         margin-bottom: .2rem;
     }

     .nd_con .nd1 .center .con p,
     .nd_con .nd1 .center .con span {
         font-size: .24rem !important;
     }

     .nd_con .nd1 .center .con img,
     .nd_con .nd1 .center .con video {
         width: 100% !important;
         height: auto !important;
     }

     .nd_con .nd1 .bottom {
         flex-direction: column;
         padding: .4rem;
     }

     .nd_con .nd1 .bottom .item {
         width: 100%;
         padding: 0;
         border: 0;
         border-bottom: 1px solid #EBEBEB;
     }

     .nd_con .nd1 .bottom .item:first-child {
         padding: 0;
         padding-bottom: .4rem;
     }

     .nd_con .nd1 .bottom .item:last-child {
         padding: 0;
         padding-top: .4rem;
         border-bottom: none;
     }

     .nd_con .nd2 .list {
         flex-direction: column;
     }

     .nd_con .nd2 .list .item {
         width: 100%;
     }

     .nd_con .nd2 .list .item .pic {
         height: 4rem;
     }

     /* 新闻结束 */

     /* 服务开始 */
     .serv1 {
         padding: 1.4rem .4rem;
     }

     .serv1 .top {
         flex-direction: column;
         gap: .6rem;
     }

     .serv1 .top .txt {
         width: 100%;
     }

     .serv1 .top .pic {
         display: none;
     }

     .serv1 .bottom {
         flex-direction: column;
     }

     .serv1 .bottom .item {
         width: 100%;
     }

     .serv2 {
         padding: 1.4rem .4rem;
         background-position: bottom 80%;
     }

     .serv2 .txt {
         width: 100%;
     }

     .serv2 .txt .list {}

     .serv2 .txt .list .item {
         width: 100%;

     }

     .serv2 .map {
         position: relative;
         top: 0;
         right: 0;
         width: 100%;
         margin-top: .6rem;
         height: auto;
         aspect-ratio: 1/1;
     }

     .sev1 {
         padding: 1.4rem .4rem;
     }

     .sev1 .top {
         padding: 0 .4rem;
         margin-bottom: 1rem;
     }

     .sev1 .list .swiper-slide {
         height: auto;
         padding-bottom: 1rem;
     }

     .sev1 .list .swiper-slide .num {
         position: absolute;
         transform: translate(-50%, 0);
     }

     .sev1 .top .p {
         width: 100%;
     }

     .sev1 .list {
         padding: 0 .4rem;
     }

     .sev2 {
         padding: 1.4rem .4rem;
     }

     .sev2 .top .p {
         width: 100%;
     }

     .sev2 .top .tit {
         text-align: left;
         margin: 0;
         margin-bottom: .6rem;
     }

     .dl1 {
         padding: 1.4rem .4rem .7rem;
     }

     .dl1 .list {
         flex-direction: column;
         gap: .4rem;
     }

     .dl1 .list .item {
         width: 100%;
         padding: .4rem;
     }

     .dl2 {
         padding: .7rem .4rem 1.4rem;
     }

     .dl2 .list .item {
         width: 100%;
     }

     .dl3 {
         height: 11rem;
         padding: 1.4rem .4rem;
     }

     /* 服务结束 */

     /* 研发页面开始 */
     .sev_con,.jo_con,.pd_con{
        width: 100%;
        overflow-x: hidden;
     }
     .dev1 {
         padding: 1.4rem .4rem;
     }

     .dev1 .box,
     .dev1 .box:nth-child(2n) {
         flex-direction: column;
         gap: .4rem;
     }

     .dev1 .box .pic {
         width: 100%;
     }

     .dev1 .box .txt {
         width: 100%;
     }

     .dev1 .box .txt .icon {
         display: none;
     }

     .dev21 {
         padding: 1.4rem .4rem;
     }

     .dev21 .top {
         flex-direction: column;
         gap: .6rem;
     }

     .dev21 .top .left {
         width: 100%;
     }

     .dev21 .top .right {
         width: 100%;
     }

     .dev21 .top .right img {
         margin-bottom: .4rem;
     }

     .dev21 .top .right .txt1 {
         margin: 0;
     }

     .dev21 .bottom {
         overflow: visible;
     }

     .dev21 .bottom .prev,
     .dev21 .bottom .next {
         width: .6rem;
         height: .6rem;
         top: calc(100% + .2rem);
         transform: translateY(0) translateX(-50%);
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         border-radius: 50%;
     }

     .dev21 .bottom .prev {
         left: calc(50% - .4rem);
     }

     .dev21 .bottom .next {
         right: calc(50% - 1rem);
     }

     .dev22 {
         padding: 1.4rem .4rem;
     }

     .dev22 .top {
         width: 100%;
     }

     .dev22 .center {
         height: 4rem;
     }

     .dev22 .bottom {
         overflow: visible;
     }

     .dev22 .bottom .prev,
     .dev22 .bottom .next {
         width: .6rem;
         height: .6rem;
         top: calc(100% + .2rem);
         transform: translateY(0) translateX(-50%);
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         border-radius: 50%;
     }

     .dev22 .bottom .prev {
         left: calc(50% - .4rem);
     }

     .dev22 .bottom .next {
         right: calc(50% - 1rem);
     }

     .dev23 {
         padding: .7rem .4rem 1.4rem;
     }

     .dev23 .top {
         width: 100%;
     }

     .dev23 .list {
         flex-wrap: wrap;
         gap: .2rem;
     }

     .dev23 .list .item {
         width: calc(50% - .2rem);
     }

     .dev24 {
         padding: 1.4rem .4rem 0;
     }

     .dev24 .top {
         width: 100%;
     }

     .dev24 .center {
         flex-wrap: wrap;
         row-gap: .4rem;
         width: 100%;
     }

     .dev24 .center .item {
         width: calc(100% / 3);
     }

     .dev24 .center:before {
         content: "";
         position: absolute;
         bottom: 0.65rem;
         left: 0;
         width: 100%;
         height: 1px;
         background-color: #E0E2E4;
         z-index: -1;
     }

     .dev24 .bottom {
         flex-wrap: wrap;
         padding: 0 0 1.4rem;
         height: auto;
     }

     .dev24 .bottom .item,
     .dev24 .bottom .item.on {
         width: calc(50% - .2rem);
         height: auto;
     }

     .dev31 {
         padding: 1.4rem 0 0;
     }

     .dev31 .txt .yh1 {
         position: absolute;
         top: 0;
         left: .4rem;
     }

     .dev31 .txt .yh2 {
         position: absolute;
         bottom: 0;
         right: .4rem;
     }

     .dev31 .txt>span {
         width: 100%;
     }

     .dev31 .txt {
         width: 100%;
         line-height: 1.66;
         position: relative;
         padding: 0 .4rem;
     }

     .dev31 .con1 {
         padding: 4rem .2rem 0;
     }

     .dev31 .con1 .pic {
         transform: scale(1);
         border-radius: 0;
         height: 4rem;
     }

     .dev31 .con1 .con2 .top1 {
         width: 100%;
         margin-bottom: .8rem;
     }

     .dev31 .con1 .con2 {
         padding: .9rem .2rem .6rem;
     }

     .dev31 .con1 .con2 .list {
         flex-direction: column;
     }

     .dev31 .con1 .con2 .list .item {
         width: 100%;
         padding-bottom: .6rem;
         border-bottom: 1px solid #E0E2E4;
     }

     .dev31 .con1 .con2 .list .item:last-child {
         border-bottom: none;
     }

     .dev32 {
         padding: .7rem .4rem;
     }

     .dev32 .list {
         flex-wrap: wrap;
         gap: .2rem;
     }

     .dev32 .pic {
         height: 3rem;
     }

     .dev32 .pic img {
         height: 100%;
     }

     .dev32 .list .item {
         width: 100%;
         /* width: calc(50% - .2rem); */
     }

     .dev33 {
         padding: .7rem .4rem;
     }

     .dev33 .top {
         width: 100%;
     }

     .dev33 .top .list {
         flex-direction: column;
         gap: .6rem;
     }

     .dev33 .top .list .item {
         width: 100%;
         padding-bottom: .6rem;
         border-bottom: 1px solid #E0E2E4;
     }

     .dev33 .top .list .item:last-child {
         border-bottom: none;
     }

     .dev33 .bottom .swiper-slide .txt .p {
         font-size: .18rem;
     }

     .dev33 .bottom .prev,
     .dev33 .bottom .next {
         width: .6rem;
         height: .6rem;
         top: calc(100% + .2rem);
         transform: translateY(0) translateX(-50%);
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         border-radius: 50%;
     }

     .dev33 .bottom .prev {
         left: calc(50% - .4rem);
     }

     .dev33 .bottom .next {
         right: calc(50% - 1rem);
     }

     .dev34 {
         height: auto;
         padding: 1.4rem .4rem 2.4rem;
         display: flex;
         flex-direction: column;
         gap: .4rem;
     }

     .dev34 .txt {
         position: relative;
         width: 100%;
         top: 0;
         left: 0;
     }

     .dev34 .box {
         position: relative;
         width: 100%;
         aspect-ratio: 1/1;
         height: auto;
         top: 0;
         right: 0;
     }

     .dev34 .box .dianbox {}

     .dev35 {
         padding: 1.4rem .4rem;
         height: auto;
     }

     .dev35 .con {
         width: 100%;
     }

     .dev35 .con .list {
         flex-direction: column;
         gap: .4rem;
     }

     .dev35 .con .list .item {
         width: 100%;
         max-width: 100%;
         padding-bottom: .6rem;
         border-bottom: 1px solid #E0E2E4;
     }

     .dev35 .con .list .item:last-child {
         border-bottom: none;
     }

     .dev41 {
         padding: 1.4rem .4rem .7rem;
     }

     .dev41 .list {
         flex-wrap: wrap;
     }

     .dev41 .list .item {
         width: 100%;
         height: 3.5rem;
         /* width: calc(50% - .2rem); */
     }

     .dev42 {
         padding: .7rem .4rem .7rem;
     }

     .dev42 .top {
         width: 100%;
     }

     .dev42 .bottom {
         height: 4.5rem;
     }

     .dev42 .bottom .list {
         padding: 0 .1rem;
     }

     .dev42 .bottom .list .item {
         padding: .1rem .3rem;
         width: max-content;
     }

     .dev42 .bottom .list .item .h {
         font-size: .16rem;
     }

     .dev43 .pic {
         width: 100%;
         aspect-ratio: 14/16;
         height: auto;
     }

     .dev43 .list {
         flex-direction: column;
         gap: .4rem;
         padding: 0 .4rem;
     }
     .dev43 .list .item .icon{
        width: .56rem;
        /* height: auto; */
     }
     .dev43 .list .item .icon img{
        /* width: fit-content; */
     }

     .dev43 .list .item {
         width: 100%;
         padding: .4rem;
         min-height: 3.5rem;
         height: auto;
     }

     .dev44 {
         padding: 1.4rem .4rem;
     }

     .dev44 .box,
     .dev44 .box:nth-child(2n) {
         flex-direction: column;
         gap: .4rem;
     }

     .dev44 .box .pic {
         width: 100%;
         height: 4.5rem;
     }

     .dev44 .box .txt {
         width: 100%;
     }

     .dev44 .box .txt .list {
         flex-direction: column;
     }

     .dev44 .box .txt .list .item {
         width: 100%;
         padding-bottom: .6rem;
     }

     .dev44 .box .txt .list .item .nums {
         margin-bottom: .4rem;
     }

     .dev44 .box .txt .list .item .nums:after {
         width: 1.2rem;
     }

     .dev45 {
         padding: 1.4rem 0 0;
     }

     .dev45 .top {
         width: 100%;
         padding: 0 .4rem;
     }

     /* 研发页面结束 */

     /* 公共样式开始 */
     .breadcrumb a {
         color: #B7B7B7;
         white-space: nowrap;
     }

     .article-page01 .wrap {
         padding: 60px 0 0;
     }

     .w1640 {
         padding-left: .4rem !important;
         padding-right: .4rem !important;
     }

     .w1600 {
         padding-left: .4rem !important;
         padding-right: .4rem !important;
     }

     .w1640 .mb-fill,
     .w1640 .mb-fill {
         margin-inline: -.4rem !important;
     }

     .modal .content {
         height: 80vh;
     }

     .color-tit .t1,
     .color-tit .t2 {
         white-space: wrap;
     }

     .hover-up:hover {
         transform: translateY(0);
     }

     .sub-nav {
         padding: 0 .4rem;
         top: 1.1rem;
         z-index: 95;
         /* border-top: 1px solid #E5E5E5; */
         box-shadow: 0 0 47px rgba(220, 222, 229, 0.50);
     }

     .sub-nav .nav .tit {
         display: none;
     }

     .sub-nav .nav .ul {
         margin-left: 0;
         gap: .5rem;
     }

     .sub-nav .nav .li {
         font-size: .22rem;
     }

     .sub-nav .actions {
         display: none;
     }

     .ibtn-group {
         height: .7rem;
     }

     .ibtn {
         padding: .16rem .34rem;
         font-size: .22rem;
     }

     .ibtn.ibtn-circle {
         width: .6rem;
         height: .6rem;
     }

     .ibtn .btn_arrow {
         width: .2rem;
         height: .2rem;
     }

     .tit-box>.tit {
         font-size: .5rem;
     }

     .tit-box>.txt {
         font-size: .28rem;
         line-height: 1.66;
     }

     .page_box .page_nav .next,
     .page_box .page_nav .prev {
         width: .6rem;
         height: .6rem;
     }

     .page_box .page_nav .next img,
     .page_box .page_nav .prev img {
         height: .15rem;
     }

     .side_fixed .item {
         width: .6rem;
         height: .6rem;
     }


     /* 公共样式结束 */


     /* 头部开始 */

     .header {
         display: none;
     }

     .m_header {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         background-color: transparent;
         padding: .25rem .4rem;
         z-index: 98;
         display: flex !important;
         justify-content: space-between;
         align-items: center;
         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 {
         height: .6rem;
         /* width: 100px; */
     }

     .m_header .logo img {
         width: 100%;
     }

     .m_header .right {
         display: flex;
         align-items: center;
         gap: .25rem;
     }

     .m_header .right .r_item {
         height: .45rem;
         width: .45rem;
     }

     .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;
         right: 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(../img/hx_add.svg)no-repeat center;
         background-size: auto 100%;
         transform: rotate(-90deg);
         opacity: 0;
     }

     .mh_nav .nav>li.haschild:after {
         opacity: 1;
     }

     .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;
     }

     /* 头部结束 */

 }