html,body{
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    max-width: 1920px;
    /* min-width: 1200px; */
    background-color:rgb(245, 243, 233) ;
}
.m_view{
    width: 100%;
    min-height:800px;
    position: relative;
}
.m_center{
    position: absolute;
    width:500px;
    height:600px;
    left:calc(50% - 251px);
    top:calc(50% - 301px);
    background-color: #fff;
    border:1px solid orangered;
    border-radius: 20px;
}
.m_center ul{
    list-style: none;
    padding:0;
}
.m_center .hd{
    width:80%;
    margin:0 auto;
    height:50px;
}
.m_center .hd ul{
    width:100%;
    height:100%;
    display: flex;
}
.m_center .hd ul .on{
    color:red;
}
.m_center .hd ul li{
    width:50%;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.m_center .hd ul li:hover{
    color:red;
    transition:all ease-in 0.7s;
}
.m_center .bd{
    width:100%;

}
.m_center .bd ul{
    width:80%;
    margin-left:50px;
}
.m_center .bd ul li{
    width: 100%;
    height:100px;
    line-height: 100px;
}