@media screen and (max-width: 768px) {
	.menu {
		display: none;
	}

	.left {
		padding: 0 10%;
	}

	.right {
		padding: 0 10%;
		margin-top: 20px;
	}

	.right>img {
		width: 100%;
	}

	.nat1 {
		padding: 0 10%;
		margin-bottom: 10px;
	}

	.nat2 {
		padding: 0 10%;
		margin-bottom: 10px;
	}

	.nat3 {
		padding-right: 10%;
		padding-left: 10%;
		margin-bottom: 10px;
	}

	.pro1 {
		padding: 0 10%;
		margin-bottom: 10px;
	}

	.pro2 {
		padding: 0 10%;
		margin-bottom: 10px;
	}

	.pro3 {
		padding: 0 10%;
		margin-bottom: 10px;
	}

	.news {
		padding-bottom: 20px;
	}

	.other {
		padding: 0;
	}

	.oth1 {
		display: inline-block;
		line-height: 30px;
	}

	.email {
		margin-left: 0;
	}

	.oths {
		line-height: 30px;
		text-align: center;
		margin-top: 20px;
	}

	.aleft {
		height: 200px;
	}

	.abot {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.bleft {
		width: 85%;
	}

	.bdetail {
		margin-top: 20px;
	}

	.img {
		margin-bottom: 20px;
	}

	.new {
		padding: 0;
	}

	.read {
		margin-bottom: 20px;
	}

	.logs {
		width: 50%!important;
	}
}