.media_box{
    background: url("/app/static/image/media/back.png");
    background-size: 100%;
    background-repeat: no-repeat;
    color: #333;
}
@font-face{
    font-family: 'SourceHanSansCN';
    src : url('/app/static/SourceHanSansCN-Normal_0.otf');
}
.meida_box1{
    width: 30%;
    height: 930px;
    /*height: 95%;*/
    position: relative;
    margin-left: 10%;
}
.box1_p1{
    position: absolute;
    top: 32%;
    font-size: 0.24rem;
    font-family: SourceHanSansCN;
}
.box1_p2{
    position: absolute;
    top: 41%;
    font-size: 0.72rem;
    font-family: SourceHanSansCN;
    color: #5165ff;
    font-weight: bold;
}
.box1_p3{
    position: absolute;
    top: 66%;
    font-size: 0.24rem;
    font-family: SourceHanSansCN;
    color: #9b9b9b;
}
.box1_p4{
    position: absolute;
    top: 85%;
}
.box1_p4 img{
    display: inline-block;
    height: auto;
    max-width: 100%;
}
.media_box2{
    margin-top: 7%;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 7%;
}
.box2_p1{
    font-size: 0.36rem;font-family: SourceHanSansCN;
}
.box2_p2{
    font-size: 0.30rem;font-family: SourceHanSansCN;
    margin-top: 1%;
}
.media_box3{
    width: 70%;
    height: 1035px;
    margin: 0 auto;
}
.box3_1_1{
    width: 75%;
    margin: 0 auto;
    margin-top: 15%;
}
.box3_1_2{
    font-size: 0.30rem;font-family: SourceHanSansCN;
    margin-top: 15%;
    color: #ffffff;
}
.box3_1_3{
    height:0.5%;
    width:100%;
    background-color: white;
    opacity:0.5;
    margin: 8% 0 20% 0;
}
.box3_1_4{
    font-size: 0.18rem;font-family: SourceHanSansCN;
    color: #f8f9fd;
    line-height: 150%;
}
.box3_box1{
    width: 30%;
    height: 51%;
    /*float: left;*/
    /*margin-bottom: 4.4%;*/
    display: inline-flex;
    vertical-align:top;
}
.system1{
    background: url("/app/static/image/media/system1.png");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 4.2%;
}
.system2{
    background: url("/app/static/image/media/system2.png");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 4.2%;
}
.system3{
    background: url("/app/static/image/media/system3.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.system4{
    background: url("/app/static/image/media/system4.png");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 4.2%;
}
.system5{
    background: url("/app/static/image/media/system5.png");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 4.2%;
}
.system6{
    background: url("/app/static/image/media/system6.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.media_box4{
    margin-top: 3%;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 0.36rem;font-family: SourceHanSansCN;
    margin-bottom: 5%;
}
.media_box5{
    width: 63%;
    /*height: 50%;*/
    margin: 0 auto;
    margin-bottom: 5%;
}
.box5_1{
    width: 42%;
    margin-bottom: 5%;
    /*float: left;*/
    display: inline-flex;
    vertical-align:top;
    /*display: flex;*/
}
.box5_1_right{
    margin-right: 14%;
}
.box5_1_1{
    margin-left: 10%;
}
.box5_1_1_1{
    font-size: 0.30rem;font-family: SourceHanSansCN;
    height: 50%;
    padding-top: 10%;
}
.box5_1_1_2{
    height: 50%;
    font-size: 0.18rem;font-family: SourceHanSansCN;
    color: #adadad;
}
.media_box6{
    width: 100%;
    text-align: center;
    font-size: 0.36rem;font-family: SourceHanSansCN;
    margin-bottom: 5%;
}
.media_box7{
    width: 100%;
    position: relative;
    display: flex;
}
.box7_vs{
    position: absolute;
    top:27%;
    left: 43.3%;
}
.box7_1{
    width: 50%;
    height: 800px;
}
.box7_1_h{
    background-color: #eeeeee;
}
.box7_1_1{
    width: 60%;
    height: 655px;
    margin-left: 30%;
    background-color: white;
    margin-top: 72.5px;
    background:-webkit-gradient(linear, 10% 100%, 100% 100%,from(#ffffff), to(#eeeeee));/*谷歌*/
    /*padding: 8% 0;*/

}
.box7_1_2{
    width: 60%;
    height: 655px;
    margin-left: 10%;
    background-color: white;
    margin-top: 72.5px;
    /*padding: 8% 0;*/
    text-align: right;
}
.box7_1_l{
    background-color: #18c79d;
}
.box7_1_1_0{
    display: flex;
    margin-bottom: 10%;
    font-size: 0.30rem;font-family: SourceHanSansCN;
    margin-left: 19%;
    margin-top: 5%;
}
.box7_1_2 .box7_1_1_0{
    justify-content: flex-end;
    margin-right: 14%;
}
.box7_1_2 .box7_qy{
    margin-left: 5%;
    margin-top: 13%;
    color: #18c79d;
}
.lv{
    color: #18c79d;
}
.box3_1_0{
    height: 57px;
}
.box7_qy{
    margin-right: 5%;
    margin-top: 14%;
}
.box7_1_2 .box7_1_1_1{
    justify-content: flex-end;
    /*margin-right: 0;*/
    margin-right: 10%;
}
.box7_cl{
    margin-top: 15%;
}
.box7_2_img{
    margin-right: 13%;
}
.box7_1_1_1{
    display: flex;
    font-size: 0.16rem;font-family: SourceHanSansCN;
    margin-bottom: 9%;
    margin-left: 10%;
}
.box7_1_2 .box7_word{
    margin-right: 5%;
}
.box7_word{
    margin-left: 5%;
}
.box7_cb{
    /*margin-top: 3%;*/
    font-weight: bold;
    /*margin-bottom: 3%;*/
}
.media_box8{
    width: 70%;
    margin: 0 auto;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.box8_1{
    width: 25%;
    height: 100%;
    display: flex;
    margin: 2% 0;
}
.box8_1_0{
    margin-right: 5%;
}
.box8_1_1{
    font-size: 0.18rem;font-family: SourceHanSansCN;
    height: 50%;
    padding: 2% 0;
}
.box8_1_2{
    font-size: 0.14rem;font-family: SourceHanSansCN;
    height: 50%;
}
@media screen and (max-width: 750px){
    .meida_box1{
        height: 460px;
    }
}
@media screen and (max-width: 1440px){
    .meida_box1{
        height: 690px;
    }
    .media_box3{
        height: 820px;
    }
    img{
        transform:scale(0.8,0.8)
    }
}