@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: 0; 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; color: #333;}
    .menu > ul > li > ul {position: relative; box-shadow: none;}
    .menu > ul > li > ul.normal-sub {width: 100%; background: #f7f7f7; left: 0; text-align: left;}
    .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 > ul > li > ul > li a{ text-align: left; padding-left: 20px;}
	.menu > ul > li > ul.special{ left:auto; width: 85%; margin: 0 auto;}
	
	
    .menu .show-on-mobile {display: block; position: absolute; left: 0; top: 62px; background: #fff;  z-index: 9999;max-height: 90vh;  overflow-y: auto;touch-action: auto;}
	.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{ height: 62px; padding-top: 10px;}
	.logo{ width: 240px; 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: 18px;}
	.tab-box .tabmore a{ font-size: 14px;}
	.tab-box .tab ul li.on::before{ width: 80px; bottom: 15px;}
	
	.tab-box .tabmore{ right: 20px;}
	.tab-box .tabmore a i{ font-size: 14px;}
	#mediumNews{ padding: 0 20px 20px 20px;}
	.inewsList_title{ height: auto; font-size: 16px; color: #666;}
	.inewsList a{ padding: 20px;}
	
	.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;}
	
	.quick{ position: relative; width: 100%; left: 0; top: 0; margin: 0;}
	
	.videoShow{width: 90%; margin: 0 auto; float: none;}
	.zsicon{ width: 90%; margin: 0 auto; float: none; padding-top: 30px;}
	
	.collage_top{ width: 100%;}
	.collage_center{ width: 90%;}
	.collagelist{ width: 48%; margin-bottom: 10px;}
	.collagelist_deta_desc{ display: none;}
	.collagelist_deta_t{ font-size: 14px;}
	
	.zs_form{ padding: 10px 20px}
	.zs_form_item_sel{ width: 230px;}
	
	.quickbg{ padding: 30px 0;}
	.quick_list{ flex-wrap: wrap; padding: 20px;}
	.quick_item{ width: 48%; margin-bottom: 20px; height: 100px;}
	.quick_item_t{}
	.quick_item .quick_item_i i{ font-size: 22px;}
	.quick_item .quick_item_t{ font-size: 16px;}
	
	.notice{ width: 90%; float: none; margin: 30px auto;}
	.notice_tit{ font-size: 20px;}
	.zsicon_list_item{ height: 150px;}
	.zsicon_list_item_con{ height: 100px;}
	.zsicon_list_i{ margin-top: 0;}
	
	.aboutus{ padding: 30px; width: auto; background-color: #5a819d; height: 600px;}
	.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;}
	.notice_ul li .notice_line{ display: none;}
	.p_pages span{ padding: 8px; font-size: 12px; margin: 0 5px; display: inline-block;}
	.notice_ul li .notice_time_month{ font-size: 12px;}
	.notice_ul li .notice_ul_title{font-size: 16px;}
	.notice_ul li .notice_time{  margin-right: 0;}
	.notice_ul li .notice_time_day{ font-size: 21px; font-weight: bold;}
	.notice_ul li::before{ background: #eee;}
	
	#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%;}
	
}