@media screen and (max-width: 1800px) {
    header .navlist .fenge {
        margin: 0 1.8rem;
    }


}

@media screen and (max-width: 1700px) {
    header .navlist .fenge {
        margin: 0 1.4rem;
    }

    .cul1_list2 .nav-item .dot {
        top: 5.2rem;
    }
}

@media screen and (max-width: 1600px) {
    header .navlist .fenge {
        margin: 0 1rem;
    }

    .fea_tit {
        font-size: 1.2rem;
    }

    .sec6_left {
        width: calc(60% - 12px);
    }

    .sec6_left a {
        display: block;
        width: calc(50% - 12px);
    }

    .sec6_rig {
        width: calc(40% - 12px);
    }

    .cul1_list2 {
        width: calc(70% - 30px);
        padding: 0 12rem 0 4rem;
    }

    .foot1_left .blogo {
        width: 8rem;
    }

    .foot1 .navlist > ul > li {
        margin: 0 1.5vw;
    }

    .foot1_rig .codes img {
        width: 7rem;
    }

    .foot1_rig .hottel {
        font-size: 1.2rem;
    }

    .cases .sampleProject-main .topProject .topProject-right > p {
        font-size: 1.6rem;
    }

    .cases .topProject-right .content .title span,
    .cases .topProject-right .effect .title span {
        font-size: 18px;
    }

    .m3proc1txt {
        height: 320px;
        overflow-y: scroll;
    }

    .m2pubTx {
        line-height: 42px;
        /*height: 42px;*/
    }

    .m2pubTxnm {
        font-size: 32px;
    }

    .m3proc3dls dl dt {
        font-size: 20px;
    }

    .cases_name {
        font-size: 20px;
    }

    .detailInfo > div .ant-typography {
        font-size: 20px;
    }

    .sec6_left .pic {
        height: 17vw;
    }
}

@media screen and (max-width: 1400px) {
    :root {
        --side-width: 100px;
    }

    header .navlist .fenge {
        margin: 0 1rem;
    }


    .cul1_list2 {
        padding: 0 10rem 0 2rem;
    }

    .cul1_list2 .nav-item .dot {
        top: 5.4rem;
    }

    .cul1_list2 .swiper-button-prev, .cul1_list2 .swiper-button-next {
        top: 5.7rem;
    }

    .contactInfo .contactInfo-bottom .commpanyList-item .item-title {
        font-size: 16px;
    }


    .contactInfo .top-left-title {
        font-size: 18px;
    }

    .contactInfo .top-right-item {
        padding: 3%;
    }

    .contactInfo .top-right {
        width: 400px;
    }

    .contactInfo .top-right.en {
        width: 500px;
    }

    .job_each .job_top_rig {
        font-size: 12px;
        padding: 1% 3%;
    }

    .prod_gongyi_table th,
    .prod_gongyi_table td {
        padding: 2% 10px;
    }

    .prod_xuanxing_table th,
    .prod_xuanxing_table td {
        padding: 2% 10px;
    }

    .prod_xuanxing_table th {
        font-size: 15px;
    }

    .section5 .text_box .content_box.en {
        padding: 5% 5% 0;
    }

    .section5 .left_box .be_title .title_box {
        width: 96%;
    }

    .section5 .text_box .content_box .yingyong_cont {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.6;
    }

    .sec6_list .tit {
        font-size: 16px;
        height: 48px;
    }

    .sec6_list .sec6_rig .jian {
        height: 46px;
    }


    .sec6_list .sec6_left .jian {
        height: 66px;
    }


    .sec7_tit {
        font-size: 18px;
    }


    .cul1_list1 .swiper-slide .tit {
        font-size: 18px;
    }

    .shili .inner_types a {
        font-size: 14px;
    }

    .cases .sampleProject-main .projectType {
        font-size: 14px;
    }

    .cases .topProject-right .content div,
    .cases .topProject-right .effect div {
        font-size: 14px;
    }

    .cases .topProject-right .content .title span,
    .cases .topProject-right .effect .title span {
        font-size: 16px;
    }

    .banner2 .lanmu .lmname {
        font-size: 2.2rem;
    }

    .inner_name {
        font-size: 2.2rem;
    }

    .solute_banner .lanmu .lmname {
        font-size: 2.2rem;
    }

    .solute_tit {
        font-size: 18px;
    }

    .ser_part .ser_tit {
        font-size: 20px;
    }

    .fazhan_tit {
        font-size: 2.2rem;
    }

    .danye1_kouhao {
        font-size: 1.6rem;
    }

    .solu_part .ser_tit {
        font-size: 20px;
    }

    .solu_part .ser_tit_fu {
        font-size: 17px;
    }

    .solu_part a {
        font-size: 14px;
    }

    .pro_cont {
        gap: 40px;
    }

    .pro_left {
        width: 280px;
    }

    .pro_left li .type_one {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pro_right {
        width: calc(100% - 280px - 40px);
    }

    .pro_info .tit {
        font-size: 16px;
    }

    .pro_info .keywords {
        font-size: 14px;
    }

    .m2pubTx {
        line-height: 36px;
        /*height: 36px;*/
    }

    .m2pubTxnm {
        font-size: 26px;
    }

    .m3proc3dls dl dt {
        padding-left: 90px;
        font-size: 18px;
    }

    .m3proc3dls dl dd {
        padding-left: 90px;
    }

    .m3proc3dls dl dt span {
        height: 66px;
        width: 66px;
    }

    .m3proc1txt {
        height: 280px;
    }

    .m3pro_c4txt {
        font-size: 16px;
        height: 230px;
        overflow-y: scroll;
    }

    .tjinfo .tj_more a {
        margin-top: 2rem;
    }

}

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

    .prod_jian_cont * {
        width: 100% !important;
        height: auto;
    }

    .prod_jian_cont table tr {
        display: flex;
    }

    .prod_jian_cont table tr td {
        flex: 1;
    }

}

