@media only screen and (min-width: 1029px){ .mainPage{ width: 100%; height: 100vh; position: relative; .mapChina{ width: 8rem; height: 6.24rem; } .section{ .leftBlock{ z-index: 1; .deptIntroduction,.deptOperation,.deptNews{ height: 3.02rem; background: url("~@/assets/img/l-border-1.png"); background-size: 100% 100%; } .deptOperation,.deptNews{ margin-top: .2rem; } } .centerBlock { position: relative; .search-box { position: absolute; top: .2rem; left: .2rem; z-index: 1; } .nationwide,.itemNation{ margin-top: .2rem; height: 3.02rem; background: url("~@/assets/img/c-border-b.png"); background-size: 100% 100%; } } .rightBlock{ z-index: 1; .knowledgeGraph,.importantProject{ height: 4.62rem; background: url("~@/assets/img/r-border-1.png"); background-size: 100% 100%; } .importantProject { margin-top: .2rem; } } } } }