@media(min-width: 1200px) {
	.mobile_header {
		display: none;
	}

	.header {
		width: 100vw;
		height: 6vw;
		position: fixed;
		z-index: 9;
		background-color: rgba(0, 0, 0, 0);
		transition: 0.5s;
	}

	.headerbox {
		padding: 0 5vw;
		display: flex;
		justify-content: space-between;
	}

	.logo {
		width: 20vw;
		padding-top: 1.5vw;
	}

	.logoImg {
		width: 100%;
	}

	.nav {
		width: 40vw;
		padding: 2vw 0 0 0;
	}

	.nav li {
		width: 8vw;
		float: left;
	}

	.first_li>a {
		display: block;
		color: #fff;
		font-size: 1.1vw;
		padding: 0 1vw;
		line-height: 3vw;
	}

	.nav .on a {
		height: 3vw;
		color: #fff;
	}

	.nav ul li:nth-child(3) ul {
		margin-left: 39vw;
	}

	.nav ul li:nth-child(4) ul {
		margin-left: 39vw;
	}

	.nav ul li:nth-child(5) ul {
		margin-left: 54vw;
	}

	.nav ul li:nth-child(6) ul {
		margin-left: 60vw;
	}

	.sub {
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		transform: translate(0, 100%);
		z-index: 99;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.sub li {
		line-height: 2vw;
		padding: 1vw 2vw;
	}

	.sub li a {
		font-size: 1vw;
		color: #fff;
	}

	.sub li a:hover {
		color: #2C6DB2;
	}

	.subb {
		border-left: 0.2vw #4B976F solid;
		padding-left: 1vw;
	}

	.lxdh {
		width: 15vw;
		height: 3vw;
		margin-top: 1vw;
	}

	.lxdh img {
		width: 100%;
	}
}

@media(max-width: 1199px) {
	.header {
		display: none;
	}

	.mobile_header {
		background: #333;
		height: 15vw;
		padding: 0 4vw;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		z-index: 9999;
	}

	.headerbox {
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.logo {
		width: 60vw;
		padding-top: 1vw;
	}

	.logo img {
		width: 100%;
	}

	.dhbtn {
		width: 6vw;
		height: 6vw;
		background: url(../images/d1.png) no-repeat center;
		background-size: 100% 100%;
	}

	.dhbtn.on {
		background: url(../images/d2.png) no-repeat center;
		background-size: 6vw 6vw;
	}

	.lxdh {
		display: none;
	}

	.nav {
		position: fixed;
		width: 100%;
		background: #fff;
		top: 15vw;
		left: 0;
		height: calc(100vh - 15vw);
		border-bottom: 1px solid #eee;
		display: none;
		overflow: auto;
	}

	.nav ul {
		overflow: hidden;
	}

	.nav li {
		padding: 0 3%;
		line-height: 50px;
		border-bottom: 1px solid #eee;
		text-align: left;
	}

	.first_li a {
		font-size: 4.2vw;
		font-weight: 600;
		color: #999;
	}

	.nav .on a {
		display: block;
		color: #ffad33;
		border-bottom: 0.2vw solid #ffad33;
	}

	.sub {
		width: 100%;
		z-index: 100;
		background: #fff;
		display: none;
	}

	.sub li {
		width: 100%;
		line-height: 40px;
		border-bottom: 1px solid #eee;
		position: relative;
	}

	.sub a {
		font-size: 4.2vw;
		color: #999;
	}

	.sub a:hover {
		font-size: 4.2vw;
		color: #ffad33;
	}

}