
@media only screen and (max-width: 959px) {
	
	
	#fullscreen-overlay {
	  display: none;
	  position: fixed;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  background: rgba(0, 0, 0, 0.5);
	  z-index: 88;
	}
	
    .menu-container {width: 100%; z-index: 99;}
    .menu-mobile {display: block; width: 50px; height: 50px; line-height: 50px; color: #fff; position: absolute; right: 10px; top: 20px; padding: 0;}
	.menu-mobile i{ font-size: 40px;}
    .menu-dropdown-icon:before {display: block; }
	.menu-dropdown-icon:before { position: absolute; right: 0; top: 0; font-size: 16px;}
	
	.menu{ margin: 0; float: none;}
    .menu > ul {display: none;}
    .menu > ul > li {width: 100%;float: none;display: block;border-bottom: 1px solid #ccc; position: relative;}
    .menu > ul > li a {padding: 1.5em;display: block; text-align: left; background: #fff;}
    .menu > ul > li > ul {position: relative; box-shadow: none;}
    .menu > ul > li > ul.normal-sub {width: 100%; background: #f7f7f7;}
    .menu > ul > li > ul > li {float: none;width: 100%;margin-top: 20px;}
    .menu > ul > li > ul > li:first-child {margin: 0;}
	.menu > ul > li > ul > li a{ background: none;}
    .menu > ul > li > ul > li > ul {position: relative;}
    .menu > ul > li > ul > li > ul > li {float: none;}
	
	
    .menu .show-on-mobile {display: block; position: absolute; left: 0; top: 89px; background: #fff;  z-index: 9999; overflow-y: scroll;}
	.menu .menuon{ background: #fff; color: #333;}
	
	#ups-banner .swiper-button-next:before, #ups-banner .swiper-button-prev:before{ height: 30px; line-height: 30px; font-size: 24px;}
	#ups-banner .bottom-nav{ bottom: 0;}
	#ups-banner .swiper-pagination{ width: 100%; text-align: right;}
	#ups-banner .swiper-pagination-bullet{ width: 10px; height: 10px; border: 2px solid #fff; margin: 0 8px;}
	#ups-banner .swiper-slide .content {	width:80%;	max-width: 300px;	position: absolute;	left: 50px;	bottom: 30px;	z-index: 20;}
	#ups-banner .swiper-slide .content .txt {	padding: 10px;	}
	#ups-banner .swiper-slide .content .txt h3 {	margin: 0;	font-size: 16px;	font-weight: normal;}
	#ups-banner .swiper-slide .content .txt p { display: none;}
	#ups-banner .swiper-slide .content .link {width: 140px;	border-radius: 0 0 14px 0; 	font-size: 14px;	margin-top: 0;}
	
	.channel{ width: 100%;}
	.head{ width: 100%;}
	.menu-container .logoleftbg{ width: 100%;}
	.logo{ width: 300px; background: none;} 
	.logo a{ width: 100%;}
	.logo a img{ width: 100%; display: block; margin-left: 20px;}
	.search{ display: none;}
	.menu{ width: 100%;  z-index: 999; }
	.menu > ul{ width: 100%;}
	
	.fl{ float: none;}
	.fr{ float: none;}
	.focus{ width: 100%; margin: 30px auto;}
	.tab-box{ width: 100%; float: none;}
	.tab-box .tab{ padding: 0 20px;}
	.tab-box .tabmore{ right: 10px;}
	.tab-box .tab ul li{ font-size: 20px;}
	.tab-box .tabmore a{ font-size: 16px;}
	.tab-box .tab ul li.on::before{ width: 80px; bottom: 15px;}
	#mediumNews{ padding: 0 20px 20px 20px;}
	.inewsList_title{ height: auto;}
	
	.focusNews{}
	.focusNewsOut{ margin: 20px; margin-bottom: 50px;}
	.focus { margin: 0 auto; margin-top: 20px;}
	.focuscon_lk{ }
	.focusimg{ width: 30%; height: auto;}
	.focusImgNews{ flex-direction: column; padding: 0 20px;}
	.focusImgNews_link{ width: 100%;}
	.focusdesc{ display: none;}
	.focustitle{ font-size: 16px; padding: 0;}
	.focustime{ font-size: 14px;}
	.focusNews .swiper-button-next, .focusNews .swiper-button-prev{ display: none;}
	

	
	.notice{ width: 100%; float: none; background: #f8fcff url(../images/noticebg.jpg) no-repeat right bottom;}
	.notice_tit{ font-size: 20px;}
	
	.aboutus{ padding: 30px; width: auto; background-color: #5a819d;}
	.aboutus_intro{ width: 100%; float: none; margin-bottom: 30px;}
	.aboutus_icon{width: 100%; float: none;}
	.aboutus_link{ display: block;}
	
	.teachnews{ padding: 20px 0;}
	.teach{ width: 90%; margin: 0 auto; margin-bottom: 30px;}
	.teach_tit{ font-size: 20px;}
	.teach_icon{ width: 20px; height: 20px;}
	.teach_ul li{ padding: 10px 0; border-bottom: 1px solid #ccc;}
	.teach_ul li .time{ position: relative; font-size: 14px; color: #999;}
	.teach_ul li a{ width: 100%; white-space: pre-wrap; height: auto; line-height: 150%;}
	
	.rcenter{ margin-top: 0;}
	
	.research_pic{ height: auto;}
	.research .swiper-slide{ background: none;}
	.research_item_lk{ background: #fff; width: 90%; margin: 0 auto;}
	
	.bannerIn{ width: 100%; height: 200px;}
	.guidenav{ height: 200px;}
	.guidenavContent{ height: 200px;}
	.guide_ul{padding: 20px;}
	.listPage_l{ display: none;}
	.listPage_r{ width: 100%; float: none;}
	.subnav_tit_desc{ padding: 0 20px;}
	.newsList{ padding: 20px;}
	
	.instiContent{ padding: 20px; display: block;}
	.insti_list{ width: 100%; margin-bottom: 20px;}
	
	.listimg_pic{ width: 100%; float: none;}
	.listimg_info{ width: 100%; float: none;}
	.listimg a{ padding: 20px;}
	
	.newsinTop{ padding: 0 20px;}
	.newsinTopCon{ width: 100%;}
	.newsContent{ padding: 20px;}
	.newsin_bot{ padding: 20px;}
	.newsin_bot_prev{ width: 100%; float: none; margin-bottom: 20px;}
	.newsin_bot_next{width: 100%; float: none;}
	.newsin_bot_pagi{ display: block;}
	
	.faculty_type{ display: inline;}
	.faculty_type a{ display: inline-block; margin-bottom: 20px;}
	.facultyList{ width: 100%; margin-bottom: 20px;}
	.faculty_img{ width: 100%; height:  auto;}
	.faculty_more{ width: 90%; margin: 0 auto; }
	.facultyShow{ width: 90%; margin: 0 auto;}
	
	.notice_ul{ padding: 0 20px;}
	.p_pages span{ padding: 8px; font-size: 12px; margin: 0 5px; display: inline-block;}
	
	#footer{ background: #1f3545;}
	.footer_in{  flex-direction: column; width: 90%;}
	
	.footer_in_l{ width: 100%; float: none; margin-bottom: 30px;}
	.footer_menu{ width: 100%; float: none; margin-bottom: 30px;}
	.footer_contact{width: 100%; float: none;}
	.copyright{ width: 90%;}
	
}
