.solution-zhgd-content {
    width: 100%;
    background: #fff;
}

.zhgd-title {
    width: 100%;
    height: 38rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 36rem;
    color: #121933;
    line-height: 38rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

/* 星级智慧工地 */
.zhgd-starsmartsite {
    width: 100%;
    background: #fff;
    padding: 189rem 360rem 86rem;
}

.zhgd-starsmartsite .zhgd-starsmartsite-top {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.zhgd-starsmartsite-top .zhgd-starsmartsite-title {
    height: 38rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 36rem;
    color: #121933;
    line-height: 38rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 35rem;
}

.zhgd-starsmartsite-details-list {
    display: none;
}

.zhgd-starsmartsite-top .zhgd-starsmartsite-details {
    width: 620rem;
    height: 229rem;
    background: #eeeff3;
    border-radius: 4rem 4rem 4rem 4rem;
    padding-left: 34rem;
    padding-top: 34rem;
}

.zhgd-starsmartsite-top .zhgd-starsmartsite-details:first-child {
    height: 202rem;
}

.zhgd-starsmartsite-details .zhgd-starsmartsite-details-title {
    height: 34rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 26rem;
    color: #333333;
    line-height: 34rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
    margin-bottom: 20rem;
}

.zhgd-starsmartsite-details-dot {
    margin-left: 27rem;
}

.zhgd-starsmartsite-details-dot ul li {
    height: 40rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 26rem;
    color: #65697f;
    line-height: 40rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
}

.zhgd-starsmartsite-details-dot ul li>span {
    color: #1d72f1;
}

.onestars {
    position: absolute;
    top: 93rem;
    left: 586rem;
}

.twostars {
    position: absolute;
    top: 340rem;
    left: 0rem;
}

.threestars {
    position: absolute;
    top: 340rem;
    right: 0rem;
}

.zhgd-starsmartsite-top-img {
    width: 610rem;
    height: 551rem;
    background: url(../../img/solution/zhgd/zhgd-starsmartsite-img1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 340rem;
    right: 592rem;
    display: none;
}

.zhgd-starsmartsite-bottom {
    width: 100%;
}

.zhgd-starsmartsite-bottom img {
    width: 100%;
    height: 100%;
}

/* web智慧工地 */
.web-zhgd {
    width: 100%;
    padding: 78rem 360rem 95rem;
    background: #F5F9FE;
}

.web-zhgd-title {
    margin-bottom: 60rem;
}

.web-zhgd-info {
    display: flex; 
}

.web-zhgd-info-img {
    width: 600rem;
    height: 337rem;
}

.web-zhgd-info-img img {
    width: 100%;
    height: 100%;
}

.web-zhgd-info-text {
    padding: 64rem 41rem 63rem 42rem;
    width: 600rem;
    height: 337rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 16rem;
    color: rgba(51,51,51,0.8);
    line-height: 30rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
    background: #fff;
}

.web-zhgd-item-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.web-zhgd-item {
    width: 388rem;
    height: 120rem;
    background: #fff;
    position: relative;
    margin-bottom: 22rem;
}

.web-zhgd-item-detail {
    display: flex;
}

.web-zhgd-item-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 60rem;
}

.web-zhgd-item-title {
    position: absolute;
    left: 182rem;
    top: 50%;
    transform: translateY(-50%);
    height: 26rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 20rem;
    color: #121933;
    line-height: 26rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
}

/* 5D智慧工地 */
.five-d-zhgd {
    width: 100%;
    padding: 156rem 360rem 128rem;
    background: #fff;
}

.five-d-zhgd-title {
    text-align: left;
    margin-bottom: 18rem;
}

.five-d-zhgd-info {
    width: 100%;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 18rem;
    color: rgba(51,51,51,0.8);
    line-height: 34rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
    margin-bottom: 38rem;
}

.five-d-zhgd-img {
    width: 100%;
}

.five-d-zhgd-img img {
    width: 100%;
}

/* 智慧工地: WEB智慧工地/5D智慧工地*/
.zhgd-smartsite {
    display: none;
    width: 100%;
    height: 1165rem;
    background: #fff;
    padding-top: 144rem;
}

.zhgd-smartsite .zhgd-smartsite-item-switch {
    width: 616rem;
    height: 76rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.zhgd-smartsite-item-switch .zhgd-smartsite-item {
    width: 220rem;
    height: 100%;
}

.zhgd-smartsite-item .zhgd-smartsite-item-title {
    height: 34rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 26rem;
    color: #333333;
    line-height: 34rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
    display: flex;
    margin: 0 auto;
}

.zhgd-smartsite-item.active .zhgd-smartsite-item-title,
.zhgd-smartsite-item:hover .zhgd-smartsite-item-title {
    color: #1d72f1;
}

.zhgd-smartsite-item.active .zhgd-smartsite-item-title span,
.zhgd-smartsite-item:hover .zhgd-smartsite-item-title span {
    color: #1d72f1;
}

.zhgd-smartsite-item .zhgd-smartsite-item-title span {
    display: block;
    font-family: DingTalk JinBuTi, DingTalk JinBuTi;
    font-weight: 400;
    font-size: 36rem;
    color: #e2e4e5;
    margin-right: 14rem;
}

.zhgd-smartsite-item-line {
    width: 220rem;
    height: 0rem;
    border: 4rem solid #1d72f1;
    margin-top: 38rem;
    display: none;
}

.zhgd-smartsite-item.active .zhgd-smartsite-item-line,
.zhgd-smartsite-item:hover .zhgd-smartsite-item-line {
    display: block;
}

.zhgd-smartsite .zhgd-smartsite-swiper-container {
    width: 100%;
    height: 945rem;
    background: #f3f4f8;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zhgd-smartsite-swiper-container .zhgd-smartsite-swiper {
    width: 1588rem;
    height: 637rem;
    background-color: pink;
}

.zhgd-smartsite-swiper .swiper-wrapper {
    width: 100% !important;
    height: 100% !important;
}

.zhgd-smartsite-swiper .swiper-wrapper .swiper-slide {
    width: 100% !important;
    height: 100% !important;
    display: flex;
}

.swiper-slide .zhgd-smartsite-swiper-inner {
    width: 700rem;
    height: 100%;
    background: #173aa2;
    padding-top: 175rem;
    padding-left: 50rem;
}

.zhgd-smartsite-swiper-inner-title {
    height: 34rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 24rem;
    color: #ffffff;
    line-height: 34rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
}

.zhgd-smartsite-swiper-inner-line {
    width: 39rem;
    height: 0rem;
    border: 4rem solid #ffffff;
    margin-top: 30rem;
}

.zhgd-smartsite-swiper-inner-detail {
    width: 615rem;
    height: 136rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 18rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 34rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 34rem;
}

.zhgd-smartsite-swiper-inner-button {
    width: 120rem;
    height: 48rem;
    border-radius: 6rem 6rem 6rem 6rem;
    border: 1rem solid #ffffff;
    font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
    font-weight: 500;
    font-size: 18rem;
    color: #ffffff;
    line-height: 21rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 34rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide .zhgd-smartsite-swiper-inner-conception {
    width: 888rem;
    height: 100%;
    background: url(../../img/solution/zhgd/zhgd-smartsite-swiper-inner-conception-img1.png) no-repeat;
    background-size: 100% 100%;
}

.conception2 {
    /* background: url(../../img/solution/zhgd/zhgd-smartsite-swiper-inner-conception-img2.png)
    no-repeat !important; */
    background: url(https://qiniu.megatron.cn/%E5%85%AC%E5%8F%B8%E5%AE%98%E7%BD%91/zhgd-smartsite-swiper-inner-conception-img2.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.swiper-slide .zhgd-smartsite-swiper-inner-conception .zhgd-smartsite-swiper-inner-conception-bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    position: relative;
}

.zhgd-smartsite-swiper-inner-conception-content {
    width: 100%;
    height: 224rem;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 24rem;
    padding-left: 49rem;
}

.zhgd-smartsite-swiper-inner-conception-title {
    height: 34rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 24rem;
    color: #ffffff;
    line-height: 34rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
}

.zhgd-smartsite-swiper-inner-conception-line {
    width: 30rem;
    height: 0rem;
    border: 4rem solid #ffffff;
    margin-top: 20rem;
}

.zhgd-smartsite-swiper-inner-conception-detail {
    width: 812rem;
    height: 105rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 18rem;
    color: #ffffff;
    line-height: 34rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
    margin-top: 13rem;
}

/* 企业级智慧管理系统 */
.zhgd-enterpriseIntelligentManagementSystem {
    width: 100%;
    background: #F5F9FE;
    padding-top: 59rem;
    padding-left: 360rem;
    padding-right: 360rem;
    padding-bottom: 87rem;
}

.zhgd-enterpriseIntelligentManagementSystem-title {
    width: 100%;
    height: 38rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 36rem;
    color: #121933;
    line-height: 38rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 38rem;
}

.zhgd-enterpriseIntelligentManagementSystem-detail {
    width: 100%;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 16rem;
    color: #333333;
    line-height: 34rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
    margin-bottom: 47rem;
}

.zhgd-enterprise-img {
    width: 100%;
    background: url(../../img/solution/zhgd/zhgd-enterpriseIntelligentManagementSystem-img.png) no-repeat;
    background-size: 100% 100%;
}

.zhgd-enterpriseIntelligentManagementSystem-list {
    width: 1400rem;
    height: 656rem;
    margin: 0 auto;
    position: relative;
}

.zhgd-enterpriseIntelligentManagementSystem-list-img {
    width: 595rem;
    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: 1018rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.zhgd-enterpriseIntelligentManagementSystem-item {
    width: 80%;
    height: 109rem;
    border-bottom: 1px dashed rgba(51,51,51,0.5);
    padding-top: 60rem;
}

.height2 {
    padding-top: 75rem;
    height: 125rem;
}

.height3 {
    padding-top: 31rem;
    height: 129rem;
}

.height4 {
    padding-top: 75rem;
    height: 129rem;
}

.height5 {
    padding-top: 31rem;
    height: 138rem;
}

.zhgd-enterpriseIntelligentManagementSystem-item-title {
    height: 34rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 22rem;
    color: #333;
    line-height: 34rem;
    text-align: right;
    font-style: normal;
    text-transform: none;
    margin-left: 40rem;
    white-space: nowrap;
    /* 保持文本在一行 */
    overflow: hidden;
    /* 隐藏溢出的文本 */
    text-overflow: ellipsis;
    /* 显示省略号 */
}

.mobile-zhgd-enterpriseIntelligentManagementSystem-item-title {
    width: 219rem;
    height: 34rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 26rem;
    color: #ffffff;
    line-height: 34rem;
    text-align: right;
    font-style: normal;
    text-transform: none;
    margin-left: 40rem;
    white-space: nowrap;
    /* 保持文本在一行 */
    overflow: hidden;
    /* 隐藏溢出的文本 */
    text-overflow: ellipsis;
    /* 显示省略号 */
}

.zhgd-enterpriseIntelligentManagementSystem-item-title span {
    display: inline-block;
    margin-left: 51rem;
}

.title-margin {
    margin-bottom: 12rem;
}

.title-margin2 {
    margin-bottom: 18rem;
}

/* AI、AR、VR应用 */
.zhgd-AIARVRapplications {
    width: 100%;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 74rem 360rem 142rem;
}

.zhgd-AIARVRapplications-title {
    margin-bottom: 43rem;
}

.zhgd-AIARVRapplications-content {
    width: 100%;
    height: 544rem;
    display: flex;
    justify-content: space-between;
}

.zhgd-AIARVRapplications-item-switch {
    width: 341rem;
    height: 100%;
    margin-right: 30rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.zhgd-AIARVRapplications-item-switch .zhgd-AIARVRapplications-item {
    width: 100%;
    height: 168rem;
}

.zhgd-AIARVRapplications-item-switch .zhgd-AIARVRapplications-item:first-child {
    background: url(../../img/solution/zhgd/zhgd-AIARVRapplications-img1.png) no-repeat;
    background-size: 100% 100%;
}

.zhgd-AIARVRapplications-item-switch .zhgd-AIARVRapplications-item:nth-child(2) {
    background: url(../../img/solution/zhgd/zhgd-AIARVRapplications-img2.png) no-repeat;
    background-size: 100% 100%;
}

.zhgd-AIARVRapplications-item-switch .zhgd-AIARVRapplications-item:nth-child(3) {
    background: url(../../img/solution/zhgd/zhgd-AIARVRapplications-img3.png) no-repeat;
    background-size: 100% 100%;
}

.zhgd-AIARVRapplications-item .zhgd-AIARVRapplications-item-bg {
    width: 100%;
    height: 100%;
    padding-top: 23rem;
    padding-left: 34rem;
    background: rgba(0, 0, 0, 0.5);
}

.zhgd-AIARVRapplications-item.active .zhgd-AIARVRapplications-item-bg,
.zhgd-AIARVRapplications-item:hover .zhgd-AIARVRapplications-item-bg {
    background: linear-gradient(270deg, rgba(23, 58, 162, 0) 0%, #173aa2 100%);
}

.zhgd-AIARVRapplications-item-title {
    height: 34rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 30rem;
    color: #FFFFFF;
    line-height: 34rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
}

.zhgd-AIARVRapplications-item-line {
    width: 30rem;
    height: 0rem;
    border-bottom: 4rem solid #ffffff;
    margin-top: 19rem;
}

.zhgd-AIARVRapplications-item-case {
    height: 20rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 18rem;
    color: #FFFFFF;
    line-height: 20rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
    margin-top: 26rem;
}

.zhgd-AIARVRapplications-item-case span {
    margin-left: 42rem;
}

.zhgd-AIARVRapplications-swiper-container {
    width: 839rem;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
}

.zhgd-AIARVRapplications-detail-bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
}

.zhgd-AIARVRapplications-swiper {
    width: 100%;
    height: 100%;
}

.zhgd-AIARVRapplications-swiper .swiper-wrapper {
    width: 100% !important;
    height: 100% !important;
}

.zhgd-AIARVRapplications-swiper .swiper-wrapper .swiper-slide {
    width: 100% !important;
    height: 100% !important;
}

.swiper-slide .zhgd-AIARVRapplications-swiper-inner {
    width: 100%;
    height: 100%;
    background: url(https://qiniu.megatron.cn/%E5%85%AC%E5%8F%B8%E5%AE%98%E7%BD%91/zhgd-AIARVRapplications-swiper-img1.png) no-repeat;
    background-size: 100% 100%;
}

.swiper-slide .bg2 {
    background: url(https://qiniu.megatron.cn/%E5%85%AC%E5%8F%B8%E5%AE%98%E7%BD%91/zhgd-AIARVRapplications-swiper-img2.png) no-repeat;
    background-size: 100% 100%;
}

.swiper-slide .bg3 {
    background: url(https://qiniu.megatron.cn/%E5%85%AC%E5%8F%B8%E5%AE%98%E7%BD%91/zhgd-AIARVRapplications-swiper-img3.png) no-repeat;
    background-size: 100% 100%;
}

.zhgd-AIARVRapplications-swiper-inner-bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    position: relative;
}

.zhgd-AIARVRapplications-swiper-inner-box {
    position: absolute;
    left: 56rem;
    bottom: 36rem;
}

.zhgd-AIARVRapplications-swiper-inner-title {
    height: 34rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 24rem;
    color: #ffffff;
    line-height: 34rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
}

.zhgd-AIARVRapplications-swiper-inner-line {
    width: 30rem;
    height: 0rem;
    border: 4rem solid #ffffff;
    margin-top: 20rem;
}

.zhgd-AIARVRapplications-swiper-inner-detail {
    width: 758rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 16rem;
    color: #FFFFFF;
    line-height: 26rem;
    text-align: justify;
    font-style: normal;
    text-transform: none;
    margin-top: 18rem;
}

/* 工地物联网 */
.zhgd-Internet {
    width: 100%;
    background: #F5F9FE;
    padding: 77rem 360rem 66rem;
}

.zhgd-Internet-title {
    width: 100%;
    height: 34rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 700;
    font-size: 36rem;
    color: #333333;
    line-height: 34rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 39rem;
}

.zhgd-internet-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.zhgd-internet-item {
    width: 290rem;
    margin-bottom: 14rem;
}

.zhgd-internet-item-img {
    width: 100%;
    height: 162rem;
}

.zhgd-internet-item-img img {
    width: 100%;
    height: 100%;
}

.zhgd-internet-item-info {
    width: 100%;
    height: 180rem;
    background: #FFFFFF;
    padding: 18rem 15rem 0;
}

.zhgd-internet-item-title {
    width: 100%;
    height: 20rem;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 18rem;
    color: #333333;
    line-height: 20rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 13rem;
}

.zhgd-internet-item-detail {
    width: 100%;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 16rem;
    color: #666666;
    line-height: 28rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
