@media screen and (max-width: 1024px) {
	.bbs_title{
		width:100%;
	}
	.index_bind{
		width: 100%;
	}
	.sub_bind{
		width: 100%;
	}
	.pc_web{
		display: none;
	}
	.mobi_web{
		display: block;
	}
	.logo{
		float: none;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.mobi_stop{
		display: none;
	}
	.top{
		width: 100%;
		height: 60px;
	}
	.katalk{ width: 30%; float: right; text-align: right; }
	.mobi_menu{
		width: 100%;
	}
	.mobi_menu ul{ padding-left: 0px; }
	.mobi_menu li{
		width: 24%;
		float: left;
	}
	.mobi_menu:after{
		content:"";
		clear:both;
		display:block;
	}
	.contactme_back{
		background-color: #EEEEEE;
		height: 250px;
	}
	.contactme{
		width: 100%;
		height: auto;
	}
	.meleft{ 
		width: 50%;
		text-align: center;
		height: auto;
	}
	.meleft img{ 
		margin-top: 30px;
		width: 87%;
	}
	.meright{ 
		width: 50%;
		text-align: center;
		height: auto;
	}
	.meright img{ 
		margin-top: 30px;
		width: 87%;
	}
	.mobi_menu ul li {
		position: relative;
	}

	.mobi_menu ul li ul {
		display: none;
		position: absolute;
		top: 35px;
		left: 0;
		padding: 0;
		width: 100%;
		z-index: 999999999;
	}

	.mobi_menu ul li.show-submenu > ul {
		display: block;
	}

	.mobi_menu ul li ul li {
		width: 100%;
		float: none;
		height: 40px;
		line-height: 40px;
		background-color: rgba(255, 255, 255, 0.6);
		border-bottom: 1px solid #eee;
	}

	.mobi_menu ul li ul li:last-child {
		border-bottom: none;
	}

	.mobi_menu ul li ul li a {
		display: block;
		padding: 0 5px;
		color: #333 !important;
	}

	.mobi_menu ul li ul li:hover {
		background-color: #f9f9f9;
	}

	.mobi_menu ul li ul li:hover a {
		color: #03C75A;
	}
	.hamburger {
		display: block;
		display: flex;
	}
	.hamburger div {
		margin: 2px 0;
	}	
}