@media screen and (max-width: 992px) {
    .pcHead {
        display: none;
    }

    .xymob-head {
        display: block;
    }

    .xymob-head-box .xymob-logo img {
        height: 35px;
    }

    .xymob-head-box .xymob-logo h3 {
        font-size: 17px;
    }

    .banner {
        margin-top: 60px;
    }

    .homeserver {
        margin: 50px 0;
    }

    .hometitle h3 {
        font-size: 21px;
    }

    .homeserver .serlist {
        margin-top: 30px;
        flex-wrap: wrap;
    }

    .homeserver .serlist .sercard {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        height: 70vw;
    }

    .homeserver .serlist .sercard .sercontent {
        justify-content: center;
        padding: 20px;
    }

    .homeserver .serlist .sercard .serem {
        height: 100vw;
    }

    .homeserver .serlist .sercard .sercontent .sertitle {
        font-size: 18px;
        margin: 20px auto 20px;
    }

    .homeserver .serlist .sercard .sercontent .sertips {
        width: 10%;
        height: 3%;
        margin-bottom: 20px;
    }

    .homeserver .serlist .sercard .sercontent .sertxt {
        font-size: 15px;
        width: auto;
        height: auto;
        padding: 0 10px;
        line-height: 1.5;
    }

    .homehotpro {
        margin-top: 50px;
    }

    .homehotpro .hotlist {
        margin-top: 30px;
    }

    .homehotpro .hotlist .hotcard {
        width: 100%;
        height: auto;
        margin-top: 20px;
        margin-right: 0;
    }

    .homehotpro .hotlist .hotcard .hotem .hotimg img {
        object-fit: unset;
    }

    .homehotpro .hotlist .hotcard .hotem .remen {
        width: 70px;
        height: 35px;
    }

    .homehotpro .hotlist .hotcard .hottitle {
        font-size: 16px;
    }

    .homehotpro .hotlist .hotcard .hottitle .hottxt {
        font-size: 16px;
    }

    .homehotpro .hotlist .hotcard .hottitle .hotmore {
        display: none;
    }

    .homeabout {
        margin-top: 50px;
        padding-bottom: 30px;
    }

    .homeabout .homeabcontent {
        margin-top: 30px;
        flex-wrap: wrap;
        height: auto;
    }

    .homeabout .homeabcontent .aboutleft {
        width: 100%;
        height: auto;
    }

    .homeabout .homeabcontent .aboutright {
        width: 100%;
        height: auto;
    }

    .homeabout .homeabcontent .aboutright .aboutrighta {
        padding-top: 10px;
        padding-left: 10px;
    }

    .homeabout .homeabcontent .aboutright .aboutrighta .aboutlogo {
        width: 40px;
        height: 40px;
    }

    .homeabout .homeabcontent .aboutright .aboutrighta h3 {
        font-size: 18px;
    }

    .homeabout .homeabcontent .aboutright .aboutrightb {
        width: 100%;
        font-size: 15px;
        padding: 0 20px;
        margin: 20px 0;
        line-height: 1.5;
    }

    .homeabout .homeabcontent .aboutright:hover::before,
    .homeabout .homeabcontent .aboutright:hover::after {
        content: unset;
    }

    .homeabout .homeabcontent .aboutright:hover .aboutrighta h3,
    .homeabout .homeabcontent .aboutright:hover .aboutrightb {
        color: #333;
    }

    .homeabout .homeabcontent .aboutright .aboutrightc {
        margin: 20px auto;
    }

    .homeabout .homeabcontent .aboutright .aboutrightc a {
        width: 150px;
        height: 45px;
        border-radius: 20px;
    }

    .homeabout .homeabcontent .aboutright .aboutrightc a span:nth-child(2) {
        margin-left: 5px;
    }

    .homeadv {
        margin-top: 50px;
    }

    .homeadv .advlist {
        margin-top: 30px;
    }

    .homeadv .advlist .advitem {
        flex-wrap: wrap;
        margin-bottom: 20px;
        height: auto;
    }

    .homeadv .advlist .advitem .advcontent {
        width: 100%;
        padding: 25px 10px;
        border-radius: 0;
    }

    .homeadv .advlist .advitem .advcontent .advtitle {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .homeadv .advlist .advitem .advcontent .advline {
        width: 30%;
        height: 3%;
        margin: 10px 0;
    }

    .homeadv .advlist .advitem .advcontent .advdesc {
        margin-top: 10px;
        font-size: 15px;
        line-height: 1.2;
    }

    .homeadv .advlist .advitem .advcontent::before {
        content: unset;
    }

    .homeadv .advlist .advitem .advcontent:hover .advtitle,
    .homeadv .advlist .advitem .advcontent:hover .advdesc {
        color: #333;
    }

    .homeadv .advlist .advitem .advimg:hover img {
        transform: scale(1);
    }

    .homeadv .advlist .advitemright {
        flex-direction: row;
    }

    .homepro {
        height: auto;
        margin-top: 50px;
    }

    .homepro .prolist {
        margin-top: 30px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .homepro .prolist .listleft {
        width: 100%;
    }

    .homepro .prolist .listleft .listlefts {
        width: 100%;
    }

    .homepro .prolist .listleft .listlefts .listlefttop {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        border-radius: 0;
        padding-left: 5%;
    }

    .homepro .prolist .listleft .listlefts .listleftnav {
        font-size: 14px;
    }

    .homepro .prolist .listleft .listlefts .listleftnav .listleftnavpage {
        width: 90%;
        gap: 5px;
    }

    .homepro .prolist .listleft .listlefts .listleftnav .listleftnavpage .pronavbox {
        height: 35px;
        padding-left: 5px;
    }

    .homepro .prolist .listleft .listlefts .listlefttel {
        font-size: 16px;
        border-radius: 0;
    }

    .homepro .prolist .listright {
        width: 100%;
    }

    .homepro .prolist .listleft .listlefts .listlefttel .telimg {
        height: auto;
    }

    .homepro .prolist .listleft .listlefts .listlefttel .proteltxt {
        font-size: 16px;
    }

    .homepro .prolist .listright .righgcontent {
        grid-template-columns: repeat(1, 1fr);
    }

    .homepro .prolist .listright .righgcontent .rightitem {
        border-radius: 0;
        margin-bottom: 20px;
    }

    .homepro .prolist .listright .righgcontent .rightitem .rightitemtxt {
        padding: 0 10px;
        font-size: 14px;
        line-height: 50px;
    }

    .homecontact {
        height: auto;
    }

    .homecontact .homeconbox {
        margin-top: 50px;
        flex-wrap: wrap;
    }

    .homecontact .homeconbox .leftcontact {
        width: 100%;
    }

    .homecontact .homeconbox .rightcontact {
        width: 100%;
    }

    .homecontact .homeconbox .leftcontact .leftcontitle {
        font-size: 17px;
        padding-top: 4%;
    }

    .homecontact .homeconbox .leftcontact .leftconbtn a {
        width: 150px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        border-radius: 20px;
    }

    .pagefoot {
        padding: 2rem 0;
    }

    .foot .footleft {
        margin-bottom: 50px;
    }

    .foot .footleft,
    .foot .footcontact,
    .foot .footleft p {
        width: 100%;
    }

    .foot .footpro,
    .foot .footlink,
    .foot .footewm {
        display: none;
    }

    .copy {
        padding: 20px;
        flex-wrap: wrap;
    }

    /* 内页 */
    .innerbanner {
        padding-top: 60px;
        height: 40vw;
    }

    .innerbox {
        padding: 30px 0;
        flex-wrap: wrap;
    }

    .innerbox .nyleft {
        width: 100%;
        display: none;
    }

    .innerbox .m_nyleft {
        display: block;
    }

    .innerbox .nyright {
        width: 100%;
        margin-left: 0;
    }

    .contactbox ul li {
        line-height: 2;
    }

    .newslist .newsitem {
        padding: 15px;
        margin-bottom: 20px;
    }

    .newslist .newsitem .newstitle h3 {
        font-size: 16px;
    }

    .productbox .productitem .producttxt {
        font-size: 14px;
    }

    .prodetalis,
    .hotpro {
        padding: 10px;
    }

    .prodetalis .proinfo {
        flex-wrap: wrap;
    }

    .prodetalis .proinfo .proinfoimg {
        width: 100%;
    }

    .prodetalis .proinfo .protxt {
        width: 100%;
        margin-left: 0;
        padding-top: 0;
        margin-top: 15px;
    }

    .prodetalis .proinfo .protxt .tit3 {
        font-size: 20px;
    }

    .prodetalis .proinfo .protxt .p2 .pcatetext {
        font-size: 16px;
    }

    .prodetalis .proinfo .protxt .f-nobtn a {
        width: 110px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .prodetalis .prodetails_con {
        margin-top: 20px;
    }

    .prodetalis .prodetails_con .content_text {
        margin-top: 20px;
    }

    .hotpro .hotitem .hottext {
        font-size: 14px;
    }

    .paddingfoot {
        padding: 50px;
        background: rgba(245, 245, 245, 1);
    }

    .position {
        display: none;
    }
}

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