@media only screen and (max-width: 768px) {
	.info-card{min-width:80%; flex:none;}
.qr-section{width:80%}
.jqchCon{width:90%}
.xl{width:100%}
.custom-search .v-code .form-con img#codeImg{width:30%}
	
	#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; color:#333}
	.menu > ul > li > ul.special{ left:auto; width: 85%; margin: 0 auto;}
.menu > ul > li > ul{ top:0;}
	
	
    .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;}
	#ups-banner{ display: none;}
	#mob-banner {display: block; height:500px; overflow:hidden;}
	#mob-banner .swiper-button-next,#mob-banner .swiper-button-prev { display: none;}
	#mob-banner .bottom-nav {width: 100%;text-align: center;position: absolute;	bottom: 20px;	z-index: 10;	text-align: center;}
	#mob-banner .swiper-pagination {width: 50%;	margin: 0 auto;	position: relative;	display: inline-block;	height: 29px;	vertical-align: middle;	}
	#mob-banner .swiper-pagination-bullet {	width: 32px;	height: 16px;	background: #fff;	opacity: 1;	box-sizing: border-box;	border: 1px solid #fff;	margin: 0 15px;	vertical-align: middle; border-radius: 10px;}
	#mob-banner .swiper-pagination-bullet-active {	background: #61aee7;	border: 1px solid #fff;}

        .bannerin_title{ display:none;}
        .guide_ul_rbg{ display:none;}

        .listPage{width:100%}
	.channel{ width: 100%;}
	.head{ width: 100%;}
	#ups-banner .swiper-button-next, #ups-banner .swiper-button-prev{top:70%}
	.menu-container{ height: 62px; padding-top: 10px;}
	.logo{ width: 240px; background: none;} 
	.logo a{ width: 100%;}
	.logo a img{ width:240px; height:auto; 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;}
	
         .focus-news{width:100%; float:none}
	.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;}
	.videolist_item{ width:100%}
        .videolist_lk{width:100%; height:auto;}
	.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;  height: auto;}
	.aboutus_intro{ width: 100%; float: none; margin-bottom: 30px;}
	.aboutus_icon{width: 100%; float: none;}
        .aboutus_icon img{ width:100%}
	.aboutus_link{ display: block; text-align:center}
	
        .research_pic{width:100px;height: 100px; margin-right:20px; }
        .research_item{ width:150px; padding:0; text-align:left;}
        .research_item_tit{margin-bottom:10px; font-size:18px;text-align:left;}
        .research_item_desc{font-size:14px;text-align:left;}
        .stubg{height:50px; bottom:30px;}

        .slideVideoBox{ display:block;}
        .slideVideoBox .hd{width:100%}
        .slideVideoBox .bd{width:100%; height:auto;}
        .slideVideoBox .hd ul li{ height:50px; line-height:50px; text-align:center; padding-left:0;}

	.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 .swiper-slide{ background: none;}
	.research_item_lk{ background: #fff; width: 70%; margin: 0 auto;}
	
	.bannerIn{ width: 100%; height: 300px;}
	.guidenav{ height: 300px;}
	.guidenavContent{ height: 300px;}
	.guide_ul{padding: 20px;}
	.listPage_l{ display: none;}
	.listPage_r{ width: 90%; margin:0 auto; 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;}

        .piclist_item{width:100%}
        .piclist_lk{width:100%; height:auto;}

        .stu_item_lk{width:100%;}
        .stu_item{width:120px;}
        .container{padding:0;}
	
	#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%;}

        .footer_center{display:block}
        .footer_in_r{width:100%}
        .footer_qrcode{flex-wrap:wrap;}
        .footer_qrcode li{width:50%; margin-bottom:20px}
	
}