@media screen and (min-width: 960px) and (max-width: 1199px) {
    html{
        font-size:54px !important;
    }
    .join ul+ul {
        margin-left: 2.1rem !important;
    }
    .about p+p{
        margin-left:2.6rem !important;
    }
    .bot .group {
        top: 15% !important;
    }
    .f-box-list img {
        width: 0.8rem !important;
        height: 1.8rem !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    html{
        font-size:43.2px !important;
    }
    .join ul+ul {
        margin-left: 1.8rem !important;
    }
    .about p+p{
        margin-left:2.3rem !important;
    }
    .bot .group {
        top: 15% !important;
        width: 50% !important;
    }
   
}
@media screen and (min-width:480px) and (max-width: 767px) {
    html{
        font-size:36px !important;
    }
    .bot img {
        height: 6.5rem !important;
    }
    .f-box-list{
        width:48% !important;
    }
}  
@media screen and (min-width:400px) and (max-width:479px){
    html{
        font-size:27px !important;
    }
}
@media screen and (max-width:399px){
    html{
        font-size:27px !important;
    }
    .join ul+ul {
        margin-left: 0.6rem !important;
    }
    .about p+p{
        margin-left:0.9rem !important;
    }
    .bot img {
        height: 7rem !important;
    }
}

.my-h3{
    font-size:0.74rem;
    line-height:0.9rem;
    margin-bottom:0.5rem;
}
.my-p{
    font-size:0.44rem;
    line-height:0.74rem;
}
.top{
    width:100%;
}
.top img{
    width:100%;
}
/* 推广介绍 */
.show{
    width:100%;
    text-align: center;
    padding:0.8rem 0;
}
.show-list{
    width:100%;
    margin-top:0.6rem;
    display:flex;
    justify-content:space-between;
    padding:0 0.5rem;
}
.show-item{
    width:18%;
}
.show-item img{
    width:85%;
    margin-bottom:0.5rem;
}
/*  */
.f-box{
    width:100%;
    display:flex;
    padding:0.8rem 0 0.5rem;
    color:#fff;
    background:url("../../images/dzmp/bg2.png") no-repeat;
    background-size:100% 100%;
    flex-flow:wrap;
    justify-content: space-between;
    text-align: center;
}

.f-box-list{
    display:flex;
    justify-content: center;
    align-items: center;
    width:45%;
    margin-top:0.5rem;
}
.f-box-list img{
    
}
/* 六大系统 */
.six{
    width:100%;
    text-align:center;
    padding:0.8rem 0 0.5rem;
}
.six img{
    width:100%;
    margin-top:0.5rem;
}
/* 场景 */
.scene{
    width:100%;
    text-align:center;
    padding:1.1rem 0 0;
}
.scene img{
   width:100%;
   margin-top:0.6rem;
}
/* 使命 */
.mission{
    width:100%;
    text-align:center;
    padding:0.7rem 0;
}
.mission .box{
    background-image: linear-gradient(180deg, 
		#63bcfe 0%, 
        #4b5fff 100%);
        width:10rem;
     font-size:0.6rem;
     padding:0.2rem 0;
     margin:auto;   
     color:#fff;
}
.mission h3{
    margin-top:0.8rem;
}
.mission img{
    width:45%;
    margin-top:0.5rem;
}
/* 功能优势 */
.func{
    width:100%;
    padding:0.7rem 0 0.3rem 0.3rem;
    display:flex;
    justify-content: space-between;
    background:url("../../images/dzmp/bg1.png") no-repeat;
    background-size:100% 100%;
    color:#fff;
}
.func img{
    width:30%;
    height:7rem;
}
.func>div{
    width:100%;
    text-align:start;
}
.bot{
    width:100%;
    position: relative;
    color:#fff;
}
.bot img{
    width:100%;
}
.bot .group{
    position: absolute;
    top:10%;
    left:41%;
   
} 
.bot .group-item .title{
    font-size:0.5rem;
  
}