.pc_none{
	display: none;
}
@media (max-width: 768px) { 
	.pc_none{
		display: block;
	}
	.list-banner{
    	height: 200px !important;
	}
	.container_category{
		margin:30px 0;
		margin-bottom: 0px;
	}
	.postbody{
		margin-top: 0px;
		padding-top: 30px;
	}
	.list-banner .part2{
		padding-top: 40px;
	}
	.list-banner .part3{
		font-size: 4rem;
	}
	.list-banner .part4{
		height: 3px;margin-top: 5px;
	}
	.brand-hornor-left{
		width: 100%;
	}
	.brand-hornor-right{
		width: 100%;
		padding: 0px;
	}
	.new-list .new-item{
		width: 50%;
	}
	#listContent{
		display: none;
	}
	#postContent{
		width: 100%;
	}
	.product-list li.product-item{
		width: 50%;
	}
	.item_img{
		height: 250px !important;
	}
	.container{
		width: auto;
	}
	.job-detail ul li{
		width: 90%;
	}
	#contactinfo{
		width: 100% !important;
	}
	#contactform{
		width: 100% !important;
	}
	.phone_none{
		display: none;
	}
	.phone_list{
		background-color: #f8f8f8;
		padding-left: 15px;
		padding-right: 15px;
	}
	.phone_list .part1{
		width:70px;
		height: 40px;
		color: #000;
		line-height: 40px;
		text-align: center;
		width: 100%;
		height: 40px;
		background-color: #f8f8f8;
		text-align: left;
		font-size: 16px;
	}
	.phone_list .part2{
		width: 100%;
		background-color: #fff;
		margin-bottom: 10px;
	}
	.phone_list .part3{
		display: none;
		transition: all .5s ease;
	}
	.show_part{
		display: none;
		transition: all .3s ease;
	}
	.hide_part{
		display: block;
		transition: all .3s ease;
	}
	.phone_list .part2 a{
		height: 40px;
		display: block;
		text-align: left;
		line-height: 40px;
		padding-left: 20px;
		background-color: #fff;
	}
	.phone_list .part2{
		
	}
	.nav .sub dd a{
		text-align: center;
	}
}