@media screen and (min-width:320px) and (max-width:1200px) {
	.top{
		width: 100vw;
	}
	.top .logo{
		width: 30vw;
	}
	.pink .pink_con ul li a img{
		width: 112px;
		height: 84px;
	}
	.search{
		display: none;
	}
	.search_wap{
		display: block;
	}
	.navs{
		display: none;
		width: 100vw;
	}
	.navs ul{
		width: 100vw;
		display: flex;
		justify-content: space-around;
	}
	.navs ul li a{
		width: auto;
	}
	.content{
		width: 100vw;
	}
	.content .content_left{
		width: 100vw;
		
	}
	#con_banner{
		display: block;
		width: 96vw !important;
		/* height: 270px !important; */
		margin: auto;
		margin-bottom: 15px;
	}
	#con_banner img	{
		/* height: 100%; */
	}
	#banner{
		margin-bottom: 15px;
	}
	
	.zutiTap {
		display: block;
		width: 96vw !important;
		margin-left: 0;
	}
	.zutiTap .layui-tab-item ul li{
		display: block;
	}
	.zutiTap .layui-tab-item ul li a{
		display: block;
	}
	.content .content_left{
		margin-top: 10px;
	}
	.content .business{
		width: 100vw;
		border: 0;
	}
	.content .business ul{
		display: block;
		text-align: center;
	}
	.content .business{
		padding: 0;
	}
	.content .business ul li:nth-child(1){
		display: block;
	}
	.content .guide .guide_left .guide_left_title p{
		text-align: center;
	}
	.content .business ul li:nth-child(1) a{
		width: 90vw;
		display: block;
		margin: auto;
		margin-bottom: 7px;
	}
	.content .business ul li a{
		width: 48vw;
		margin-bottom: 7px;
	}
	.content .guide .guide_left{
		border: 0;
		width: 94vw;
		padding: 0 10px;
	}
	.content .guide .guide_left ul{
		display: flex;
		justify-content: space-around;
		padding: 0 10px;
	}
	.layui-tab-item ul li a p{
		width: 230px;
	}
	.content_title{
		display: block !important;
	}
	.zutiTap .layui-tab-item ul{
		max-height: 356px;
	}
	.zutiTap .layui-tab-title{
		left: 11px;
	}
	.content .content_left #con_banner p span{
		width: 230px;
	}
	#con_banner .layui-carousel-ind li{
		margin:0px 3px
	}
	.guide_right{
		float: left;
	}
	.layui-tab-title li{
		font-size: 14px;
	}
	.zutiTap .layui-tab-title{
		height: 26px;
	}
	.layui-tab-brief>.layui-tab-title .layui-this:after{
		height: 27px;
	}
	.teacher:nth-child(2){
		margin-top: 15px;
	}
	.content .guide .guide_right .teacher .layui-tab-item ul li a p{
		width: 230px;
	}
	.content .guide .guide_right .teacher .layui-tab-item ul{
		max-height: 230px;
	}
	.footer_bg .footer{
		width: 100vw;
		margin-top: 10px;
	}
	.footer_left{
		text-align: center;
	}
	.qrCode img{
		display: block;
		margin: auto;
	}
	.qrCode{
		text-align: center;
		float: none;
	}
	.lianjie{
		display: none;
	}
	/* .column{
		display: none;
	} */
	.content .column{
		border: 0;
	}
	.content .column ul{
		padding: 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 10px;
	}
	.content .column ul li a{
		width: 30vw;
		margin-bottom: 10px;
	}
	/* .pink{
		display: none;
	} */
	.pink{
		width: 100vw;
	}
	.pink .pink_title{
		margin: 0 10px;
	}
	.pink .pink_con{
		width: 94vw;
		padding: 0 10px;
		height: 125px;
	}
	.pink .pink_con ul li{
		width: 30vw;
		height: auto;
	}
	.pink .pink_con ul li a{
		width: 30vw;
		height: auto;
	}
	
	
	/* 详情页 */
	.details{
		width: auto;
		padding: 0 10px;
	}
	.share_left{
		text-align: center;
	}
	.details .details_con{
		border: 0;
	}
	.details_con .article img{
		width: 100%;
	}
	.details_con .article p{
		width: auto;
		margin-left: 0;
	}
	.footer{
		text-align: center;
	}
	
	/* 新闻列表 */
	.news_bg .news{
		width: auto;
	}
	.news_bg .news .news_left{
		width: 100vw;
		height: auto;
	}
	.news_bg .news .news_left .news_left_title{
		width: 100vw;
	}
	.news_bg .news .news_left ul{
		width: 100vw;
	}
	.news_bg .news .news_left ul li{
		width: 100vw;
	}
	.news_bg .news .news_left ul li a{
		width: 90vw;
	}
	.news_bg .news .news_right{
		width: 100vw;
	}
	.news_bg .news .news_right .news_right_con li a{
		padding: 15px 10px;
	}
	.news_bg .news .news_right .news_right_con li a p{
		width: 250px;
	}
	
	/* 留言 */
	.mailbox{
		width: auto;
		margin-left: 20px;
	}
	.mailbox .form_item{
		display: block !important; 
		margin-bottom: 0;
	}
	.mailbox .form_item input{
		width: 80vw !important;
	}
	.mailbox .form_item textarea{
		width: 80vw;
		border: 1px solid #ccc;
		height: 80px;
	}
	.mailbox .form_item button{
		float: left;
		margin-top: 15px;
	}
	
	/* 申请表 */
	.water_supply form{
		width: auto !important;
	}
	.water_supply form table tr td:nth-child(odd){
		width: 65px;
		font-size: 12px;
	}
	.water_supply form table tr:nth-child(7) td:nth-child(4) input{
		width: 75%;
	}
	/* 留言内容 */
	.message .message_con li p{
		width: auto;
	}
}

@media screen and (min-width:300px) and (max-width:330px){
	.content .guide .guide_left{
		padding: 0;
	}
	.content .guide .guide_left ul{
		padding: 0;
		display: block;
		width: 100vw;
		margin: auto;
		text-align: center;
	}
	.content .guide .guide_left{
		display: block;
		margin: auto;
	}
	.layui-tab-item ul li a p{
		width: 185px;
	}
	.content .business ul li a img{
		height: 28px;
		margin-right: 9px;
		margin-left: 16px;
		vertical-align: middle;
	}
	.content .guide .guide_right .teacher .layui-tab-item ul li a p{
		width: 190px;
	}
}