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

    /* 星级智慧工地 */
    .zhgd-starsmartsite {
        width: 100%;
        padding: 0;
        padding-top: 33rem;
        padding-bottom: 15rem;
        background: #fff;
    }

    .zhgd-starsmartsite .zhgd-starsmartsite-top {
        width: 336rem;
        margin: 0 auto;
    }

    .zhgd-starsmartsite-top .zhgd-starsmartsite-title {
        width: 100%;
        height: 20rem;
        font-weight: 700;
        font-size: 14rem;
        line-height: 20rem;
        text-align: center;
        margin-bottom: 9rem;
    }

    .zhgd-starsmartsite-top .zhgd-starsmartsite-details {
        width: 336rem;
        height: 93rem;
        padding-left: 15rem;
        padding-top: 8rem;
        margin-bottom: 4rem;
    }

    .zhgd-starsmartsite-top .zhgd-starsmartsite-details:first-child {
        height: 97rem;
    }

    .zhgd-starsmartsite-details .zhgd-starsmartsite-details-title {
        font-size: 14rem;
        margin-bottom: 0rem;
    }

    .zhgd-starsmartsite-details-dot {
        margin-left: 15rem;
    }

    .zhgd-starsmartsite-details-dot ul li {
        height: 20rem;
        font-size: 11rem;
        line-height: 20rem;
    }

    .zhgd-starsmartsite-details-dot ul li>span {
        color: #1d72f1;
    }

    .onestars {
        position: absolute;
        top: 141rem;
        left: 0rem;
    }

    .twostars {
        position: absolute;
        top: 242rem;
        left: 0rem;
    }

    .threestars {
        position: absolute;
        top: 339rem;
        left: 0rem;
    }

    .zhgd-starsmartsite-top-img {
        width: 113rem;
        height: 102rem;
        background: url(../../img/solution/zhgd/zhgd-starsmartsite-img1.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 33rem;
        left: 111rem;
    }

    .zhgd-starsmartsite-bottom {
        width: 335rem;
        height: 165rem;
        margin: 12rem auto 0rem;
    }

    .zhgd-starsmartsite-bottom img {
        width: 100%;
        height: 100%;
    }

    /* 智慧工地: WEB智慧工地/5D智慧工地*/
    .zhgd-smartsite {
        width: 100%;
        height: 346rem;
        background: #fff;
        padding-top: 43rem;
        box-sizing: border-box;
    }

    .zhgd-smartsite .zhgd-smartsite-item-switch {
        width: 259rem;
        height: 34rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .zhgd-smartsite-item-switch .zhgd-smartsite-item {
        width: 109rem;
        height: 100%;
    }

    .zhgd-smartsite-item .zhgd-smartsite-item-title {
        height: 20rem;
        font-size: 14rem;
        line-height: 20rem;
        display: flex;
        margin: 0 auto;
    }

    .zhgd-smartsite-item .zhgd-smartsite-item-title span {
        font-size: 14rem;
        margin-right: 6rem;
    }

    .zhgd-smartsite-item-line {
        width: 109rem;
        height: 0rem;
        border: 2rem solid #1d72f1;
        margin-top: 9rem;
        display: none;
    }

    .zhgd-smartsite .zhgd-smartsite-swiper-container {
        width: 100%;
        height: 274rem;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative !important;
    }

    .zhgd-smartsite-swiper-container .zhgd-smartsite-swiper {
        width: 259rem;
        height: 228rem;
        background-color: pink;
    }

    .zhgd-smartsite-swiper .swiper-wrapper {
        width: 100% !important;
        height: 100% !important;
    }

    .zhgd-smartsite-swiper .swiper-wrapper .swiper-slide {
        width: 259rem !important;
        height: 100% !important;
        display: flex;
        flex-direction: column-reverse;
    }

    .swiper-slide .zhgd-smartsite-swiper-inner {
        width: 259rem;
        height: 114rem;
        background: #173aa2;
        padding-top: 2rem;
        padding-left: 9rem;
        position: relative;
    }

    .zhgd-smartsite-swiper-inner-title {
        height: 34rem;
        font-size: 11rem;
        line-height: 34rem;
    }

    .zhgd-smartsite-swiper-inner-line {
        width: 20rem;
        height: 0rem;
        border: 2rem solid #ffffff;
        margin-top: 4rem;
    }

    .zhgd-smartsite-swiper-inner-detail {
        width: 241rem;
        height: 45rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 400;
        font-size: 8px;
        color: rgba(255, 255, 255, 0.8);
        line-height: 15rem;
        margin-top: 6rem;
    }

    .zhgd-smartsite-swiper-inner-button {
        width: 59rem;
        height: 21rem;
        border-radius: 2rem 2rem 2rem 2rem;
        border: 1rem solid #ffffff;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 500;
        font-size: 11rem;
        color: #ffffff;
        line-height: 16rem;
        text-align: left;
        font-style: normal;
        text-transform: none;
        position: absolute;
        top: 13rem;
        right: 9rem;
        margin-top: 0rem;
    }

    .swiper-slide .zhgd-smartsite-swiper-inner-conception {
        width: 100%;
        height: 114rem;
        background: url(https://qiniu.megatron.cn/%E5%85%AC%E5%8F%B8%E5%AE%98%E7%BD%91/project-南沙口腔医院.png) no-repeat;
        background-size: 100% 100%;
    }

    .conception2 {
        width: 100%;
        height: 114rem;
        background: url(../../img/solution/zhgd/mobile-zhgd-smartsite-swiper-inner-conception-img2.png) no-repeat !important;
        background-size: 100% 100%;
    }

    .swiper-slide .zhgd-smartsite-swiper-inner-conception .zhgd-smartsite-swiper-inner-conception-bg {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
    }

    .zhgd-smartsite-swiper-inner-conception-content {
        display: none;
    }

    .zhgdSmartSite-consult-swiper-button {
        position: absolute;
        width: 26rem;
        height: 26rem;
        background-image: url(../../img/index-slider/swiper-item-arrow.svg);
        background-size: 100% 100%;
        left: 20rem;
        top: 39%;
        cursor: pointer;
        z-index: 1;
    }

    .zhgdSmartSite-consult-swiper-button.zhgdSmartSite-consult-swiper-button-next {
        left: auto;
        right: 20rem;
        transform: rotate(180deg);
    }

    /* 企业级智慧管理系统 */
    .zhgd-enterpriseIntelligentManagementSystem {
        width: 100%;
        padding: 0;
        padding-top: 14rem;
        box-sizing: border-box;
        background: #fff;
        padding: 27rem 20rem 24rem;
    }

    .zhgd-enterpriseIntelligentManagementSystem-title {
        height: 16rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 700;
        font-size: 14rem;
        color: #333333;
        line-height: 16rem;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }

    .mobile-zhgd-enterpriseIntelligentManagementSystem-detail {
        display: none !important;
        width: 100%;
        height: 75rem;
        padding-left: 230rem;
        padding-top: 30rem;
    }

    .mobile-zhgd-enterpriseIntelligentManagementSystem-detailbox {
        width: 124rem;
        height: 20rem;
        position: relative;
    }

    .mobile-zhgd-enterpriseIntelligentManagementSystem-detail-title {
        height: 20rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 700;
        font-size: 14rem;
        color: #ffffff;
        line-height: 20rem;
        text-align: left;
        font-style: normal;
        text-transform: none;
        z-index: 2;
        position: relative;
    }

    .mobile-zhgd-enterpriseIntelligentManagementSystem-detailbox .mobile-zhgd-enterpriseIntelligentManagementSystem-detail-box {
        width: 124rem;
        height: 4rem;
        background: rgba(23, 58, 162, 0.8);
        position: absolute;
        left: 0rem;
        bottom: 0rem;
        z-index: 1;
    }

    .zhgd-enterpriseIntelligentManagementSystem-detail {
        display: none;
    }

    .zhgd-enterpriseIntelligentManagementSystem-list {
        width: 335rem;
        height: 128rem;
        margin: 0 auto;
        position: relative;
    }

    .zhgd-enterpriseIntelligentManagementSystem-list-img {
        width: 116rem;
        height: 100%;
        background: url(../../img/solution/zhgd/zhgd-enterpriseIntelligentManagementSystem-img.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .zhgd-enterpriseIntelligentManagementSystem-list-content {
        width: 261rem;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .zhgd-enterpriseIntelligentManagementSystem-item {
        width: 100%;
        height: 22rem;
        border-bottom: 1px dashed rgba(51, 51, 51, 0.5);
        padding-top: 4rem;
    }

    .height2 {
        padding-top: 6rem;
        height: 25rem;
    }

    .height3 {
        padding-top: 6rem;
        height: 25rem;
    }

    .height4 {
        padding-top: 6rem;
        height: 25rem;
    }

    .height5 {
        padding-top: 8rem;
        height: 27rem;
    }

    .zhgd-enterpriseIntelligentManagementSystem-item-title,
    .mobile-zhgd-enterpriseIntelligentManagementSystem-item-title {
        height: 15rem;
        font-size: 8rem;
        line-height: 15rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #333333;
    }

    .zhgd-enterpriseIntelligentManagementSystem-item-title.display {
        display: none;
    }

    .mobile-zhgd-enterpriseIntelligentManagementSystem-item-title {
        display: block !important;
    }

    /* AI、AR、VR应用 */
    .zhgd-AIARVRapplications {
        width: 100%;
        height: 524rem;
        padding: 0;
    }

    .zhgd-AIARVRapplications-title {
        display: none;
    }

    .zhgd-AIARVRapplications-content {
        display: none;
    }

    .mobile-zhgd-AIARVRapplications-content {
        display: block !important;
        width: 100%;
        height: 100%;
        padding-top: 20rem;
    }

    .mobile-zhgd-AIARVRapplications-content-title {
        width: 100%;
        height: 26rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 700;
        font-size: 14rem;
        color: #333333;
        line-height: 26rem;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }

    .mobile-zhgd-AIARVRapplications-content-list {
        width: 335rem;
        height: 446rem;
        margin: 12rem auto 0rem;
    }

    .mobile-zhgd-AIARVRapplications-content-item {
        width: 100%;
        height: 150rem;
        margin-bottom: 8rem;
    }

    .mobile-zhgd-AIARVRapplications-content-item:first-child {
        background: url(../../img/solution/zhgd/mobile-zhgd-AIARVRapplications-img1.png) no-repeat;
        background-size: 100% 100%;
    }

    .mobile-zhgd-AIARVRapplications-content-item:nth-child(2) {
        background: url(../../img/solution/zhgd/mobile-zhgd-AIARVRapplications-img2.png) no-repeat;
        background-size: 100% 100%;
    }

    .mobile-zhgd-AIARVRapplications-content-item:nth-child(3) {
        background: url(../../img/solution/zhgd/mobile-zhgd-AIARVRapplications-img3.png) no-repeat;
        background-size: 100% 100%;
        margin-bottom: 0rem;
    }

    .mobile-zhgd-AIARVRapplications-content-item-bg {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.35);
        padding-top: 4rem;
        padding-left: 9rem;
    }

    .mobile-zhgd-AIARVRapplications-content-item-title {
        height: 29rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 700;
        font-size: 16rem;
        color: #ffffff;
        line-height: 30rem;
        text-align: justify;
        font-style: normal;
        text-transform: none;
    }

    .mobile-zhgd-AIARVRapplications-content-item-classify {
        height: 22rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 400;
        font-size: 11rem;
        color: #ffffff;
        line-height: 22rem;
        text-align: justify;
        font-style: normal;
        text-transform: none;
    }

    .mobile-zhgd-AIARVRapplications-content-item-classify span {
        display: inline-block;
        margin-left: 10rem;
    }

    .mobile-zhgd-AIARVRapplications-content-item-subtitle {
        height: 34rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 700;
        font-size: 14rem;
        color: #ffffff;
        line-height: 34rem;
        text-align: justify;
        font-style: normal;
        text-transform: none;
    }

    .mobile-zhgd-AIARVRapplications-content-item-subtitle.margin1 {
        margin-top: 5rem;
    }

    .mobile-zhgd-AIARVRapplications-content-item-subtitle.margin2 {
        margin-top: 25rem;
    }

    .mobile-zhgd-AIARVRapplications-content-item-subtitle.margin3 {
        margin-top: 9rem;
    }

    .mobile-zhgd-AIARVRapplications-content-item-bg .line {
        width: 20rem;
        height: 0rem;
        border-bottom: 2rem solid #ffffff;
    }

    .mobile-zhgd-AIARVRapplications-content-item-detail {
        width: 315rem;
        height: 40rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 400;
        font-size: 11rem;
        color: #ffffff;
        line-height: 20rem;
        text-align: justify;
        font-style: normal;
        text-transform: none;
        margin-top: 4rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 限制为两行文本 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 工地物联网 */
    .zhgd-Internet {
        width: 100%;
        height: 400rem;
        background-color: #fff;
        padding: 0;
        padding-top: 16rem;
    }

    .zhgd-Internet-title {
        height: 26rem;
        font-size: 14rem;
        line-height: 26rem;
        margin-bottom: 22rem;
    }

    .zhgd-internet-list {
        display: none;
    }

    .mobile-zhgd-Internet-list {
        display: block !important;
        width: 100%;
        height: 315rem;
        position: relative;
    }

    .mobile-zhgd-Internet-container {
        width: 335rem;
        height: 315rem;
        margin: 0 auto;
    }

    .mobile-zhgd-Internet-swiper {
        width: 100%;
        height: 100%;
    }

    .mobile-zhgd-Internet-swiper .swiper-wrapper {
        width: 100% !important;
        height: 279rem !important;
    }

    .mobile-zhgd-Internet-swiper .swiper-slide {
        width: 100% !important;
        height: 100% !important;
    }

    .mobile-zhgd-Internet-swiper .swiper-slide.flex {
        display: flex;
        flex-wrap: wrap;
    }

    .mobile-zhgd-Internet-list-item {
        width: 162rem;
        height: 135rem;
        margin-right: 11rem;
        margin-bottom: 9rem;
    }

    .mobile-zhgd-Internet-list-item:nth-child(2n) {
        margin-right: 0rem;
    }

    .mobile-zhgd-Internet-list-item:nth-child(3) {
        margin-bottom: 0rem;
    }

    .mobile-zhgd-Internet-list-item:nth-child(4) {
        margin-bottom: 0rem;
    }

    .mobile-zhgd-Internet-list-item:first-child {
        background: url(../../img/solution/zhgd/zhgd-Internet-bg1.png) no-repeat;
        background-size: 100% 100%;
    }

    .mobile-zhgd-Internet-list-item:nth-child(2) {
        background: url(../../img/solution/zhgd/zhgd-Internet-bg2.png) no-repeat;
        background-size: 100% 100%;
    }

    .mobile-zhgd-Internet-list-item:nth-child(3) {
        background: url(../../img/solution/zhgd/zhgd-Internet-bg3.png) no-repeat;
        background-size: 100% 100%;
    }

    .mobile-zhgd-Internet-list-item:nth-child(4) {
        background: url(../../img/solution/zhgd/zhgd-Internet-bg4.png) no-repeat;
        background-size: 100% 100%;
    }

    .mobile-zhgd-Internet-item-bg {
        width: 100%;
        height: 100%;
        background: rgba(23, 58, 162, 0.6);
        padding-top: 11rem;
    }

    .mobile-zhgd-Internet-item-img {
        width: 20rem;
        height: 20rem;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mobile-zhgd-Internet-item-img img {
        height: 100%;
    }

    .mobile-zhgd-Internet-item-title {
        width: 100%;
        height: 26rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 500;
        font-size: 14rem;
        color: #ffffff;
        line-height: 26rem;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }

    .mobile-zhgd-Internet-item-detail {
        width: 143rem;
        height: 58rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 400;
        font-size: 11rem;
        color: #ffffff;
        line-height: 20rem;
        text-align: center;
        font-style: normal;
        text-transform: none;
        margin: 0 auto;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* 限制为两行文本 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .bg1 {
        background: url(../../img/solution/zhgd/zhgd-Internet-bg5.png) no-repeat !important;
        background-size: 100% 100% !important;
    }

    .bg2 {
        background: url(../../img/solution/zhgd/zhgd-Internet-bg6.png) no-repeat !important;
        background-size: 100% 100% !important;
    }

    .bg3 {
        background: url(../../img/solution/zhgd/zhgd-Internet-bg7.png) no-repeat !important;
        background-size: 100% 100% !important;
    }

    .bg4 {
        background: url(../../img/solution/zhgd/zhgd-Internet-bg8.png) no-repeat !important;
        background-size: 100% 100% !important;
    }

    .mobile-zhgd-Internet-swiper-button {
        position: absolute;
        width: 26rem;
        height: 26rem;
        background-image: url(../../img/index-slider/swiper-item-arrow.svg);
        background-size: 100% 100%;
        left: 111rem;
        bottom: 0rem;
        cursor: pointer;
        z-index: 1;
    }

    .mobile-zhgd-Internet-swiper-button.mobile-zhgd-Internet-swiper-button-next {
        left: auto;
        right: 110rem;
        transform: rotate(180deg);
    }

    .mobile-zhgd-Internet-swiper-pagination {
        width: 70rem !important;
        height: 2rem !important;
        position: absolute !important;
        bottom: 12rem !important;
        left: 131rem !important;
        display: flex;
    }

    .mobile-zhgd-Internet-swiper-pagination .swiper-pagination-bullet {
        width: 30rem !important;
        height: 2rem !important;
        background: #d8d8d8 !important;
        margin-right: 10rem !important;
    }

    .mobile-zhgd-Internet-swiper-pagination .swiper-pagination-bullet:last-child {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }

    .mobile-zhgd-Internet-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #173aa2 !important;
    }

    /* web智慧工地 */
    .web-zhgd {
        width: 100%;
        padding: 18rem 20rem 15rem 20rem;
        background: #F5F9FE;
    }

    .web-zhgd-title {
        width: 100%;
        height: 16rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 700;
        font-size: 14rem;
        color: #333333;
        line-height: 16rem;
        text-align: center;
        font-style: normal;
        text-transform: none;
        margin-bottom: 8rem;
    }

    .web-zhgd-info {
        display: flex;
        flex-direction: column;
    }

    .web-zhgd-info-img {
        width: 100%;
        height: 189rem;
    }

    .web-zhgd-info-img img {
        width: 100%;
        height: 100%;
    }

    .web-zhgd-info-text {
        padding: 0;
        width: 100%;
        height: auto;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 350;
        font-size: 11rem;
        color: rgba(51,51,51,0.8);
        line-height: 20rem;
        text-align: justify;
        font-style: normal;
        text-transform: none;
        margin: 8rem 0 13rem 0;
    }

    .web-zhgd-item-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .web-zhgd-item {
        width: 158rem;
        height: 50rem;
        background: #fff;
        position: relative;
        margin-bottom: 6rem;
    }

    .web-zhgd-item-detail {
        display: flex;
    }

    .web-zhgd-item-img {
        width: 14rem;
        height: 14rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 28rem;
    }

    .web-zhgd-item-img img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .web-zhgd-item-title {
        position: absolute;
        left: 54rem;
        top: 50%;
        transform: translateY(-50%);
        height: 26rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 500;
        font-size: 11rem;
        color: #121933;
        line-height: 26rem;
        text-align: justify;
        font-style: normal;
        text-transform: none;
    }

    /* 5D智慧工地 */
    .five-d-zhgd {
        width: 100%;
        padding: 27rem 20rem 24rem;
        background: #fff;
    }

    .five-d-zhgd-title {
        height: 16rem;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 700;
        font-size: 14rem;
        color: #333333;
        line-height: 16rem;
        font-style: normal;
        text-transform: none;
        text-align: center;
        margin-bottom: 9rem;
    }

    .five-d-zhgd-info {
        width: 100%;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 350;
        font-size: 11rem;
        color: rgba(51,51,51,0.8);
        line-height: 20rem;
        text-align: justify;
        font-style: normal;
        text-transform: none;
        margin-bottom: 10rem;
    }

    .five-d-zhgd-img {
        width: 100%;
    }

    .five-d-zhgd-img img {
        width: 100%;
    }
}