@media only screen and (max-width: 1250px) and (min-width: 767px) {
	.header {
		float: right;

	}

	.logo img {
		max-width: 65%;
	}

	.header .logo {
		margin-left: 0;
	}

	.header .nav {
		width: 745px !important;
		height: 40px;
		position: absolute !important;
		right: 0;
		z-index: 111;
	}

	.header .nav li {
		float: left;
		width: 7% !important;
		height: 20px;
		text-align: center;
		margin-left: 0 !important;
	}

	.header .nav :nth-child(2) {
		width: 145px !important;
	}

	.header .nav :nth-child(7) {
		width: 80px !important;
	}

	.header .nav li:nth-child(4) {
		width: 125px !important;
	}

	.header .nav li:nth-child(2) .second-nav {
		width: 145px !important;
	}

	.header .nav li:nth-child(2) ul {
		left: 0 !important;
	}

	.header .nav li:nth-child(5) {
		width: 100px !important;
	}

	.header .nav li:nth-child(5) .second-nav {
		width: 100px !important;
	}

	.header .nav li:nth-child(5) ul {
		left: 0 !important;
	}


	.header .nav li:nth-child(8) {
		width: 80px !important;
	}

	.header .nav li:nth-child(8) .second-nav {
		width: 80px !important;
	}

	.header .nav li:nth-child(8) ul {
		left: 0 !important;
	}


	.header .nav li:nth-child(6) {
		width: 100px !important;
	}

	.header .nav li:nth-child(6) .second-nav {
		width: 100px !important;
	}

	.header .nav li:nth-child(6) ul {
		left: 0 !important;
	}

	.header .nav li a {
		color: #fff;
		font-size: 15px;
	}

	.header .nav li .second-nav {
		width: 89px !important;
		left: 28px;
		display: none;
		position: relative;
	}

	.header .nav li .second-nav li {
		position: relative;
		width: 100% !important;
		height: 40px;
		line-height: 20px;
		color: #fff !important;
	}

	.header .nav li .second-nav li:hover {
		position: relative;
		width: 100% !important;
		height: 40px;
		line-height: 20px;
		color: #fff !important;
	}


	.header .nav li .second-nav {
		padding-right: 120px;
	}



	.header .nav li .second-nav li {
		margin-left: -30px;
	}

	.header .nav li .second-nav li a {
		line-height: 40px;
		margin-left: 0px;

	}



	.header .nav li .second-nav li .third-nav {
		
		width: 300px;
		height: 200px;
		display: none;
		margin-left: 180px;
		margin-top: -40px;
	}
}

@media only screen and (min-width: 767px) {
	.header {
		float: right;
	}

	.header .nav {
		width: 1140px;
		height: 40px;
		position: relative;
		z-index: 111;
	}

	.header .nav li {
		float: left;
		width: 8%;
		margin-left: 4px;
		height: 20px;

		text-align: center;
	}

	.header .nav li:nth-child(2) {
		width: 160px;
	}

	.header .nav li:nth-child(4) {
		width: 125px;
	}

	.header .nav li:nth-child(2) .second-nav {
		width: 160px;
	}

	.header .nav li:nth-child(2) ul {
		left: 30px;
	}


	.header .nav li:nth-child(5) {
		width: 120px;
	}

	.header .nav li:nth-child(5) .second-nav {
		width: 120px;
	}

	.header .nav li:nth-child(5) ul {
		left: 30px;
	}


	.header .nav li:nth-child(8) {
		width: 110px;
	}

	.header .nav li:nth-child(8) .second-nav {
		width: 110px;
	}

	.header .nav li:nth-child(8) ul {
		left: 30px;
	}


	.header .nav li:nth-child(6) {
		width: 115px;
	}

	.header .nav li:nth-child(6) .second-nav {
		width: 115px;
	}

	.header .nav li:nth-child(6) ul {
		left: 30px;
	}

	.header .nav li a {
		color: #fff;
	}

	.header .nav li .second-nav {
		width: 89px;
		left: 28px;
		display: none;
		position: relative;
	}

	.header .nav li .second-nav li {
		position: relative;
		width: 100%;
		height: 40px;
		line-height: 20px;
		color: #fff !important;
	}

	.header .nav li .second-nav li:hover {
		position: relative;
		width: 100%;
		height: 40px;
		line-height: 20px;
		color: #fff !important;
	}


	.header .nav li .second-nav {


		padding-right: 120px;
	}



	.header .nav li .second-nav li {
		margin-left: -30px;
	}






	.header .nav li .second-nav li a {


		line-height: 40px;
		margin-left: 0px;

	}


	.header .nav li .second-nav li .third-nav {
		
		width: 300px;
		height: 200px;
		display: none;
		margin-left: 180px;
		margin-top: -40px;
	}



}