body,
html {
	min-width: 1200px;
	font-family: "Roboto", "微软雅黑", "Segoe UI", Arial, sans-serif !important;
}

@media screen and (max-width: 1865px) {
	.header {
		background-color: white;
	}
}

@media screen and (min-width: 550px) and (max-width: 1865px) {
	.header {
		background-color: white !important;
		box-shadow: rgb(153 153 153) 0px 0px 17px 1px !important;
	}

	.navigation ul li {
		color: black !important;
	}
}

@media screen and (min-width: 550px) and (max-width: 1200px) {
	.bg-left .box span {
		margin-left: 20px;
	}

	.bg-left .box img {
		margin-left: 20px;
	}
}

/* @media screen and (max-width: 1200px) {
    body,
    html {
        width: 1400px;
        font-size: 12px;
        font-family: "Roboto", "微软雅黑", "Segoe UI", Arial, sans-serif !important;
    }
    .content-top {
        max-width: 100% !important;
        background-size: 100% 100%;
        min-width: 100%;
    }
    .mid-min-1 {
        max-width: 100%;
    }
    .width-1200 {
        max-width: 100% !important;
    }
    .content-top {
        background-position: 500px 0 !important;
    }
    .bg-left .box span {
        margin-left: 140px;
    }
    .bg-left .box img {
        margin-left: 140px;
    }
}
@media screen and (min-width: 1850px) and (max-width: 1920px) {
	.content-top {
			background-position: 650px 0 !important;
	}
}
@media screen and (min-width: 1800px) and (max-width: 1850px) {
	.content-top {
			background-position: 625px 0 !important;
	}
}
@media screen and (min-width: 1700px) and (max-width: 1800px) {
    .content-top {
        background-position: 625px 0 !important;
    }
}

@media screen and (min-width: 1530px) and (max-width: 1700px) {
    .content-top {
        background-position: 500px 0 !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1530px) {
	.content-top {
			background-position: 490px 0 !important;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
	.content-top {
			background-position: 445px 0 !important;
	}
} */