@media only screen and (max-width: 768px)  and (min-width: 320px) {	
.messageline{height:60px;}
.newslist ul.message div button#saveMessage{padding:10px 60px;}
.newslist ul.message input{margin-bottom:5px;}
img.img_vsb_content {
        width: 100%;
}	
	.container { width: 100%;}
	
	#con { margin-top: 3vh;}
#con2 { margin-top: 8vh;}
	
	.head { margin-top: 45px;}	
	
	.big_txt, .big_txt img {   width: 88%;  margin: auto;}
	
	.txt { margin-top: 14vh; margin-bottom: 5vh;}
	
	#news_imgs .swiper-slide img { width: 100%; height: auto; object-fit: cover;}
	
	.co_titlle a { margin-top: 0.8em;}
	.views .co_titlle a{ font-size:18px;}
	
	body { 
		font-size: 11px; 
		background-size: 100% auto;
		background-position-x: 0; 
		background-position-y: 45px;
		min-height:10vh;
	}
	
	.logo img { height: 2em; display: none;}
	.dot .logo img{display: block; height:3em;}
	
	.txt { margin-top: 21vh; margin-bottom: 13vh;}
	
	.hotline dl { height: auto;}

	.hotline dt ,.hotline dd{ clear: both; width: 100%; height: auto; margin-right: 0; margin-bottom: 1em;}

	.newslist ul li span.date {display: block; clear: both; width: 100%; text-align: left;}
	.newslist ul li span.font {float:none;width:auto;white-space: normal;}
	
	.content { margin-top: 4em; padding:15px;box-shadow: 0 25px 23px rgba(0,0,0,0.1);}
	
	.txt p:before ,.txt p:after {  content: "";  width: 19%;}
	
	.menu { height: auto; display: none;}
	.menu ul { display: block; height: auto;}
	.menu ul li {display: inline-block; width: 32.3%; }
	
	/*手机导航*/
	.sm_menu { display: block;}
	
	#news_imgs .swiper-slide .news_wamp p { font-size: 14px; }
	
	/*人物风采*/
	.rw_list dl { width: 100%; margin-right: 0; margin-bottom: 2em;}
	
	.news_info img {width: 72%;}
	
	
	.p_links { display:none !important;}
	
	ol.small_ban ,ol.small_ban li{height: 12.7em;}
	
	.sourcelist ul li span.date { width: 28%; margin-top: 0; display: none;}
	
	.sourcelist ul li p {text-align: justify; width: 100%; text-overflow: initial; height: auto;white-space: normal; font-size: 12px;}
	
	.co_titlle { margin-top: 1em;    font-size: 19px; height:40px;}
	.co_titlle span { font-size:18px; line-height:40px;}
	
	#shoolnews,.sourcelist,.worklist{ padding: 0.8em; height: auto;}
	
	#shoolnews h3 { font-size: 14px; text-align: justify; text-overflow: initial; height: auto;white-space: normal; color:#000;}
	
	#news_imgs { height: 13.5em; text-align: center;}
	
	#worklist .swiper-slide { height: 11.7em;}
	
	#worklist .swiper-slide img { object-fit: cover;}
	
	#small_txt .swiper-slide {height:auto !important; font-size: 12px;}
	
	#small_ban .swiper-slide p  { padding: 0.8em; line-height: 1.5;}
	
	#teacherslist,#teacherslist2 { display: none;}	
	
	.newslist ul li {  margin-bottom: 1em; height:auto;}
	
	a.btn { line-height: 1.5;}	
	
	.txt p { font-size:1.3em;}
	
	#teacherslist .swiper-slide a, #teacherslist2 .swiper-slide a { height: 20vh;}
	
	h2.news_title { font-size: 20px;line-height: 1.8; margin-bottom: 1em;}
	
	.news_date{ padding-bottom: 1em;margin-bottom: 1.5em;}
	.news_info { padding-bottom: 2em;}
	
	div#box1, div#box2 {  margin-bottom: 0;}
	
	.pages .pagination li a,.pages .pagination li.active span{margin: 0 4px;}
	
	.sourcelist li a{ font-size:14px;width: calc(100% - 80px);}
	.sourcelist li span {font-size:12px;}

	/*党建数据*/
	.datas{padding-bottom:0;}
	.datas .data li img{max-width:80%;}
	.datas .data li p{font-size:14px;font-weight:normal;}
	.datas .data li p span{ font-size:28px; font-weight:bold;}
	
	.pd .djfc {padding-top:20px;}
	.pd .djfc li{width:100%;}
	
	.pd{padding-bottom:0;}
	.dili .swiper-slide{width:100%;}
	.dili .swiper-slide .text p{width:100%; font-size:14px; font-weight:normal;}
	.dili .swiper-slide .text span{ display:none;}
	
	.yx{margin-top:0px;}
	.view{margin-top:20px; width:100%;}
	
	.view video,
	.view img{height:240px;}
	
	.views .u-small-box{width:100%;}
}



@media only screen and (width: 768px) {
	body { font-size: 11px; }
	#con { margin-top: 18vh;}
	
	.txt {  margin-top: 16vh;  margin-bottom: 7vh;}
	
	.big_txt, .big_txt img { width: 90%; margin: auto;}
	
	.menu ul li { display: inline-block; width: 19.3%;}
	.sourcelist ul li { margin-bottom: 0.7em;padding-bottom:0.7em;}
	.sourcelist ul li p {     
		text-overflow: ellipsis;
	    white-space: nowrap;
	    width:100%;
	    height: 1.4em;
	    overflow: hidden;font-size: 15px;
	}
	
	#box2 .col-lg-6 { width: 50%; float: left;}
	
	.rw_list dl { width: 32%; margin-right: 2%; height: auto;}
	
	.rw_list dt img {height: 12em; }
	
	#news_imgs { height: 27.14em;}
	#worklist .swiper-slide {  height: 26.7em;}
	#teacherslist,#teacherslist2 { display: none;}
	

	#teacherslist .swiper-slide a, 
	#teacherslist2 .swiper-slide a { height: 12vh;}
	
}


@media only screen  and ( max-width:414px) {
	
	.txt { margin-top: 11vh;  margin-bottom: 7vh;}
	
	.txt p {
	    font-size: 1.3em;
	    width: 81%;
	    margin: auto;
	    margin-top: 0.5em;
	}
	
	#worklist .swiper-slide { height: 14em;}
}