header {
	max-width: 1920px;
	min-width: 300px;
	border-bottom:1px solid #ddd;
	height:100px;
	line-height:100px;
}

.header_l {
	float:left;
	width:300px;
    text-align: center;
}

.header_center {
	position: absolute;
    /* width:533.75px; */
    width:600px;
    left: 50%;
    transform: translateX(-50%);
}
.header_r {
	float:right;
	width:300px;
    text-align: center;
}

.header_center a {
	font-size: 20px;
	margin-right: 10px;
	margin-left: 5px;
}

.header_center .mr10 {
	margin-right: 10;
}

#header ul, #header li, #header ol {
    list-style: none;
}

.menu_in {
    max-width: 1920px;
    text-align: center;
    position: relative;
}

.menu_in li {
    float: left;
}

.mBtn_m {
    display: none;
}

#menuArea {
    display: none;
}

#menuArea .mLog, .list{
    display: none;
}

@media all and (max-width:1200px) {

    header {}

    .menu_in {
        width: 92%;
    }

    .menu_in h1 img {
        width: 256px;
    }

    .menu_in .header_center {
        display: none;
    }
    .menu_in .header_r {
        display: none;
    }

    .mBtn_m {
        display: block;
        float: right;
        width: 20px;
        height: 15px;
        margin: 5px 0 0 0
    }

    #menuArea ul, #menuArea ol, #menuArea li {
        list-style: none;
    }

    #menuArea {
        max-width: 500px;
        width: 220px;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 99999;
        overflow-x: hidden;
        overflow-y: auto;
        display: none;
    }

    #menuArea .menuList {
        z-index: 99999;
        width: 220px;
        min-height: 100%;
        background: #f0f0f0;
        position: absolute;
        right: -528px;
        box-sizing: border-box;
        overflow-y: auto;
    }

    #menuArea .menuList>.list {
        padding: 0 !important;
        list-style: none;
        margin: 0 !important;
        display: block;
    }

    #menuArea .menuList>.list>li {
        list-style: none;
        border-bottom: 1px solid #ddd;
        background: #fff
    }

    #menuArea .menuList>.list>li>a {
        display: block;
        font-size: 14px;
        color: #333333;
        font-weight: 600;
        line-height: 46px;
        padding: 0 0 0 18px;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
    }

    #menuArea .menuList .btnMenu_mClose {
        display: block;
        width: 14px;
        height: 14px;
        position: absolute;
        top: 14px;
        right: 18px;
    }

    #menuArea .menuList .btnMenu_mClose img {
        display: block;
        width: 100%;
        padding: 0;
    }
    #menuArea .mLog{
        display: block;
    }

    #grayLayer {
        width: 100%;
        height: 100%;
        background: rgba(34, 34, 34, 0.65);
        position: fixed;
        left: 0;
        top: 0;
        overflow-x: hidden;
        overflow-y: auto;
        display: none;
        z-index: 9999;
    }

    #grayLayer>a {
        display: block;
        width: 100%;
        height: 100%
    }

    #menuArea .menuList h2 {
        background: #c7c7c7;
        width: 100%;
        padding: 35px 18px 3px;
        box-sizing: border-box;
    }

    #menuArea .menuList h2 a {
        display: block;
        line-height: 100%;
    }

    #menuArea .menuList h2 img {
        vertical-align: top;
        width: 180px
    }
}

@media all and (max-width:348px) {

	.header_l{
		width:250px;
	}

	.mBtn_m {
		display: block;
		float: right;
		width: 20px;
		height: 15px;
		margin: 5px 0 0 0
    }

}