@media screen and (min-width: 1024px) {
  .management-bg-box {
    width: 19.2rem;
    height: 7.2rem;
    background-image: url('../../../public/images/glgc/bg.jpg');
    background-size: 19.2rem 7.2rem;
    background-repeat: no-repeat;
  }
  .management-introduce-box {
    width: 19.2rem;
    padding: 0 3.6rem;
    padding-top: 0.4rem;
    box-sizing: border-box;
  }
  .management-introduce-box .management-introduce-content {
    width: 12rem;
    height: 3.1rem;
    background: #f6f7fb;
    border-radius: 0.04rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .management-introduce-box .management-introduce-content p {
    width: 11.36rem;
    height: 2.62rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #999999;
    line-height: 0.38rem;
    letter-spacing: 0.01rem;
  }
  .management-introduce-box .management-introduce-content p span {
    color: #3c80ff;
  }
  .management-advantages-box {
    width: 19.2rem;
    padding: 0 3.6rem;
    margin-top: 0.7rem;
    box-sizing: border-box;
  }
  .management-advantages-box .management-advantages-title {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .management-advantages-box .management-advantages-title img {
    width: 3.14rem;
    height: 0.42rem;
  }
  .management-advantages-box .management-advantages-content {
    margin-top: 0.41rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .management-advantages-box .management-advantages-content .advantages-content-item {
    width: 3.8rem;
    height: 2.27rem;
    background: #ffffff;
    border-radius: 0.06rem;
    box-shadow: 0rem 0rem 0.06rem 0rem rgba(193, 193, 193, 0.16);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .management-advantages-box .management-advantages-content .advantages-content-item img {
    width: 0.8rem;
    height: 0.88rem;
  }
  .management-advantages-box .management-advantages-content .advantages-content-item h1 {
    height: 0.26rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333;
    line-height: 0.29rem;
    letter-spacing: 0.02rem;
    margin-top: 0.3rem;
  }
  .management-advantages-box .management-advantages-content .advantages-content-item span {
    height: 0.19rem;
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #999999;
    line-height: 0.29rem;
    letter-spacing: 0.01rem;
    margin-top: 0.14rem;
  }
  .management-advantages-box .management-advantages-content .advantages-content-item:hover {
    background: linear-gradient(180deg, #cfe9ff, #3277f6 92%);
  }
  .management-advantages-box .management-advantages-content .advantages-content-item:hover h1 {
    color: #ffffff;
  }
  .management-advantages-box .management-advantages-content .advantages-content-item:hover span {
    color: #ffffff;
  }
  .management-advantages-box .management-advantages-content .advantages-content-item:nth-child(n+4) {
    margin-top: 0.3rem;
  }
  .management-scope-box {
    width: 19.2rem;
    padding: 0 3.6rem;
    box-sizing: border-box;
    margin-top: 0.8rem;
    margin-bottom: 1rem;
  }
  .management-scope-box .management-scope-title {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .management-scope-box .management-scope-title img {
    width: 2.34rem;
    height: 0.42rem;
  }
  .management-scope-box .management-scope-content {
    margin-top: 0.37rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .management-scope-box .management-scope-content .scope-content-item {
    width: 2.85rem;
    height: 3rem;
    background-size: 2.85rem 3rem;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .management-scope-box .management-scope-content .scope-content-item img {
    position: relative;
    width: 0.64rem;
    height: 0.64rem;
  }
  .management-scope-box .management-scope-content .scope-content-item span {
    position: relative;
    height: 0.26rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    letter-spacing: 0.02rem;
    margin-top: 0.2rem;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(1) {
    position: relative;
    overflow: hidden;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(1) .content {
    width: 2.85rem;
    height: 3rem;
    position: absolute;
    background-image: url('../../../public/images/glgc/jsfw-bg.png');
    background-size: 2.85rem 3rem;
    background-repeat: no-repeat;
    transition: 0.5s;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(1):hover .content {
    transform: scale(1.2, 1.2);
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(2) {
    position: relative;
    overflow: hidden;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(2) .content {
    width: 2.85rem;
    height: 3rem;
    position: absolute;
    background-image: url('../../../public/images/glgc/jskf-bg.png');
    background-size: 2.85rem 3rem;
    background-repeat: no-repeat;
    transition: 0.5s;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(2):hover .content {
    transform: scale(1.2, 1.2);
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(3) {
    position: relative;
    overflow: hidden;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(3) .content {
    width: 2.85rem;
    height: 3rem;
    position: absolute;
    background-image: url('../../../public/images/glgc/jszx-bg.png');
    background-size: 2.85rem 3rem;
    background-repeat: no-repeat;
    transition: 0.5s;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(3):hover .content {
    transform: scale(1.2, 1.2);
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(4) {
    position: relative;
    overflow: hidden;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(4) .content {
    width: 2.85rem;
    height: 3rem;
    position: absolute;
    background-image: url('../../../public/images/glgc/jsjl-bg.png');
    background-size: 2.85rem 3rem;
    background-repeat: no-repeat;
    transition: 0.5s;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(4):hover .content {
    transform: scale(1.2, 1.2);
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(5) {
    position: relative;
    overflow: hidden;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(5) .content {
    width: 2.85rem;
    height: 3rem;
    position: absolute;
    background-image: url('../../../public/images/glgc/cpcs-bg.png');
    background-size: 2.85rem 3rem;
    background-repeat: no-repeat;
    transition: 0.5s;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(5):hover .content {
    transform: scale(1.2, 1.2);
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(6) {
    position: relative;
    overflow: hidden;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(6) .content {
    width: 2.85rem;
    height: 3rem;
    position: absolute;
    background-image: url('../../../public/images/glgc/zqgl-bg.png');
    background-size: 2.85rem 3rem;
    background-repeat: no-repeat;
    transition: 0.5s;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(6):hover .content {
    transform: scale(1.2, 1.2);
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(7) {
    position: relative;
    overflow: hidden;
    margin-right: 3.05rem;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(7) .content {
    width: 2.85rem;
    height: 3rem;
    position: absolute;
    background-image: url('../../../public/images/glgc/shfw-bg.png');
    background-size: 2.85rem 3rem;
    background-repeat: no-repeat;
    transition: 0.5s;
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(7):hover .content {
    transform: scale(1.2, 1.2);
  }
  .management-scope-box .management-scope-content .scope-content-item:nth-child(n+5) {
    margin-top: 0.2rem;
  }
  .top-container-phone,
  .management-introduce-phone,
  .management-advantage-phone,
  .management-scope-phone,
  .same-bottom-phone {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .same-side,
  .same-bottom,
  .top-container,
  .same-bread,
  .management-bg-box,
  .management-introduce-box,
  .management-advantages-box,
  .management-scope-box {
    display: none;
  }
  .management-container-phone {
    width: 100%;
    height: 2.7rem;
    background-image: url('../../../public/images/glgc/bg-p.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .management-introduce-phone {
    width: 100%;
    padding: 0 0.2rem;
    padding-top: 0.3rem;
    box-sizing: border-box;
  }
  .management-introduce-phone .introduce-phone-content {
    width: 100%;
    height: 3.1rem;
    background: #f6f7fb;
    border-radius: 0.04rem;
    padding: 0.16rem 0.1rem;
    box-sizing: border-box;
  }
  .management-introduce-phone .introduce-phone-content p {
    font-size: 0.24rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #999999;
    line-height: 0.38rem;
    letter-spacing: 0.01rem;
  }
  .management-introduce-phone .introduce-phone-content p span {
    color: #3c80ff;
  }
  .management-advantage-phone {
    width: 100%;
    padding: 0 0.2rem;
    margin-top: 0.3rem;
    box-sizing: border-box;
  }
  .management-advantage-phone .advantage-phone-title {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .management-advantage-phone .advantage-phone-title img {
    width: 3.14rem;
    height: 0.42rem;
  }
  .management-advantage-phone .advantage-phone-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.2rem;
  }
  .management-advantage-phone .advantage-phone-content .phone-content-item {
    width: 49%;
    height: 2.27rem;
    background: linear-gradient(180deg, #cfe9ff, #3277f6 92%);
    border-radius: 0.06rem;
    box-shadow: 0rem 0rem 0.06rem 0rem rgba(81, 141, 255, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .management-advantage-phone .advantage-phone-content .phone-content-item img {
    width: 0.8rem;
    height: 0.88rem;
  }
  .management-advantage-phone .advantage-phone-content .phone-content-item h1 {
    height: 0.26rem;
    font-size: 0.28rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    line-height: 0.29rem;
    letter-spacing: 0.02rem;
    margin-top: 0.1rem;
  }
  .management-advantage-phone .advantage-phone-content .phone-content-item span {
    height: 0.19rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 0.29rem;
    letter-spacing: 0.01rem;
    margin-top: 0.14rem;
  }
  .management-advantage-phone .advantage-phone-content .phone-content-item:nth-child(n+3) {
    margin-top: 0.2rem;
  }
  .management-scope-phone {
    width: 100%;
    padding: 0 0.2rem;
    margin-top: 0.3rem;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
  }
  .management-scope-phone .scope-phone-title {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .management-scope-phone .scope-phone-title img {
    width: 2.34rem;
    height: 0.42rem;
  }
  .management-scope-phone .scope-phone-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.2rem;
  }
  .management-scope-phone .scope-phone-content .phone-content-item {
    width: 32%;
    height: 2.3rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .management-scope-phone .scope-phone-content .phone-content-item img {
    width: 0.64rem;
    height: 0.64rem;
  }
  .management-scope-phone .scope-phone-content .phone-content-item span {
    height: 0.26rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 0.32rem;
    letter-spacing: 0.02rem;
    margin-top: 0.2rem;
  }
  .management-scope-phone .scope-phone-content .phone-content-item:nth-child(n+4) {
    margin-top: 0.1rem;
  }
  .management-scope-phone .scope-phone-content .phone-content-item:nth-child(1) {
    background-image: url('../../../public/images/glgc/jsfw-bg.png');
  }
  .management-scope-phone .scope-phone-content .phone-content-item:nth-child(2) {
    background-image: url('../../../public/images/glgc/jskf-bg.png');
  }
  .management-scope-phone .scope-phone-content .phone-content-item:nth-child(3) {
    background-image: url('../../../public/images/glgc/jszx-bg.png');
  }
  .management-scope-phone .scope-phone-content .phone-content-item:nth-child(4) {
    background-image: url('../../../public/images/glgc/jsjl-bg.png');
  }
  .management-scope-phone .scope-phone-content .phone-content-item:nth-child(5) {
    background-image: url('../../../public/images/glgc/cpcs-bg.png');
  }
  .management-scope-phone .scope-phone-content .phone-content-item:nth-child(6) {
    background-image: url('../../../public/images/glgc/zqgl-bg.png');
  }
  .management-scope-phone .scope-phone-content .phone-content-item:nth-child(7) {
    background-image: url('../../../public/images/glgc/shfw-bg.png');
  }
}