/* tablet */
@media screen and (max-width:1024px){
    /*--------------------------------mobile_header*--------------------------------*/
    .header_con{
        width:132px; height:auto;
        margin-left:-132px;
        transition: margin 250ms ease-out;
        background-color: rgb(101, 30, 30);
    }
    .header{
        height:auto;
        margin-top:0;
    }
    .header:before{
        width:35px;
    }
    .header .title{
        padding-top:10px;
        font-size:30px;
        color:transparent;
    }
    .header .list a{
        padding:5px 5px 5px 0;
        font-size:15px;
    }
    .header .menu_list{
        position:relative;
        right:auto; bottom:auto;
        margin-top:42px;
    }
    .header .menu_list .list:last-child{
        margin-bottom:0;
    }
    .mobile_header {
        display:block;
        position:fixed;
        left:0; top:0;
        width:132px;
        height: 50px;
        z-index:99;
    }

    .m_header_scroll{
        background-color: rgb(101, 30, 30);
        width:100%;
    }

    .mobile_header .m_header_btn{
        display:block;
        position:absolute;
        left:8px; top:15px;
        width:20px; height:20px;
        z-index:1;
    }
    .mobile_header .m_header_btn:after,
    .mobile_header .m_header_btn:before{
        position: absolute;
        content:'';
        width:100%; height:3px;
        border-radius:1.5px;
        background:#fff;
        transition:all 250ms ease-out;
    }
    .mobile_header .m_header_btn:after{
        left:0; top:4px;
    }
    .mobile_header .m_header_btn:before{
        left:0; bottom:4px;
    }
    .mobile_header .title{
        padding-top:10px;
        font-size:30px; font-weight:500;
        text-align:left;
        margin-left: 50px;
    }
    body.open .m_header_btn:after{
        top:7px;
        transform:rotate(-45deg);
    }
    body.open .m_header_btn:before{
        bottom:10px;
        transform:rotate(45deg);

    }
    body.open .header_con{
        margin-left:0;
        z-index: 30;
    }


}
/* mobile */
@media screen and (max-width:768px){
    


}

@media screen and (max-width:550px){

    
}

@media screen and (max-width:580px){
}