/*------响应页面---------------------------------------------------------------------*/

/* 中小型笔记本或大平板 laptop */
@media all and (min-width: 980px) and (max-width: 1200px) {
    .container{
		width: 98%;
		margin: 0 1%;
	}
	
	header .bottom .right{
		display: none;
	}
	
	.societyNews,.indexNotice{
		width: 49%;
	}
	
	.boxVal{
		display: block;
	}
	.boxVal-left{
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.lnews{
		width: 49%;
	}
	.lnews .lnewslist li p{
		width: 70%;
	}
	
	
	.boxVal-right{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #ccc;
	}
	.kwkj, .dlcenter, .contactUs{
		width: 48%;
	}
	.btitle{
		width: auto;
	}
	
	.message-val{
		flex-wrap: wrap;
	}
	.message-val span{
		margin-bottom: 20px;
		width: 48%;
		text-align: center;
	}
	.message-val input,.message-val .texts{
		width: 88%;
	}
	.message-val .submitBtn{
		width: 60%;
		height: 40px;
		margin: 0 auto;
	}
	
	.flink{
		flex-wrap: wrap;
	}
	.flink select{
		width: 13%;
	}
	
	.footer-navs{
		padding-left: 20px;
	}
	
	.toolBackTop{
		margin-left: 93%;
	}
	
	
	
	.pageBox{
		display: block;
		padding: 10px;
	}
	.boxleft{
		width: 100%;
	}
	.pageBox .rnav{
		margin-bottom: 20px;
	}
	.pageBox .rnav ul{
		display: flex;
		flex-wrap:wrap;
		align-content: flex-start;
	}
	.pageBox .rnav li a{
		padding: 10px;
		border-left: 1px solid #ccc;
	}
	.pageBox .leftContent{
		width: 100%;
	}
	.pageBox .rnav .rhead,.pageBox .hots,.pageBox .leftContent .title,.pageBox .atitle,.position span{
		display: none;
	}
	.pageBox .nlist ul{
		padding-left: 10px;
	}
}
/* 中型平板或小型笔记本 tablet */
@media all and (min-width: 768px) and (max-width: 979px) {
    .container{
    	width: 98%;
    	margin: 0 1%;
    }
	
	header .top iframe{
		display: none;
	}
	
	section{
		padding-top: 10px;
	}
	
	
	
	.indexnav{
		height: 60px;
		line-height: 60px;
	}
	.indexnav-ul{
		display: inline-block;
		width: 100%;
		white-space:nowrap;
		overflow-y: auto;
	}
	.indexnav li{
		display: inline-block;
		padding: 0 6px;
	}
	
    
    header .bottom .right{
    	display: none;
    }
    
    .sCarousel{
		height: 400px;
	}
	.swiper-slide p{
		font-size: 26px;
	}
	
	.societyNews,.indexNotice{
		width: 49%;
	}
    
    .boxVal{
    	display: block;
		margin-top: 20px;
    }
    .boxVal-left{
    	display: flex;
    	justify-content: space-between;
    	width: 100%;
    }
    .lnews{
    	width: 49%;
    }
    .lnews .lnewslist li p{
    	width: 70%;
    }
    
	.boxVal-right{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #ccc;
	}
    .kwkj, .dlcenter, .contactUs{
    	width: 48%;
    }
    .btitle{
    	width: auto;
    }
	.btitle a{
		margin-top: 2px;
	}
    
    .message-val{
    	flex-wrap: wrap;
    }
    .message-val span{
    	margin-bottom: 20px;
    	width: 48%;
		text-align: center;
    }
    .message-val input,.message-val .texts{
    	width: 82%;
    }
    .message-val .submitBtn{
    	width: 60%;
    	height: 40px;
    	margin: 0 auto;
    }
    
    .flink{
    	flex-wrap: wrap;
    }
    .flink select{
    	width: 13%;
    }
	
	.footer-navs{
		display: none;
	}
	
	.toolBackTop{
		margin-left: 93%;
	}
	
	
	
	.pageBox{
		display: block;
		padding: 10px;
	}
	.boxleft{
		width: 100%;
	}
	.pageBox .rnav{
		margin-bottom: 20px;
	}
	.pageBox .rnav ul{
		display: flex;
		flex-wrap:wrap;
		align-content: flex-start;
	}
	.pageBox .rnav li a{
		padding: 10px;
		border-left: 1px solid #ccc;
	}
	.pageBox .leftContent{
		width: 100%;
	}
	.pageBox .rnav .rhead,.pageBox .hots,.pageBox .leftContent .title,.pageBox .atitle,.position span{
		display: none;
	}
	.pageBox .nlist ul{
		padding-left: 10px;
	}
	
}
/* 手机或小平板 phone */
@media all and (max-width: 767px) {
    .container{
    	width: 98%;
    	margin: 0 1%;
    }
    
    header .top iframe,.top-right{
    	display: none;
    }
	
	.top-left{
		width: 100%;
	}
	header .top-left a{
		float: right;
	}
	
	header .bottom{
		height: 100px;
	}
	header .bottom .logo{
		line-height: 100px;
	}
	header .bottom .logo img{
		width: 100%;
	}
    
    .indexnav{
    	height: 60px;
    	line-height: 60px;
    }
	.indexnav-ul{
		display: inline-block;
		width: 100%;
		white-space:nowrap;
		overflow-y: auto;
	}
    .indexnav li{
		display: inline-block;
		padding: 0 6px;
	}
    
    
    header .bottom .right{
    	display: none;
    }
	
	section{
		padding-top: 5px;
	}
	
	.sCarousel{
		height: 220px;
	}
	.swiper-slide p{
		font-size: 22px;
	}
    
    .boxOne{
    	display: inline-block;
		width: 100%;
		margin-bottom: 20px;
    }
   
    .societyNews{
    	width: 100%;
    }
    .indexNotice{
    	width: 100%;
    	margin-top: 20px;
    }
    
    .boxVal{
    	display: block;
		margin-top: 20px;
    }
    .boxVal-left{
    	width: 100%;
    }
    .lnews{
    	width: 100%;
    }
	.lnews .lnewslist li p{
		width: 70%;
	}
    
    
	.boxVal-right{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #ccc;
	}
    .kwkj, .dlcenter, .contactUs{
    	width: 100%;
    }
    .btitle{
    	width: auto;
    }
    
    .message-val{
    	flex-wrap: wrap;
    }
    .message-val span{
    	margin-bottom: 20px;
    	width: 100%;
		text-align: center;
    }
    .message-val input,.message-val .texts{
    	width: 82%;
    }
    .message-val .submitBtn{
    	width: 60%;
    	height: 40px;
    	margin: 0 auto;
    }
    
    .flink{
    	display: none;
    }
    
	.dmimg{
		margin-bottom: 30px;
	}
	
	.footer{
		display: inline-block;
	}
	.footer-info{
		width: 100%;
	}
	.footer-info-text p{
		margin-bottom: 5px;
		font-size: 12px;
	}
    
    .footer-navs{
    	float: left;
		width: 45%;
		padding-left: 6%;
		border: none;
    }
	
	.footer-imgs{
		float: right;
	}
	
	.footer-dm{
		margin-top: 20px;
	}
	.footer-dm img{
		width: 15%;
	}
	
	.footer-copy{
		font-size: 12px;
	}
    
    .toolBackTop{
    	margin-left: 90%;
    }
	
	
	
	.pageBox{
		display: block;
		padding: 10px;
	}
	.boxleft{
		width: 100%;
	}
	.pageBox .rnav{
		margin-bottom: 20px;
	}
	.pageBox .rnav ul{
		display: flex;
		flex-wrap:wrap;
		align-content: flex-start;
	}
	.pageBox .rnav li a{
		padding: 10px;
		border-left: 1px solid #ccc;
	}
	.pageBox .leftContent{
		width: 100%;
	}
	.pageBox .rnav .rhead,.pageBox .hots,.pageBox .leftContent .title,.pageBox .atitle,.position span{
		display: none;
	}
	.pageBox .nlist ul{
		padding-left: 10px;
	}
	
	.contactTitle .code{
		margin-right: 0;
	}
	.contactWay{
		flex-wrap:wrap;
		align-content:flex-start;
	}
	.contactWay .item{
		width: 48%;
	}
	.contactWay .item:last-child{
		display: none;
	}
}