﻿
html{
    font-family: PingFangSC-Medium, PingFang SC;
}
header {
    width: 100%;
}

*{
    padding: 0 ;
    margin:  0;
}
.core{
    /* width: 1200px; */
	max-width: 1200px;
	width: 100%;
    margin: 0 auto;
    position: relative;
}
@media only screen and (max-width:1232px) {
	.core{ margin: 0 16px; width: auto;}
}
.nav_box{
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}
.nav_box ul{
    display: flex;
}
.nav_box li{
    white-space: nowrap;
    list-style:none;
    font-size: 18px;
    margin-left: 45px;
    font-weight: 500;
}

.nav_box a{
    text-decoration:none;
    color: #4A4A4A;
    font-size: 18px;
}
.nav_box ul li:nth-child(4){
    color: #E33B38;
}
.nav_box ul button{
    width: 90px;
    height: 28px;
    background: #E33B38;
    border-radius: 4px;
    border:none;
    color:#fff;
    font-size: 16px;
}
@media only screen and (max-width:860px) {
	.nav_box li { margin-left: 25px;}
}
@media only screen and (max-width:828px) {
	.nav_box { display: block; flex-wrap: wrap; height: 95px;}
	.nav_box ul { padding-bottom: 0.8em; margin: 0 1em; justify-content: flex-end;}	
	.nav_box ul li:nth-child(4) { position: absolute; top: 1em; right: 1em;}
}
@media only screen and (max-width:460px) {
	.nav_box ul { justify-content: space-between;margin: 0 0.3em;}
	.nav_box ul li { margin:0 auto;}
}
@media only screen and (max-width:400px) {
	.nav_box a { font-size: 14px;}
}