@media only screen and (max-width: 769px) {
	.wrap {
		width: 100% !important;
	}
	
	.yab>div:nth-child(1){
		width: 35px;
		height:35px;
	}
	.yab>div:nth-child(1) img{
		width: 100%;
	}
	.yab div:nth-child(2) ul li:first-child{
		font-size: 20px;
	}
	.head {
		display: none;
	}

	.mobile-nav {
		display: block;
		top: 0;
	}

	.nav {
		position: absolute;
		top: 59px;
		left: 0;
		right: 0;
		bottom: 50;
		z-index: 99;
		background-color: #fff;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		display: none;
		margin-left: 0;
	}

	.nav li {
		float: none;
		padding-top: 0;
		margin: 0;
		width: auto;
		text-align: center;
	}



	.nav li .v1 {
		border-bottom: 1px solid #dedede;
		float: none;
		padding-top: 0;
		margin: 0;
		width: 100%;
		line-height: 3.5em;
	}

	.nav li:hover .v1 {
		background-color: #fff;
		color: #999;
	}

	.nav li.on .v1 {
		background-color: #275a34;
		color: #fff;
		border-color: transparent;

	}

	.nav li .sub {
		display: none;
		position: static;
		padding: 0;
		text-align: center;
		border-radius: 0;
		background-color: #f5f5f5;
		width: 100%;
	}

	.nav li .sub a {
		width: 100%;
		padding: 1rem;
		font-size: 16px;
		border-bottom: solid 1px #eee;
	}


	.navs {
		background-color: #FFFFFF;
		display: none;
	}

	.mobile-logo {
		margin-left: 1rem;
	}

	.navs ul li {
		text-align: center;
		padding: 20px 0 20px 0;
		font-size: 1rem;
	}

	.mobile-nav {
		position: fixed;
		display: block !important;
		z-index: 99;
		width: 100%;
		/* height: 66px; */
	}

	.mobile-navs {
		/* padding-bottom: 1rem; */
		display: flex;
		position: relative;
		height: 100%;
		border-bottom: 1px solid #CCCCCC;
		background-color: #FFFFFF;
	}

	.nav-logo .menuBtn {
		position: absolute;
		top: 17px;
		right: 12px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		-o-transition: .3s
	}

	.nav-logo .menuBtn b::before {
		content: "";
		display: inline-block;
		position: absolute;
		left: -7px;
		top: 50%;
		transform: translate(0, -50%);
		width: 5px;
		height: 5px;
		border-radius: 50%;
		/* background-color: #0d6fb8; */
		background-color: #333;
	}

	.nav-logo .menuBtn b {
		display: block;
		height: 4px;
		background-color: #333;
		margin: 4px;
		transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		-o-transition: .3s;
		position: relative;
	}

	.nav-logo .menuBtn.open b {
		display: none;
		margin: -5px 0 0;
		position: absolute;
		left: 0;
		top: 50%;
		width: 30px
	}

	.nav-logo .menuBtn.open b:first-child {
		display: block;
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg)
	}

	.nav-logo .menuBtn.open b:last-child {
		display: block;
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg)
	}

	.nav-logo .menuBtn.open b::before {
		display: none;
	}



	.footer-top { 
		display: none;
	}
	.footer-box{
		padding-top: 2rem !important;
	
	}
	.footer-lj ul{
		width: 95%;
		margin: auto;
		flex-wrap: wrap;
		text-align: center;
		line-height: 22px;
	}
	

	.nav .sub:nth-child(2) a {
		background-image: url("/cn/pages/img/y.png");
		background-repeat: no-repeat;
		background-position: 136px 21px;
		background-position: 19rem, 2rem;
	}

	.nav li .sub a {
		display: block;
		font-size: 15px;
		color: #333;
		padding: 0;
		line-height: 20px;
		padding: 15px 0;
		text-align: center;
		border-bottom: solid 1px #dedede;
	}



}