.banner_bot >div{
    width: 20%;
}
.main_first{
    height: 18.6rem;
    background-image: url("../images/douyinscreen/480.png");
    background-size: 100% 100%;
}
.project_info p,
.project_info h2{
    text-align: center;
}
.project_info p:first-of-type{
    color: #9B89F2;
    font-size: .3rem;
    padding: .4rem 0 .2rem;
}
.project_info h2{
    color: #1C1448;
    font-size: .42rem;
}
.project_info p:last-of-type{
    font-size: .3rem;
    color: #1C1448;
    margin: .4rem 4% 0;
    line-height: .54rem;
}
.project_info a{
    display: block;
    margin: 0 auto;
    width: 2.2rem;
    height: .9rem;
    text-align: center;
    line-height: .9rem;
    font-size: .36rem;
    color: #532BD0;
    border: .02rem solid #532BD0;
    border-radius: .1rem;
    margin-top: 1rem;
}
.problem{
    margin: .3rem 4% 0;
}
.problem li{
    text-align: left;
    height: 5.2rem;
    padding: 0 .4rem;
}
.problem li img{
    width: .8rem;
    margin-top: .8rem;
}
.problem .desc{
    margin: .3rem 0;
    color: #1C1448;
}
.systemmain{
    margin: 0 4%;
}
.systemmain .first_title{
    font-size: .4rem;
    color: #1C1448;
    padding: .5rem 0 .2rem;
}
.systemmain .tow_title{
    font-size: .34rem;
    color: #1C1448;
}
.systemmain img{
    width: 80%;
    margin: 1.2rem 10% 0;
}
.intro_all ul li{
    border: .02rem solid #5124CB;
    color: #5124CB;
}
.intro_all ul .active_on{
    background: linear-gradient(0deg, #5124CB 0%, #6260F8 100%);
}
.scene li,
.scene li:nth-of-type(3n-2){
    margin-left: 2%;
    width: 23.5%;
    height: 1.34rem;
}
.scene li:nth-of-type(4n-3){
    margin-left: 0;
}
.scene li .scene_top img{
    width: .5rem;
    margin: .2rem 0 .1rem;
}