.collSy {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: .4rem;
    font-size: .21rem;
    color: #000000;
    margin-top: -.8rem;
    border-radius: .1rem;
}
.collSy .flex {
    width: 30%;
    display: flex;
    cursor: pointer;
}

.collSy .flex img {
    transition: transform 0.6s;
    width: 1rem;
    margin-right: .1rem;
}
.collSy .flex:hover img{
    transform: scale(1.2);
}
.collSy span {
    margin-top: .4rem;
}

.oaSolution{display: flex; justify-content:flex-start; flex-wrap: wrap;}
.oaSolution .flex{transition: transform 0.3s;cursor: pointer; background:#ffffff; border-radius:.1rem; width:27.1%;border: 1px solid #EAEAEA; height:1rem; padding:.4rem; margin-top:.2rem;}
.oaSolution .flex:hover{transform: scale(1.01);}
.soluItem p:nth-child(1){font-size: .26rem;color: #222222; margin-bottom:.14rem;}
.soluItem p:nth-child(2){font-size: .18rem;color: #9AA1AE;}
.soluItem i{color: #005FFB; text-decoration:underline;}
.oaSolution .flex:nth-child(3n+2){margin-left:.2rem; margin-right:.2rem; }

.btnAn{text-align: center; margin-top: .4rem;cursor: pointer;}
.btnAn i{display: inline-block;background: linear-gradient( 90deg, #005FFB 0%, rgba(28,126,255,0.46) 100%);
    border-radius:.1rem;font-size:.18rem; padding:.16rem .8rem;
    color: #FFFFFF;}


.ProjectList{display: flex; justify-content:flex-start; flex-wrap: wrap;}
.ProjectList .flex{transition: transform 0.3s;cursor: pointer; position: relative; background:rgba(255, 181, 71, .1); padding:.3rem; width: 20%; border-radius:.1rem; margin-top: .2rem;}
.ProjectList .flex:nth-child(4n+2){margin-left: .2rem; margin-right:.2rem;}
.ProjectList .flex:nth-child(4n+3){margin-right:.2rem;}
.ProjectList p:nth-child(1){font-size:.25rem; color: #000000; margin-bottom:.2rem;}
.ProjectList p:nth-child(2){font-size:.18rem;color: #8999A5;}
.ProjectList .flex:hover{transform: scale(1.03);}
.ProjectList .flex img{width:.6rem; position: absolute; right:.2rem; top:.18rem;transition: transform 0.6s;}
.ProjectList .flex:hover img{transform: scale(1.3);}
.Planse{background:rgba(23, 134, 250, .1) !important;}
.Pqianlan{background:rgba(23, 177, 249, .1) !important;}
.Pzise{background:rgba(129, 134, 247, .1) !important}
.Phongs{background:rgba(255, 108, 108, .1) !important}
.plvse{background: rgba(110, 253, 82, .1) !important;}
.pfense{background: rgba(255, 92, 225, .1) !important;}
.Phuangse{background: rgba(240, 249, 23, .1) !important;}

.listQiePen{padding:2% 3rem; display: flex; justify-items:center; justify-content: space-between; background:#ffffff; gap:.2rem}
.penr{background: rgba(203, 223, 255, 0.1);font-size:.18rem; cursor: pointer;
    color: #333333; width:25%; text-align: center;
    border-radius:.1rem; padding:.15rem .1rem;
    border: .01rem solid rgba(0, 95, 251, 0.1);}
.penr img{display: inline-block; width:.35rem; margin-right:.1rem;}

.perhover{background:rgba(0, 95, 251, 1); color: #ffffff;}


.collGaoGUan{position: relative; display: flex; line-height:.3rem; justify-content: space-around; gap:.3rem; background:#ffffff; padding:.7rem; border:.01rem solid rgba(0, 95, 251, 1); border-radius:.1rem;}
.C01{font-size:.26rem; margin-bottom: .3rem;
    color: #222222;}
.C02{font-size: .15rem; margin-top: .2rem;
    color: #8999A5;}
.collGaoGUan img{width:1.4rem;}
.anniuBorfder{position: absolute; width:.7rem !important; left:1.8rem; top:-.19rem;}

.C03{background: linear-gradient( 90deg, #005FFB 0%, rgba(28,126,255,0.46) 100%);
    border-radius:.05rem;font-size:.18rem; text-align: center;
    padding:.06rem .0rem; width:1.6rem; display: inline-block; margin-top:.5rem;
    color: #FFFFFF;}

.digitalizeList{position: relative; display: flex; justify-content:space-around; flex-wrap: wrap;}
.digitalizeList .flex{cursor: pointer; display: flex; width:50%; margin-top:.8rem; justify-content: center;transition:transform 0.3s;}
.digitalizeList .flex img{width:1.5rem; margin-right:.1rem;transition:transform 0.6s;}
.digitalizeList .flex:hover{transform: scale(1.05);}
.digitalizeList .flex:hover img{transform: scale(1.1);}
.digitalizeList .item p:nth-child(1){font-size: .26rem; margin-top:.3rem;
    color: #222222;}
    .digitalizeList .item p:nth-child(2){font-size: .15rem; margin-top:.2rem;
        color: #8999A5;}
.Chengxian{position:absolute; width:80% !important; top:2.6rem; left:1.7rem;}
.Cshuxian{position:absolute; width:0.01rem !important; top:.7rem;}