@media only screen and (max-width: 769px) {
	.pc_head {
		display: none;
	}

	.wrap {
		width: 100% !important;
	}

	.mobile-nav {
		display: block;
	}

	.nav {
		position: absolute;
		top: 56px;
		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: .3rem;
	}

	.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;
	}

	.nav .sub:nth-child(2) a {
		background-image: url("../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;
	}


	.footer_list {
		display: none;
	}

	.footer_center {
		display: none;
	}

	.main_wrap {
		flex-direction: column;
	}
	/* footer{
		padding-top: 2rem;
	} */
	.footer_main{
		height: auto;
		
		padding-top: .2rem;
	
	}
	.foote_left{
		padding-bottom: .2rem;
	}
	.foote_left>div:nth-child(1){
		width: 50px;
		height: 50px;
	}
	.foote_left>div:nth-child(1) img{
	width: 100%;
		height: 100%;
	}
	.foote_left > div:nth-child(2) ul li:nth-child(1){
		font-size: .3rem;
	}
	.foote_left > div:nth-child(2) ul li:nth-child(2){
		font-size: .25rem;
	}
	
	.footer_footers{
		flex-direction: column;
	}
	.footer_left{
		display: flex;
		flex-direction: column;
		width: 80%;
		text-align: center;
		line-height: 30px;
	}
	.footer_right{
		display: none;
	}
	.footer_footer{
		padding-top: .2rem;
		padding-bottom: .2rem;
	}
	.foote_right{
		flex-direction: column;
	}
	.foote_right>div{
		margin-bottom: .2rem;
	}
	
	
	.close{
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.foote_right > div{
		margin-right: auto;
		
	}
	.submit{
		margin: auto;
	}
	.top{
		display: none;
		width:50px;
	}
	.top img{
		width: 100%;
	}
	.row_banner{
		padding-top: 1.1rem;
	}
	.banner{
		padding-top: 1.1rem;
	}
}