@media screen and (max-width: 1200px) {
    :root {
        --side-width: 80px;
    }

    header .navlist > li > a {
        font-size: 15px;
    }

    header .navlist .fenge {
        margin: 0 0.6rem;
    }

    .lan {
        font-size: 14px;
    }

    .more {
        font-size: 14px;
    }

    .section1 {
        padding: 4.5rem 0 2rem;
    }

    .sec1_left .company_cont {
        font-size: 14px;
    }

    .section3 {
        height: 60rem;
    }

    .section3 .sec_title {
        top: 4.5rem;
    }

    .section5 .text_box .content_box {
        padding: 12% 10% 0;
    }

    .section5 .text_box .content_box p {
        font-size: 14px;
    }

    .sec6_list .jian {
        font-size: 14px;
    }

    .sec6_left .info {
        padding: 2rem 1rem;
    }

    .sec6_rig {
        width: calc(40% - 6px);
        padding: 0 1rem;
    }

    .sec6_list .sec6_left .jian {
        font-size: 14px;
        height: 5.4rem;
    }

    .sec6_left .pic {
        height: 20vw;
    }

    .sec7_jj {
        font-size: 14px;
    }

    .sec8_rig .item input {
        font-size: 14px;
    }

    .sec8_rig .item2 textarea {
        font-size: 14px;
    }

    .sec9_left {
        font-size: 14px;
    }

    .sec9_rig {
        font-size: 14px;
    }

    .online_q .btn2 {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .isbAccordionBox li .isLittle {
        height: 650px;
    }

    .isbAccordionBox li .isBig .isbbContent {
        padding: 0 20px;
    }

    .isbAccordionBox li .isBig .isbbContent .box .isbbImgBox {
        flex: 2;
    }

    .isbAccordionBox li .isBig .isbbContent .box .isbbLongText {
        font-size: 14px;
    }

    .cul1_list2 .swiper-button-prev, .cul1_list2 .swiper-button-next {
        top: 6.1rem;
    }

    .rongyu_list {
        gap: 40px;
    }

    .rongyu_list .rongyu_each {
        flex: 0 0 calc((100% - 3 * 40px) / 4);
    }

    .industry_each.ji {
        border-radius: 10px 40px 10px 10px;
    }

    .industry_each.ou {
        border-radius: 40px 10px 10px 10px;
    }

    .industry_each .ind_tit {
        font-size: 22px;
    }

    .industry_each .ind_jian {
        width: 95%;
        font-size: 14px;
    }

    .industry_each.ou .ind_jian {
        margin-left: 5%;
    }

    .ser_part .ser_jian {
        font-size: 15px;
    }

    .prodetail .prod_tit {
        font-size: 22px;
    }

    .prod_zutu {
        padding-top: 8%;
        padding-bottom: 5%;
    }

    .prod_rexian {
        font-size: 22px;
    }

    .prod_rexian img {
        width: 2.5rem;
    }

    .prod_jishu_list {
        gap: 15px;
    }

    .prod_jishu_ech {
        width: calc((100% - 3 * 15px) / 4);
    }

    .prod_jishu.yingyong .jian img {
        width: 15px;
    }

    .prod_jishu {
        padding: 4% 0 5%;
    }

    .prod_jishu.yingyong .prod_jishu_ech {
        width: calc((100% - 2 * 20px) / 3);
    }

    .prod_canshu {
        line-height: 2;
        font-size: 14px;
    }

    .prod_jian_cont {
        font-size: 14px;
    }

    .prod_jishu_ech .tit {
        font-size: 15px;
        margin-top: 3%;
    }

    .prod_jishu_ech .jian {
        font-size: 14px;
        margin-top: 3%;
    }

    .prod_gongyi_table,
    .prod_xuanxing_table {
        font-size: 14px;
    }

    .prod_gongyi_table th {
        font-size: 14px;
    }

    .prod_gongyi_table td {
        font-size: 14px;
    }

    .prod_xuanxing_table td {
        font-size: 14px;
    }

    .cul1_list2 .tit {
        font-size: 14px;
    }

    .isbAccordionBox .isbbContent p.isbbcText {
        font-size: 14px;
    }

    .isbbcListBox {
        flex-wrap: wrap;
    }

    .isbAccordionBox li .isBig .isbbContent .isbbcListBox .isbbcListOne {
        width: 48%;
        height: auto;
        margin-bottom: 2%;
    }

    .isbAccordionBox li .isBig .isbbContent .isbbcListBox .isbbcListOne .isbbcListNum {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 1.2rem;
        margin: 12px auto;
    }

    .job_each {
        padding: 1.5%;
        margin-bottom: 3%;
    }

    .cases .moreProject .more-title-box > div {
        font-size: 18px;
    }

    .nums_desc {
        font-size: 14px;
    }

    .prod_type {
        font-size: 14px;
    }

    .contactInfo .contactInfo-bottom .item-content {
        font-size: 14px;
    }

    .contactInfo .top-left-text {
        font-size: 14px;
    }

    .contactInfo .item-text {
        font-size: 14px;
    }

    .job_each .tit {
        font-size: 14px;
    }

    .section3 .timeline .swiper-slide-content h4 {
        font-size: 14px;
    }


    .danye1_nr {
        font-size: 14px;
    }

    .shicha_list .info .title {
        font-size: 18px;
    }

    .timeline-desc {
        font-size: 14px;
    }

    .inner_types a {
        font-size: 14px;
        padding: 6px 30px;
    }

    .cases .moreProject .more-list-box .more-item-box .info {
        font-size: 14px;
    }

    .cases .sampleProject-main .topProject .topProject-right > a {
        font-size: 17px;
    }

    .ser_part .ser_tit {
        font-size: 18px;
    }

    .solute_tit {
        font-size: 16px;
    }

    .solute_cont {
        font-size: 14px;
        margin-top: 2%;
    }

    .solute_yblist {
        gap: 15px;
        margin-top: 2%;
    }

    .solute_ybtu {
        width: calc((100% - 2 * 15px) / 3);
    }

    .solu_part .ser_tit {
        font-size: 18px;
    }

    .solu_part .ser_tit_fu {
        font-size: 16px;
    }

    .solu_part .ser_jian {
        font-size: 14px;
    }

    .fazhan_jian {
        font-size: 14px;
        width: 100%;
    }

    .foot1 .navlist > ul > li dd a {
        font-size: 14px;
    }

    .foot2 {
        font-size: 14px;
    }

    .pro_cont {
        gap: 30px;
    }

    .pro_right {
        width: calc(100% - 250px - 30px);
    }

    .pro_left {
        width: 250px;
    }

    .pro_seach input {
        font-size: 14px;
        line-height: 40px;
    }

    .pro_left .type li {
        font-size: 14px;
        line-height: 52px;
    }

    .pro_left li img {
        width: 12px;
    }

    .pro_left li .type_one {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pro_cj_left {
        font-size: 14px;
    }

    .pro_cj_rig a {
        font-size: 14px;
    }

    .pro_info .tit {
        font-size: 14px;
    }

    .pro_info .keywords {
        font-size: 13px;
    }

    .pro_list {
        gap: 15px;
    }

    .pro_list a {
        width: calc((100% - 2 * 15px) / 3);
    }

    .m2pubTxnm {
        font-size: 22px;
    }

    .m3proc1txt {
        height: 250px;
        font-size: 14px;
    }

    .m3pro_c4txt {
        font-size: 14px;
        height: 200px;
    }

    .m3proc3dls dl dd {
        font-size: 14px;
    }

    .detailInfo > ul li {
        font-size: 16px;
    }

    .detailInfo > div .ant-typography {
        font-size: 16px;
    }

    .ant-card p {
        font-size: 14px;
    }

    .cases_rig {
        width: calc(100% - 250px - 30px);
    }

    .detailInfo {
        margin-top: 3rem;
    }

    .detailInfo > ul.fixed {
        width: calc(100% - var(--side-width) * 2 - 250px - 30px);
    }

    .pagination li {
        font-size: 14px;
    }

    .danye5 .line {
        top: 6.2rem;
    }
}

@media screen and (max-width: 992px) {
    :root {
        --side-width: 50px;
    }

    .feature_each img {
        width: 24%;
    }

    /*pc导航*/
    header.pc {
        display: none;
    }

    .head_3g.phone {
        display: block;
        position: fixed;
        z-index: 999;
        width: 100%;
        background: #fff;
    }

    .head_kong.phone {
        display: block;
    }

    .head_3g .lan {
        font-size: 16px;
        width: auto;
        color: #333;
        margin: 0 10px;
    }

    .section3 .timeline .swiper-slide-content h4 {
        width: 30rem;
    }

    .section5 .text_box .content_box {
        padding: 8% 10% 0;
    }

    .section5 .left_box .l_top_box {
        padding-top: 102.3%;
    }

    .section5 .right_box .r_bottom_box .r_bottom_left_box .img_box {
        padding-top: 70%;
    }

    .section5 .right_box .r_bottom_box .r_bottom_right_box .img_box {
        padding-top: 110.8%;
    }

    .section5 .left_box .l_bottom_box .img_box {
        padding-top: 144.5%;
    }

    .section5 .right_box .r_top_right_box .img_box {
        padding-top: 100%;
    }

    .section5 .right_box .r_top_left_box .img_box {
        padding-top: 78.3%;
    }

    .section5 .left_box .be_title .title_box h3 {
        font-size: 1.5rem;
    }

    .sec6_left {
        width: calc(60% - 6px);
    }

    .sec6_left a {
        width: calc(50% - 6px);
    }

    .foot1_left {
        display: none;
    }

    .danye5 .line {
        width: calc(70% + var(--side-width));
    }

    .cul1_list2 {
        width: 70%;
        padding: 0 12rem 0 2rem;
    }

    .cul1_list2 .sort {
        font-size: 3.2rem;
        line-height: 1.3;
    }

    .cases .moreProject .more-list-box {
        gap: 20px;
    }

    .cases .moreProject .more-list-box .more-item-box {
        width: calc((100% - 2 * 20px) / 3);
    }

    .cases .sampleProject-main .topProject .topProject-left {
        width: 100%;
    }

    .cases .sampleProject-main .topProject .topProject-right {
        width: 100%;
        margin-top: 5%;
    }

    .rongyu_list {
        gap: 30px;
    }

    .rongyu_list .rongyu_each {
        flex: 0 0 calc((100% - 2 * 30px) / 3);
    }

    .shili_list {
        margin-top: 6%;
    }

    .shili .inner_types a {
        padding: 5px 25px 5px 15px;
        margin-bottom: 8px;
    }

    .shili_list .shili_each {
        flex: 0 0 calc((100% - 2 * 23px) / 3);
    }

    .ser_part .ser_tit {
        font-size: 18px;
    }

    .ser_part .ser_tu {
        width: 100%;
    }

    .ser_part .ser_info {
        width: 100%;
        padding: 3%;
    }

    .inner_name {
        font-size: 22px;
    }

    .inner_name_en {
        font-size: 13px;
    }

    .fazhan_tit {
        font-size: 22px;
    }

    .sec6_list .tit {
        font-size: 15px;
        height: 48px;
    }

    .banner2 .lanmu .lmname {
        font-size: 22px;
    }

    .banner2 .lanmu .lmjian {
        font-size: 13px;
    }

    .solute_banner .lanmu {
        width: 90%;
    }

    .solute_banner .lanmu .lmname {
        font-size: 22px;
    }

    .solute_banner .lanmu .lmjian {
        font-size: 13px;
    }

    .job_top_left .tu {
        width: 55px;
    }

    .contactInfo .contactInfo-bottom .content-box {
        margin-bottom: 15px;
    }

    .prod_zutu {
        padding-top: 3%;
        padding-bottom: 5%;
    }

    .prodetail .prod_tit {
        font-size: 20px;
    }

    .prod_rexian {
        font-size: 20px;
    }

    .isbAccordionBox li .isBig .isbbContent .isbbcTitle {
        font-size: 16px;
    }

    .shicha_list .info .title {
        font-size: 16px;
    }

    .solu_part .ser_info {
        width: 100%;
        order: 2;
    }

    .solu_part .ser_tu {
        width: 100%;
        order: 1;
    }


    .solu_list .solu_part:nth-child(2n-1) .ser_tu {
        margin-top: 0;
    }

    .solu_list .solu_part:nth-child(2n-1) .ser_info {
        margin-top: 3%;
        margin-bottom: 3%;
    }


    .solu_list .solu_part:nth-child(2n) .ser_info {
        margin: 3% 0;
    }

    .pro_left {
        width: 100%;
    }

    .pro_left li .type_one {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pro_left .sub_nav a {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 12px;
    }

    .pro_seach input {
        width: 70%;
    }

    .pro_right {
        width: calc(100% - 200px - 30px);
    }

    .pro_left .type {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .pro_left .type .type_one img {
        display: none !important;
    }

    .pro_left .type li {
        position: relative;
        line-height: 42px;
    }

    .pro_left .sub_nav {
        position: absolute;
        left: 0;
        top: 45px;
        background: #fff;
        width: calc(100vw - 20%);
        z-index: 9;
        box-shadow: 0 4px 6px 4px rgba(0, 0, 0, 0.1);
    }

    .pro_right {
        width: 100%;
    }

    .pro_cj_rig {
        gap: 15px;
    }

    .m2pubTxnm {
        font-size: 20px;
    }

    .m2pubTxnm::before {
        height: 5px;
    }

    .m2pubTx {
        line-height: 30px;
        /*height: 30px;*/
        margin-top: 1.5rem;
    }

    .m3proc1mv {
        width: 100%;
    }

    .m3proc1mv2 {
        width: 100%;
        padding: 0 3%;
    }

    .m3proc1txt {
        height: auto;
        padding-right: 0;
    }

    .m3proCon4_left {
        width: 100%;
    }

    .m3pro_c4txt {
        height: auto;
    }

    .m3proc4Imgs {
        width: 100%;
    }

    .m3proc3dls dl {
        width: 100%;
    }

    .m3proc3dls dl dt span {
        height: 60px;
        width: 60px;
    }

    .m3proc3dls dl dt {
        padding-left: 80px;
        font-size: 16px;
    }

    .m3proc3dls dl dd {
        padding-left: 80px;
    }

    .m2pubTx {
        width: 100%;
    }

    .m3proc2Imgx {
        width: 100%;
        margin-top: 1.5rem;
    }

    .m3proc2Imgx img {
        width: 100%;
    }

    .m3proCon3 {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .m3proCon2Wpr {
        margin-top: 3rem;
    }

    .cases_rig {
        width: 100%;
    }

    .cases_name {
        margin-top: 2.5rem;
    }

    .cases_name {
        font-size: 16px;
        line-height: 1.6;
    }

    .detailInfo > ul.fixed {
        width: calc(100% - var(--side-width) * 2);
    }

    .ser_part {
        flex-direction: column;
    }

    .ser_part .ser_tu {
        order: 1;
    }

    .ser_part .ser_info {
        order: 2;
    }

    .sjconttype {
        display: block;
        margin-bottom: 20px;
    }

    .tjinfo .tj_more a {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden;
    }

    :root {
        --side-width: 3%;
    }

    .head_3g .main {
        height: 4rem;
    }

    .head_kong.phone {
        height: 4rem;
    }

    .logo_3g img {
        height: 2.4rem;
    }

    .sec_title {
        width: 100%;
    }

    .sec_title p {
        line-height: 1.4;
        font-size: 1.8rem;
    }

    .sec_title span {
        font-size: 0.88rem;
    }

    .sec_title img {
        height: 4px;
    }

    .banner .swiper .text_box h3 {
        font-size: 2rem;
    }

    .banner .swiper .text_box p {
        font-size: 1.2rem;
        margin-top: 1rem;
    }

    .feature {
        position: static;
        display: none;
    }

    .feature .main {
        flex-wrap: wrap;
    }

    .feature_each {
        width: 100%;
        justify-content: flex-start;
    }

    .feature_each::after {
        display: none;
    }

    .feature_each img {
        width: 13%;
    }

    .feature_info {
        margin-left: 1.5rem;
    }

    .section1 {
        padding: 2rem 0;
    }

    .section1 .main {
        flex-wrap: wrap;
    }

    .sec1_left {
        width: 100%;
    }

    .sec1_left .company_name {
        font-size: 1.5rem;
        margin-top: 1.2rem;
    }

    .nums_desc {
        font-size: 0.88rem;
    }

    .sec1_left .nums_num {
        font-size: 2rem;
    }

    .sec1_right {
        width: 100%;
        margin-top: 5rem;
    }

    .section2 .prod_top {
        flex-wrap: wrap;
    }

    .prod_type {
        width: 100%;
        justify-content: flex-start;
        margin-top: 1.5rem;
    }

    .prod_type a {
        margin-left: 1.5rem;
        margin-bottom: 8px;
        padding-bottom: 3px;
    }

    .prods_each li {
        width: calc(50% - 14px);
    }

    .prods_each li .prod_tit {
        padding-left: 1.5rem;
        font-size: 1.5rem;
    }

    .prods_each li .prod_tit {
        padding-left: 1rem;
        font-size: 1.1rem;
    }

    .prods_each li .prod_titen {
        padding-left: 1rem;
        font-size: 0.9rem;
    }

    .prods_each.prod_1 li {
        width: 100%;
    }

    .section3 {
        height: 50rem;
    }

    .section3 .swiper-pagination {
        height: 4rem;
        top: 30%;
        display: flex;
        flex-wrap: nowrap;
    }

    .section3 .swiper-horizontal > .swiper-pagination-bullets,
    .section3 .swiper-pagination-bullets.swiper-pagination-vertical {
        width: 94%;
        overflow-y: hidden;
        overflow-x: scroll;
    }

    .section3 .timeline .swiper-pagination-bullet {
        flex-shrink: 0;
        margin-right: 15px !important;
    }

    .section3 .swiper-button-prev,
    .section3 .swiper-button-next {
        width: 4rem;
    }

    .section3 .swiper-button-prev {
        margin-top: -6rem;
    }

    .section3 .jiahao {
        display: none;
    }

    .section3 .timeline .swiper-slide-content {
        width: 94%;
        padding: 5%;
    }

    .section3 .timeline .swiper-slide-content span {
        font-size: 1.4rem;
    }

    .section3 .timeline .swiper-slide-content h4 {
        width: 100%;
    }

    .section4 {
        padding: 4.5rem 0;
    }

    .section5 .wrap {
        flex-wrap: wrap;
    }

    .section5 .left_box,
    .section5 .right_box,
    .section5 .right_box .r_top_left_box,
    .section5 .right_box .r_bottom_box .r_bottom_left_box {
        width: 100%;
    }

    .section5 .left_box .l_top_box,
    .section5 .img_box {
        padding-top: 40% !important;
    }

    .section5 .left_box .be_title {
        height: auto;
        margin-top: 4rem;
    }

    .section5 .r_bottom_box,
    .section5 .right_box .r_top_box {
        flex-wrap: wrap;
    }

    .section5 .right_box .r_top_right_box {
        width: 100%;
        margin-left: 0;
    }

    .section5 .right_box .r_bottom_box .r_bottom_right_box {
        width: 100%;
        margin-left: 0;
    }

    .section5 .text_box .content_box {
        padding: 5% 5% 0;
    }

    .section5 .left_box .be_title .title_box h2 {
        font-size: 0.88rem;
    }

    .section5 .left_box .be_title .title_box h3 {
        font-size: 1.8rem;
    }

    .sec6_left {
        width: 100%;
    }

    .sec6_left .pic {
        height: 30vw;
    }

    .sec6_rig {
        width: 100%;
        margin-top: 12px;
    }

    .sec6_list .sec6_left .jian {
        height: 5.2rem;
    }

    .section7 .main {
        flex-wrap: wrap;
    }

    .sec7_list {
        width: 100%;
        gap: 12px;
        margin-top: 24px;
    }

    .sec7_list a {
        width: calc(33% - 8px);
    }

    .sec7_each {
        padding: 2rem 0;
    }

    .sec7_each img {
        width: 5rem;
    }

    .sec7_tit {
        font-size: 15px;
    }

    .section8 .main {
        flex-wrap: wrap;
    }

    .sec8_left .title p {
        font-size: 1.8rem;
    }

    .sec8_left {
        width: 100%;
        padding: 3%;
    }

    .sec8_rig {
        width: 100%;
        margin-top: 12px;
    }

    .tjlist {
        flex-wrap: wrap;
    }

    .tjlist .tjtu {
        width: 100%;
        height: auto;
        padding-bottom: 50%;
    }

    .tjinfo {
        width: 100%;
        padding: 0 3% 3%;
    }

    .tjinfo .tj_time {
        margin-top: 1rem;
    }

    .tjinfo .tj_title {
        font-size: 15px;
        margin-top: 1rem;
    }

    .tjinfo .tj_jian {
        margin-top: 1rem;
        font-size: 0.9rem;
    }

    .tjinfo .tj_more a {
        margin-top: 1rem;
        padding: 3px 15px;
        font-size: 13px;
    }

    .art_list {
        margin-top: 2rem;
    }

    .art_each {
        padding: 3%;
        margin-bottom: 3rem;
    }

    .art_each .tit {
        font-size: 15px;
    }

    .art_each .pic {
        width: 38%;
        padding-bottom: 24%;
    }

    .art_each .jian {
        margin-top: 0.5rem;
    }

    .art_each .art_more {
        padding: 3px 15px;
        font-size: 13px;
        margin-top: 1rem;
    }

    .online_q .btn2 {
        width: 40px;
        height: 40px;
        line-height: 30px;
    }

    .foot1 .main {
        flex-wrap: wrap;
        justify-content: center;
    }

    .foot1 .navlist {
        display: none;
    }

    .foot1_rig .hottel {
        text-align: center;
    }

    .foot1_rig .b_conatct {
        display: none;
    }

    .foot1_rig .codes {
        font-size: 14px;
    }


    body.open .nr {
        -webkit-transform: translate3d(70%, 0, 0);
    }

    #ascrail2000-hr {
        display: none !important;
    }

    .search2 img {
        height: 2rem;
    }

    .ss {
        width: 0;
        height: 5rem;
        overflow: hidden;
        z-index: 7;
        font-size: 1.4rem;
        top: 6rem;
        position: absolute;
        left: 0;
    }

    .ss .ss_btn {
        line-height: 5rem;
        width: 20%;
        background: #158b8e;
        border: none;
        color: #fff;
        border-radius: 3px;
        float: left;
    }

    .ss .ss_bd {
        height: 5rem;
        width: 80%;
        padding-left: 3%;
        border: none;
        float: left;
    }

    .inner_cont {
        padding-top: 6%;
        padding-bottom: 0;
    }

    .danye4 {
        padding-bottom: 2.5rem;
    }

    .danye1_cont {
        flex-wrap: wrap;
        margin-top: 2rem;
    }

    .danye1_left {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        border: none;
    }

    .danye1_left .data_each {
        width: 50%;
        flex-shrink: 0;
        margin-bottom: 1.5rem;
    }

    .danye1_rig {
        width: 100%;
    }

    .danye1_kouhao {
        font-size: 1.3rem;
    }

    .isbAccordionBox {
        flex-wrap: nowrap;
    }

    .isbAccordionBox .active {
        width: 100%;
    }

    .isbAccordionBox li {
        width: 100%;
        position: static;
        flex-shrink: 0;
    }

    .isLittle {
        display: none;
    }

    .isbAccordionBox li .isBig {
        position: static;
        display: block;
        height: auto;
    }

    .isbAccordionBox li .isBig .isbbTop {
        height: 60px;
    }

    .isbAccordionBox li .isBig .isbbTop p {
        font-size: 20px;
    }

    .isbAccordionBox li .isBig .isbbContent {
        padding: 0 8px;
    }

    .isbAccordionBox li:nth-child(4) .isbbContent {
        margin: 2rem 0 0 0;
    }

    .isbAccordionBox li .isBig .isbbContent .box {
        margin: 2rem 0;
    }

    .isbAccordionBox {
        margin-top: 2rem;
        overflow-x: scroll;
    }

    .isbAccordionBox li:nth-child(3) .isbbContent {
        margin: 2rem 0 0;
    }

    .isbAccordionBox li .isBig .isbbContent .isbbcFixedBox {
        margin: 2rem 0;
    }

    .fazhan_tit {
        font-size: 1.8rem;
    }

    .danye5 .wenhua {
        flex-wrap: wrap;
        height: auto;
    }

    .cul1_list1 {
        width: 100%;
    }

    .cul1_list2 {
        width: 100%;
        padding: 0;
        margin-top: 2rem;
    }

    .cul1_list2 .info {
        margin-top: 3rem;
    }

    .cul1_list2 .nav-item .dot {
        top: 3.5rem;
    }

    .cul1_list2 .nav-item .icon {
        height: 2.2rem;
    }

    .cul1_list2 .sort {
        font-size: 2.2rem;
        line-height: 1;
    }

    .cul1_list2 .swiper-button-prev,
    .cul1_list2 .swiper-button-next {
        display: none !important;
    }

    .danye2 {
        margin-top: 0;
    }

    .danye3 {
        margin-top: 4em;
        padding: 4rem 0 11rem;
    }

    .danye5 {
        padding: 3rem 0;
    }

    .danye5 .line {
        right: 0;
        top: 22.9rem;
        width: 100%;
    }

    .danye5 .wenhua {
        margin-top: 3rem;
    }

    .fazhan_jian {
        width: 100%;
    }

    .fazhan_titen {
        font-size: 0.88rem;
    }

    .danye1_left .data span {
        font-size: 1.6rem;
    }

    .shicha_list .info {
        padding-left: 1rem;
        padding-bottom: 1rem;
    }

    .timeline-swiper {
        padding-top: 5rem;
    }

    .contactInfo .contactInfo-top .top-left {
        width: 100%;
        padding-right: 0;
    }

    .contactInfo .contactInfo-bottom {
        flex-wrap: wrap;
        margin-top: 1rem;
    }

    .contactInfo .contactInfo-bottom .bottom-left {
        width: 100%;
        padding-right: 0;
        height: auto;
    }

    .contactInfo .bottom-right {
        width: 100%;
    }

    .contactInfo .contactInfo-bottom .item-content {
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }

    .cases .sampleProject-main .projectType span {
        width: calc((100% - 3 * 12px) / 4);
    }

    .cases .sampleProject-main .projectType a {
        width: calc((100% - 3 * 12px) / 4);
    }

    .cases .sampleProject-main .topProject .topProject-right > p {
        font-size: 1.4rem;
    }

    .cases .moreProject .more-title-box .title-search {
        width: 60%;
    }

    .cases .moreProject .more-title-box .title-search input {
        width: 75%;
    }

    .cases .moreProject .more-title-box .title-search .button {
        width: 32%;
    }

    .cases .sampleProject-main .topProject {
        margin: 5% auto 3rem;
        min-height: auto;
    }

    .cases .moreProject .more-list-box .more-item-box {
        width: calc((100% - 1 * 20px) / 2);
    }

    .cases .sampleProject-main .moreProject {
        padding: 0;
    }

    .cases .sampleProject-main .moreProject .more-title-box {
        padding: 0 0 6%;
    }

    .cases .moreProject-box {
        padding: 8% 0;
    }

    .zutu_left {
        width: 100%;
        padding-right: 0;
    }

    .zutu_rig {
        width: 100%;
        margin-top: 5%;
    }

    .prodetail .prod_tit {
        font-size: 18px;
    }

    .prod_rexian {
        font-size: 18px;
    }

    .prod_rexian img {
        width: 2rem;
    }

    .section9 .main {
        padding: 5% 3%;
    }

    .shili {
        margin-top: 6%;
    }

    .solute_box {
        margin-top: 6%;
    }

    .prod_jishu_ech {
        width: calc((100% - 1 * 15px) / 2);
    }

    .prod_jishu.yingyong .prod_jishu_list {
        gap: 15px;
    }

    .prod_jishu.yingyong .prod_jishu_ech {
        width: calc((100% - 1 * 15px) / 2);
    }

    .solu_list .solu_part:nth-child(2n-1) .ser_info {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .solu_list .solu_part:nth-child(2n) .ser_info {
        margin: 5% 0;
    }

    .pro_changjing {
        flex-wrap: wrap;
    }

    .m4caselist {
        gap: 20px;
    }

    .m4casetu {
        width: calc((100% - 1 * 20px) / 2);
    }

    .m2pubTx {
        height: auto;
    }

    .m3proc2Imgx {
        position: static;
        transform: translateY(0);
    }

    .pro_left li .type_one {
        padding-left: 12px;
        padding-right: 12px;
    }

    .pro_left li .type_one.en {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 450px) {
    .m3pubjie {
        width: 100%;
    }

    .banner .swiper {
        height: auto;
    }

    .banner .swiper-pagination-bullet {
        opacity: 1;
        background: #fff;
    }

    .banner .swiper-pagination-bullet-active {
        background: #006abe;
    }

    .sec_title p {
        line-height: 1.4;
        font-size: 1.8rem;
    }

    .sec_title span {
        font-size: 0.88rem;
    }

    .sec_title img {
        height: 4px;
    }

    .feature .main {
        flex-wrap: wrap;
    }

    .feature_each {
        /*padding: 1rem 0;*/
        width: 100%;
        justify-content: flex-start;
    }

    .feature_each::after {
        display: none;
    }

    .feature_each img {
        width: 13%;
    }

    .feature_info {
        margin-left: 1.5rem;
    }

    .section1 {
        padding: 2rem 0;
    }

    .section1 .main {
        flex-wrap: wrap;
    }

    .sec1_left {
        width: 100%;
    }

    .sec1_left .company_name {
        font-size: 1.5rem;
        margin-top: 1.2rem;
    }

    .nums_desc {
        font-size: 0.88rem;
    }

    .sec1_left .nums_num {
        font-size: 2rem;
    }

    .sec1_right {
        width: 100%;
        margin-top: 5rem;
    }

    .section2 .prod_top {
        flex-wrap: wrap;
    }

    .prod_type {
        width: 100%;
        justify-content: flex-start;
        margin-top: 1.5rem;
    }

    .prod_type a {
        margin-left: 1.5rem;
        margin-bottom: 8px;
        padding-bottom: 3px;
    }

    .prods_each li {
        width: calc(50% - 14px);
    }

    .prods_each li .prod_tit {
        padding-left: 1.5rem;
        font-size: 1.5rem;
    }

    .prods_each li .prod_tit {
        padding-left: 1rem !important;
        font-size: 1.1rem;
    }

    .prods_each li .prod_titen {
        padding-left: 1rem !important;
        font-size: 0.9rem;
    }

    .prods_each li .prod_img {
        width: calc(100% - 2rem);
        margin: 15px 1rem 0;
    }

    .prods_each.prod_1 li {
        width: calc(calc(100% - 14px) / 2);
    }

    .prods_each.prod_9 li {
        width: calc(calc(100% - 14px) / 2);
    }

    .section3 {
        height: 32rem;
    }

    .section3 .swiper-pagination {
        /*height: 4rem;*/
        /*top: 30%;*/
        /*display: flex;*/
        /*flex-wrap: nowrap;*/
        display: none;
    }

    .section3 .swiper-horizontal > .swiper-pagination-bullets,
    .section3 .swiper-pagination-bullets.swiper-pagination-vertical {
        width: 94%;
        overflow-y: hidden;
        overflow-x: scroll;
    }

    .section3 .timeline .swiper-pagination-bullet {
        flex-shrink: 0;
        margin-right: 15px !important;
    }

    .section3 .swiper-button-prev,
    .section3 .swiper-button-next {
        width: 3rem;
    }

    .section3 .swiper-button-prev {
        margin-top: -10rem;
    }

    .section3 .swiper-button-next {
        margin-top: -6rem;
    }

    .section3 .jiahao {
        display: none;
    }

    .section3 .timeline .swiper-slide-content {
        width: 94%;
        padding: 5%;
    }

    .section3 .timeline .swiper-slide-content span {
        font-size: 1.4rem;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .section3 .timeline .swiper-slide-content h4 {
        width: 100%;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .section3 .timeline .swiper-slide-content p {
        font-size: 14px;
    }

    .section4 {
        padding: 4.5rem 0;
    }

    .section5 .wrap {
        flex-wrap: wrap;
    }

    .section5 .left_box,
    .section5 .right_box,
    .section5 .right_box .r_top_left_box,
    .section5 .right_box .r_bottom_box .r_bottom_left_box {
        width: 100%;
        margin-bottom: 1px;
    }

    .section5 .left_box .l_top_box {
        padding-top: 40% !important;
    }

    .section5 .img_box {
        padding-top: 0 !important;
    }

    .section5 .text_box {
        position: static;
    }

    .section5.en .img_box {
        padding-top: 0 !important;
    }

    .section5 .left_box .be_title {
        height: auto;
        margin-top: 4rem;
    }

    .section5 .r_bottom_box,
    .section5 .right_box .r_top_box {
        flex-wrap: wrap;
    }

    .section5 .right_box .r_top_right_box {
        width: 100%;
        margin-left: 0;
    }

    .section5 .right_box .r_bottom_box .r_bottom_right_box {
        width: 100%;
        margin-left: 0;
    }

    .section5 .text_box .content_box {
        padding: 5% 5%;
        position: static;
    }

    .section5 .text_box .content_box .yingyong_cont {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.6;
    }

    .section5 .text_box .content_box p,
    .section5 .text_box .content_box h4 {
        font-weight: bold;
    }

    .industry_each .ind_jian {
        font-weight: bold;
    }

    .section5 .text_box .content_box.en {
        padding: 5% 5%;
        position: static;
    }

    .section5 img {
        z-index: 0;
    }

    .section5 .left_box .be_title .title_box h2 {
        font-size: 0.88rem;
    }

    .section5 .left_box .be_title .title_box h3 {
        font-size: 1.8rem;
    }

    .section5 .text_box .content_box h4 {
        font-size: 1.3rem;
    }

    .sec6_list .date,
    .sec6_list .mor {
        display: none;
    }

    .sec6_left {
        width: 100%;
    }

    .sec6_rig {
        width: 100%;
        margin-top: 12px;
    }

    .section7 {
        padding: 4.5rem 0;
    }

    .section7 .main {
        flex-wrap: wrap;
    }

    .sec7_list {
        width: 100%;
        gap: 12px;
        margin-top: 24px;
    }

    .sec7_list a {
        width: calc(33% - 8px);
    }

    .sec7_each {
        padding: 2rem 0;
    }

    .sec7_each img {
        width: 5rem;
    }

    .section8 .main {
        flex-wrap: wrap;
    }

    .sec8_left .title p {
        font-size: 1.8rem;
    }

    .sec8_left {
        width: 100%;
        padding: 3%;
    }

    .sec8_rig {
        width: 100%;
        margin-top: 12px;
    }

    .online_q .btn2 {
        width: 40px;
        height: 40px;
        line-height: 30px;
    }

    .foot1 .main {
        flex-wrap: wrap;
        justify-content: center;
    }

    .foot1 .navlist {
        display: none;
    }

    .foot1_rig .b_conatct {
        display: none;
    }

    .banner2 .pic {
        height: 200px;
    }

    .banner2 .pic img {
        object-fit: cover;
        object-position: center;
    }

    body.open .nr {
        -webkit-transform: translate3d(70%, 0, 0);
    }

    #ascrail2000-hr {
        display: none !important;
    }

    .search2 img {
        height: 2rem;
    }

    .ss {
        width: 0;
        height: 5rem;
        overflow: hidden;
        z-index: 7;
        font-size: 1.4rem;
        top: 6rem;
        position: absolute;
        left: 0;
    }

    .ss .ss_btn {
        line-height: 5rem;
        width: 20%;
        background: #158b8e;
        border: none;
        color: #fff;
        border-radius: 3px;
        float: left;
    }

    .ss .ss_bd {
        height: 5rem;
        width: 80%;
        padding-left: 3%;
        border: none;
        float: left;
    }

    .danye1 {
        padding: 3rem 0;
    }

    .danye1_top {
        font-size: 1.8rem;
    }

    .danye1_cont {
        flex-wrap: wrap;
        margin-top: 2rem;
    }

    .danye1_left {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        border: none;
    }

    .danye1_left .data_each {
        width: 50%;
        flex-shrink: 0;
        margin-bottom: 1.5rem;
    }

    .danye1_rig {
        width: 100%;
    }

    .isbAccordionBox .active {
        width: 92%;
    }

    .isbAccordionBox li {
        width: 92%;
        margin-right: 2%;
    }

    .isbAccordionBox li {
        width: 100%;
        position: static;
    }

    .isLittle {
        display: none;
    }

    .isbAccordionBox li .isBig {
        position: static;
        display: block;
        height: auto;
    }

    .isbAccordionBox li .isBig .isbbTop {
        height: 70px;
    }

    .isbAccordionBox li .isBig .isbbContent {
        padding: 0 8px;
    }

    .isbAccordionBox li:nth-child(4) .isbbContent {
        margin: 2rem 0 0 0;
    }

    .isbAccordionBox li .isBig .isbbContent .box {
        margin: 2rem 0;
    }

    .isbAccordionBox {
        margin-top: 2rem;
    }

    .isbAccordionBox li:nth-child(3) .isbbContent {
        margin: 2rem 0 0;
    }

    .isbAccordionBox li .isBig .isbbContent .isbbcFixedBox {
        margin: 2rem 0;
    }

    .isbbcListBox {
        flex-wrap: wrap;
    }

    .isbAccordionBox li .isBig .isbbContent .isbbcListBox .isbbcListOne .isbbcListBlue {
        margin: 5px 0;
    }

    .isbAccordionBox li .isBig .isbbContent .isbbcListBox .isbbcListOne {
        width: 48%;
        height: auto;
        margin-bottom: 2%;
        padding-bottom: 0;
    }

    .fazhan_tit {
        font-size: 1.8rem;
    }

    .danye5 .wenhua {
        flex-wrap: wrap;
        height: auto;
    }

    .cul1_list1 {
        width: 100%;
    }

    .cul1_list2 {
        width: 100%;
        padding: 0;
        margin-top: 2rem;
    }

    .cul1_list2 .info {
        margin-top: 3rem;
    }

    .cul1_list2 .nav-item .dot {
        top: 3.5rem;
    }

    .cul1_list2 .nav-item .icon {
        height: 2.2rem;
    }

    .cul1_list2 .sort {
        font-size: 2.2rem;
        line-height: 1;
    }

    .cul1_list2 .swiper-button-prev,
    .cul1_list2 .swiper-button-next {
        display: none !important;
    }

    .danye2 {
        margin-top: 0;
    }

    .danye3 {
        margin-top: 4em;
        padding: 4rem 0 11rem;
    }

    .danye5 {
        padding: 3rem 0;
    }

    .danye5 .line {
        right: 0;
        top: 26.5rem;
        width: 100%;
    }

    .danye5 .wenhua {
        margin-top: 3rem;
    }

    .fazhan_jian {
        width: 100%;
    }

    .fazhan_titen {
        font-size: 0.88rem;
    }

    .danye2_tit {
        font-size: 1.8rem;
    }

    .danye2_desc {
        font-size: 0.88rem;
    }

    .shicha_list .info {
        padding-left: 1rem;
        padding-bottom: 1rem;
    }

    .shicha_list .info .jian {
        font-size: 0.88rem;
    }

    .timeline-swiper {
        padding-top: 5rem;
    }

    .inner_cont {
        padding-top: 8%;
    }

    .job_list {
        margin-top: 5%;
    }

    .job_each {
        padding: 3%;
        margin-bottom: 12px;
    }

    .contactInfo .contactInfo-top .top-left {
        width: 100%;
        padding-right: 0;
    }

    .contactInfo .contactInfo-bottom {
        flex-wrap: wrap;
        margin-top: 1rem;
    }

    .contactInfo .contactInfo-bottom .bottom-left {
        width: 100%;
        padding-right: 0;
        height: auto;
    }

    .contactInfo .bottom-right {
        width: 100%;
    }

    .cases .topProject-right .content .title span,
    .cases .topProject-right .effect .title span {
        font-size: 15px;
    }

    .cases .sampleProject-main .topProject .topProject-right > p {
        font-size: 17px;
    }

    .cases .moreProject .more-title-box > div {
        font-size: 17px;
    }

    .cases .moreProject .more-title-box .title-search {
        width: 65%;
    }

    .cases .moreProject .more-title-box .title-search .button {
        width: 32%;
    }

    .cases .sampleProject-main .moreProject {
        padding: 0;
    }

    .cases .sampleProject-main .projectType {
        gap: 8px;
    }

    .cases .sampleProject-main .projectType span {
        width: calc((100% - 2 * 8px) / 3);
    }

    .cases .sampleProject-main .projectType a {
        width: calc((100% - 2 * 8px) / 3);
    }

    .rongyu_list .rongyu_each {
        flex: 0 0 calc((100% - 1 * 30px) / 2);
    }

    .shili {
        margin-top: 8%;
    }

    .shili_list .shili_each {
        flex: 0 0 calc((100% - 1 * 23px) / 2);
    }

    .inner_types a {
        margin: 0 6px;
        margin-bottom: 10px;
        padding: 4px 20px;
    }

    .ser_part .ser_info {
        padding: 5% 3%;
    }

    .ser_part .ser_tit {
        font-size: 18px;
    }

    .solute_banner img {
        height: 300px;
    }

    .solute_cont {
        margin-top: 4%;
    }

    .solute_yblist {
        margin-top: 4%;
    }

    .solute_ybtu {
        width: calc((100% - 1 * 15px) / 2);
    }

    .prod_gongyi_table th,
    .prod_gongyi_table td {
        padding: 4% 10px;
    }

    .prod_tit {
        font-size: 18px;
    }

    .prod_xuanxing {
        margin-top: 6%;
    }

    .prod_xuanxing_table th,
    .prod_xuanxing_table td {
        padding: 4% 10px;
    }

    .prod_jishu {
        padding: 6% 0;
    }

    .prod_jian_cont {
        padding-top: 3%;
    }

    .prod_jishu_list {
        margin-top: 4%;
    }

    .prod_gongyi_table,
    .prod_xuanxing_table {
        padding: 5px;
    }

    .prod_gongyi_table table,
    .prod_xuanxing_table table {
        margin-top: 4%;
        overflow-x: scroll;
        display: block;
    }

    .pro_list a {
        width: calc((100% - 1 * 15px) / 2);
    }

    .pro_left .type li {
        position: relative;
        line-height: 36px;
        font-size: 14px;
    }

    .cases_banner .preview {
        width: 100%;
        padding: 0 40px;
        margin-top: 1rem;
        position: relative;
    }


    .detailInfo > ul li {
        font-size: 15px;
        padding: 16px 6px;
    }

    .detnav {
        justify-content: space-around;
    }

    .industry_each .ind_jian.en {
        width: 95%;
    }

    .industry_each.ou .ind_jian.en {
        margin-left: 5%;
    }

    .cul1_list2 .tit {
        font-size: 12px;
    }

    .fanzhan_list {
        width: calc(100% - var(--side-width));
        margin-right: 0;
    }

    .fanzhan_list .button-prev,
    .fanzhan_list .button-next {
        display: none;
    }

    .vwrap .videobox {
        width: 100%;
        left: 0%;
        margin-left: 0;
    }

    .vwrap .close {
        top: -42px;
        right: 22px;
    }

    .newde {
        width: 94%;
    }

    .fenye {
        flex-wrap: wrap;
    }

    .fenye li {
        max-width: 1000%;
    }

    .page-item {
        min-width: 30px;
        line-height: 30px;
        height: 30px;
    }

    .page-prev, .page-next {
        padding: 4px 12px;
    }

    .section3 .timeline .swiper-slide-content li {
        font-size: 12rem;
        right: 0;
    }

    .shili_list.zhuanjia {
        gap: 23px;
    }

    .shili_list.zhuanjia .shili_each {
        flex: 0 0 100%;
    }

    .sec8_rig .title p {
        font-size: 1.8rem;
    }

    .timeline-ye {
        font-size: 17px;
    }

    .industry_each .ind_tit {
        font-size: 18px;
    }

    .sec8_rig {
        display: none;
    }

    .sec4_list {
        width: 94%;
    }

    .sec4_list .swiper-button-prev,
    .sec4_list .swiper-button-next {
        display: inline-block;
    }

}