.main8 {
    width: 1500px;
    flex-wrap: wrap;
    margin: 0 auto;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-col {
    display: flex;
    flex-direction: column;
}
.section2-0 {
    box-shadow: 0px 0px 30px 0px rgba(62, 97, 23, 0.2);
    height: 371px;
    width: 580px;
    margin: 0 0px 20px 140px;
}
.section2-4 {
    box-shadow: 0px 0px 30px 0px rgba(62, 97, 23, 0.2);
    height: 371px;
    width: 580px;
    margin: 0 0px 20px 135px;
}
.section2-5 {
    box-shadow: 0px 0px 30px 0px rgba(62, 97, 23, 0.2);
    height: 371px;
    width: 580px;
    margin: 0 20px 20px 80px;
}
.mod3-0 {
    height: 368px;
    width: 590px;
    background: url(../img/intelligentize-shuidian.png)
    100% no-repeat;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}

.mod3-0:hover {
    transform: scale(1.03);
}
.block1-0 {
    height: 45px;
    margin-top: 323px;
    width: 590px;
    display: none;
}
.info4-0 {
    width: 120px;
    height: 28px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: PingFangSC-Medium;
    text-align: center;
    white-space: nowrap;
    line-height: 28px;
    display: block;
    margin: 8px 0 0 235px;
}
.section2-1 {
    box-shadow: 0px 0px 30px 0px rgba(62, 97, 23, 0.2);
    height: 368px;
    width: 590px;
    margin: 0 00px 20px 70px;
}
.mod3-1 {
    height: 368px;
    width: 590px;
    background: url(../img/intelligentize-jiankong.png)
    100% no-repeat;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}
.mod3-1:hover {
    transform: scale(1.03);
}
.block1-1 {
    height: 45px;
    margin-top: 323px;
    width: 590px;
    display: none;
}
.info4-1 {
    width: 120px;
    height: 28px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: PingFangSC-Medium;
    text-align: center;
    white-space: nowrap;
    line-height: 28px;
    display: block;
    margin: 8px 0 0 235px;
}
.section2-2 {
    box-shadow: 0px 0px 30px 0px rgba(62, 97, 23, 0.2);
    height: 368px;
    width: 590px;
    margin: 0 0px 20px 140px;
}
.mod3-2 {
    height: 368px;
    width: 590px;
    background: url(../img/intelligentize-shuju.png)
    100% no-repeat;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}
.mod3-2:hover {
    transform: scale(1.03);
}
.block1-2 {
    height: 45px;
    margin-top: 323px;
    width: 590px;
    display: none;
}
.info4-2 {
    width: 120px;
    height: 28px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: PingFangSC-Medium;
    text-align: center;
    white-space: nowrap;
    line-height: 28px;
    display: block;
    margin: 8px 0 0 235px;
}
.section2-3 {
    box-shadow: 0px 0px 30px 0px rgba(62, 97, 23, 0.2);
    height: 368px;
    width: 590px;
    margin: 0 0px 20px 60px;
}
.mod3-3 {
    height: 368px;
    width: 590px;
    background: url(../img/intelligentize-fenxi.png)
    100% no-repeat;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}
.mod3-3:hover {
    transform: scale(1.03);
}

.mod3-4 {
    height: 371px;
    width: 580px;
    background: url(../img/diya.png)
    100% no-repeat;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}
.mod3-4:hover {
    transform: scale(1.03);
}
.mod3-5 {
    height: 371px;
    width: 580px;
    background: url(../img/lora.png)
    100% no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}
.mod3-5:hover {
    transform: scale(1.03);
}
.block1-3 {
    height: 45px;
    margin-top: 323px;
    width: 590px;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    display: none;
}
.block1-4 {
    height: 45px;
    margin-top: 323px;
    width: 590px;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    display: none;
}
.block1-5 {
    height: 45px;
    margin-top: 323px;
    width: 590px;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    display: none;
}
.info4-3 {
    width: 120px;
    height: 28px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-family: PingFangSC-Medium;
    text-align: center;
    white-space: nowrap;
    line-height: 28px;
    display: block;
    margin: 8px 0 0 235px;
}
.zhjq-0 {
    height: 368px;
    width: 590px;
    background: url(../img/zhjq-1.png) no-repeat;
    background-size:100% 100%;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}

.zhjq-0:hover {
    transform: scale(1.03);
}

.zhjq-1 {
    height: 368px;
    width: 590px;
    background: url(../img/zhjq-2.png) no-repeat;
    background-size:100% 100%;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}

.zhjq-1:hover {
    transform: scale(1.03);
}

.zhjq-2 {
    height: 368px;
    width: 590px;
    background: url(../img/zhjq-3.png) no-repeat;
    background-size:100% 100%;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}

.zhjq-2:hover {
    transform: scale(1.03);
}

.zhjq-3 {
    height: 368px;
    width: 590px;
    background: url(../img/zhjq-4.png) no-repeat;
    background-size:100% 100%;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}

.zhjq-3:hover {
    transform: scale(1.03);
}

.zhjq-4 {
    height: 371px;
    width: 580px;
    background: url(../img/zhjq-5.png) no-repeat;
    background-size:100% 100%;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}

.zhjq-4:hover {
    transform: scale(1.03);
}

.zhjq-5 {
    height: 371px;
    width: 580px;
    background: url(../img/zhjq-2.png) no-repeat;
    background-size:100% 100%;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}

.zhjq-5:hover {
    transform: scale(1.03);
}

.zhjq-6 {
    height: 371px;
    width: 580px;
    background: url(../img/zhjq-6.png) no-repeat;
    background-size:100% 100%;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}

.zhjq-6:hover {
    transform: scale(1.03);
}

.zhjq-7 {
    height: 371px;
    width: 580px;
    background: url(../img/zhjq-7.png) no-repeat;
    background-size:100% 100%;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}

.zhjq-7:hover {
    transform: scale(1.03);
}

.zhjq-8 {
    height: 371px;
    width: 580px;
    background: url(../img/zhjq-8.png) no-repeat;
    background-size:100% 100%;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}

.zhjq-8:hover {
    transform: scale(1.03);
}

.zhjq-9 {
    height: 371px;
    width: 580px;
    background: url(../img/zhjq-9.png) no-repeat;
    background-size:100% 100%;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s linear;
    cursor: pointer;
}

.zhjq-9:hover {
    transform: scale(1.03);
}