@media  screen and (min-width: 2024px)  { 
	.zs_newslist ul li a { grid-template-columns: 89px auto; }
}

@media  screen and (max-width: 1690px)  {
	.pages ul a { line-height: 35px;  }
	.zs_newslist ul li a { grid-template-columns: 76px auto; }
	
}

@media  screen and (max-width: 1440px)  {
	.container { width: 86%; min-width: unset; }  
	
}
	
@media  screen and (max-width: 1360px)  { }

@media  screen  and (max-width:1286px)  {
	.tool ul a,
	.lang a, 
	.menu ul li p a, 
	.menu ul li ol a  {font-size: .22rem;}
	.research_types ul li a { font-size: 16px; }
	
	.mode-job .desc p, .joblist ul li .desc p {  -webkit-line-clamp: 5; }
	#gallry-campus .news-tittle {  bottom: 41px; }
	
	
} 

@media  screen  and ( max-width:1086px) { 
	
	:root {  --gap-space:20px;  } 
	
	.grid-container ,
	.mode-job .grid-container,
	.mode-student .grid-container { grid-template-columns: 100%; }
	
	.pc ,
	.menu,
	.tool ,
	.innerban .inside-bottom,
	#notice .swiper-button-next, 
	#notice .swiper-button-prev,
	#student .swiper-common-button ,	
	#derectionlist .box-sticky-left,
	.research-derectionlist ul li .derect-name::after { display: none; }
	
	  
	.phone_float, 
	.phone_flex { display: flex !important; }
	
	.dot,
	.phone,
	.backtop ,
	 #news { display: block !important; }
	.icon-backtop { background-position: center 15px ; }
	
	.container ,
	.headtop .container { width: 100%; }
	
	.font-72, .banner-tittle { font-size: 27px;	}
	
	.font-36, 
	.co-title, 
	.stand-title-36, 
	.news-detail-title {  font-size: 20px;	}
	
	.font-24, 
	.co-title-en, 
	.stand-title-24, 
	.news-tittle ,
	#notice .swiper-slide a .news-tittle ,
	.ft-contact h3 {   font-size: 15px;	}
	
	#notice .swiper-slide a .desc p, 
	#notice .unison-date ,
	#student .swiper-slide a .news-tittle {  font-size: 12px; line-height: 1.35; }
	
	.headtop .container ,  
	.co-title span ,
	.foot .grid-container ,
	.ft-copyright { align-items: flex-start;
	 display: grid; grid-template-columns: unset; }
	
	.swiper-pagination { position: static; }
	
	
	/* 通用配置 */
	.mode { padding: 30px 0; }
	
	.btn-common-more2,
	.btn-common-more { width:122px; padding: 8px 15px; }
	
	a.btn-common-more,
	a.btn-common-more.phone_flex {
	    width: 100%;
	    justify-content: center;
	    gap: 8px;
	    padding: 12px 15px;
	}
	
	dl.news-item dd { padding: 15px; }
	
	
	#notice,
	.joblist { margin-bottom: 24px; }
	
	.icon-angle-after::after { right: -21px; top: -11px; }
	.icon-angle-before::before {line-height: 24px; }
	
	.headtop { padding: 15px 0 ; }
	.headtop .menubar {	display: flex; justify-content: space-between; align-items: center;	}
	.logo img { height: 35px; }
	.tool, .menubar { padding: 10px;} 
	
	.foot { padding: 30px 0; padding-bottom: 60px; }
	.ft-contact ,
	.ft-copyright { display: block; padding: 0; }
	.ft-tel { position: static; width: 100%; }
	.lianxi {   height: 80px; display: block; }
	p.copyright2 { border-top: 1px rgba(255,255,255,.5) solid;  font-size: 12px; }
	
	.has_right_jt { transform-origin: left bottom; transform: scale(.85); }
	
	.entrance { bottom: 13vh; }	
	
	.innerban { height: 246px; }
	.innerban .party-title { width: 90%; height: 78%; font-size: 24px; }
	
	.grid-container .co-title2, 
	.grid-container .co-title ,
	.co-title-group  {  margin-bottom: 0px;}
	
	.co-title2,
	.co-title {  margin-bottom: 24px; }
	.innerblock .icon-angle::after {
	    content: "";
	    display: block;
	    width: 118px;
	    height: 168%;
	    position: absolute;
	    left: -13px;
	    top: -31px;
	    z-index: -1;
	}
	
	.mode .list-type { position: static; margin-bottom: 20px; }
	.list-type ul { justify-content: flex-start; }
	.list-type ul li a { padding: 8px 15px; font-size: 12px; }	
	
	.li-line-1 ul,
	.li-line-2 ul,
	.li-line-3 ul,
	.li-line-4 ul,
	.li-line-4 ul,
	.li-line-5 ul { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
	
	.box-sticky-left ,
	.box-sticky-right { float: none; width: 100%; }
	
	dl.faculty-imgs { display: grid; grid-template-columns: 30% auto; gap: 15px; }
	dl.faculty-imgs dt { grid-row-start: 1; grid-row-end: 3; }
	.faculty-imgs dd { padding: 15px 0; background: none; }
	.t-img {  max-height: 147px; }
	
	.pages ul { display: flex; justify-content: center; flex-flow: row wrap; gap: 10px; }
	.pages ul a { line-height: 35px;  }
	.pages ul a.prev,
	.pages ul a.next { position: static;   }
	
	.news-tittle, .desc p, .txtlength_limit p { line-height: 20px; }
	
	.co-title2 img {  height: 78px;}
	.co-title2 i { padding: 20px; font-size: 16px;}
	
	#derectionlist .box-sticky-right {  width: 100%;  border-left: none; }
	.dom-scroll-body .dom-item  { padding: 0; }
	.mode-news { border-bottom: none; }
	
	.mode-research { border-bottom: none; }
	
	.zs_newslist ul li a {	grid-template-columns: 50px auto;	}
	
	/* 通用配置-end */
	
	.news_grid { grid-template-columns: auto; }
	dl.news-item { min-height: 272px; background-color:#fff ; }
	dl.news-item dd { position: static; }
	.has_right_jt span.unison-date { color: #999;}
	a.btn-backfoward { margin-top: 0; }
	
	.item-teach h3.stand-title-24 { font-weight: bold; }
	
	#news .swiper-slide { box-shadow: 0 0 25px rgba(0, 0, 0, .1); }
	#notice .swiper { padding: 20px; padding-right: 10px;  margin-left: -10px;  width: auto;} 
	
	.mode-job { background-size: 222%; background-position: left -9%; }
	.mode-job .joblist ul { grid-template-columns: 1fr 1fr;}
	.joblist ul li button.btn-common-more2 { padding: 10px 15px; font-size: 12px; }
	
	
	p, 
	.font-16, 
	.news-tags, 
	.unison-date {  font-size: 14px; }
	
	#notice .swiper-slide a .desc p, 
	#notice .unison-date, 
	.noticelist ul li a .desc p, 
	.noticelist ul li a .unison-date {  font-size: 12px; }
	
	.contact_card ul li h3,
	.busline ul li h3, 
	.about-contact dt p,
	.t-name, .teacherlist ul li a .t-name { font-size: 18px; }
	
	
	.font-20,
	.stand-title-20,
	#notice .swiper-slide a .news-tittle, 
	.noticelist ul li .news-tittle ,
	.news_list ul li .news-item dd h3,
	.stu-news-item dd .news-tittle  { font-size: 16px; }
	
	.font-36, 
	.co-title, 
	.stand-title-36, 
	.news-detail-title ,
	.research-derectionlist ul li .derect-name {  font-size: 20px;	}
	
	.font-48, 
	.stand-title-48, 
	.counter { font-size: 28px;	}
	
	#banner { height: 67vh;}
	#banner .swiper-slide .inside-bottom {
		background-size: auto 60%;
		padding: 15px;
		padding-bottom: 50px;
		position: absolute;
		bottom: -1px;
	}
	#banner .swiper-common-button {
	    width: 100%;
	    position: absolute;
	    bottom: -5px;
	    left: 0;
	    z-index: 50;
	    padding: 15px;
	    justify-content: flex-start;
	    gap: 15px;
	}
	.banner-tittle { font-size: 20px; max-width: 100%; line-height: 1.35;}
	
	
	/* ahout */
	.btn-busline ,
	.history-type ,
	.submenu { display: none; }
	.about-contact dt p {
	    font-size: 16px;
	    display: flex;
	    flex-flow: row;
	    justify-content: flex-start;
	    gap: 19px;
	    height: auto;
	    padding: 15px 0; 
	}
	
	.busline_window {  display: block;  margin-top: 24px; }
	.busline ul li, .contact_card ul li p { gap: 10px; }	
	.busline ul li { border-bottom: 1px #eee solid; padding-bottom: 24px; }
	.contact_card ul li h3 small { font-size: 71%; }	
	.history_list .history-item { padding-left: 36px; }
	
	/* faculty */
	.s-letters ul a { width: 30px; line-height: 30px; }
	.faculty_item { gap: 15px; display: grid; grid-template-columns:45% auto; }
	.teacherlist ul li a { padding: 16px; }
	.teacherlist ul li a ol, .teacherlist ul li a dd { gap: 8px; }
	.teacherlist ul li a ol p { padding-top: 6px; font-size: 13px; word-break: break-all;}
	.teacherlist ul li a ol p span {display: none; }
	.teacherlist ul li a ol p .icon-person { display: block; }
	.teacherlist ul li a dt { margin-bottom: 0; }
	.teacherlist ul li a dt .img4_3 {  padding-top: 159%; }
	
	/* news */
	.lectrue_list ul li a .lectrue_item {  grid-template-columns: 19% auto; align-items: flex-start; }
	.lectrue_list ul li a .lectrue_item dt { grid-row-start: 1; grid-row-end: 3; }
	.lectrue_list ul li a .lectrue_item .btn-common-more { display: none; }
	.unison-date2 small { font-size: 12px; }
	.unison-date2 big { font-size: 40px; }
	
	
	
	/* research */
	.lab_banner a { height: auto; padding: 24px; }
	.lab_banner a h1 { font-size: 97%; }
	.lab_banner a h1 br { display: none; }
	
	.mode-lab .container { padding: 40px 0;border-left: none;  }
	.lab_all_list .lab_item { padding-top: 40px; padding-bottom: 40px; }
	.lab_all_list .lab_item::after { width: 100vw; }
	
	.research-derectionlist ul {gap: 0; }
	.research-derectionlist ul li a {  grid-template-columns: 100%; padding: 35px; padding-right: 0;}
	.research-derectionlist ul li .grid-container { flex-flow: column; }
	.research-derectionlist ul li .imgsize,
	.research-derectionlist ul li .desc-unlimit { width: 100%; }
	
	.majay_item::after, 
	.dom-scroll-body .dom-item::after, 
	.research-derectionlist ul li::before, 
	.research-derectionlist ul li::after { width: calc(100vw - 5%); }
	.research-derectionlist ul li .derect-name { border-right: none; }
	
	
	/* picture_inerlist */
	.majay_item { padding:35px 0; padding-right: 0;}
	
	.bk-majay-poster { grid-template-columns: 100%; }
	.bk-majay-poster .majay-tags { display: block; padding: 15px; height: auto; }
	
	.picture_inerlist ul { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
	.download_list ul { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
	.picture_inerlist ul li .news-tittle { 
		/* display: none; */
		font-size: 13px;
		padding: 5px;
	}
 
	
	/* party */
	.party-mode { gap: 35px; }
	.party-mode-right .imgsize { position: relative; }
	.num-1 {  transform: translate(0, 0) scale(1);  z-index: 10;	}
	.num-2 {  transform: translate(0, 0) scale(1);   z-index: 5;	}
	
	/* search */
	.search-box {  padding: 5px 30px;  height: 47px; }
	.resultslist ul li a dl { grid-template-columns: 65px auto; align-items: baseline; }
	.resultslist ul li a dl dt { grid-row-start: 1; grid-row-end: 3; }
	.resultslist ul li p small {  font-size: 13px;	}
	.resultslist ul li h3 { margin-bottom: 15px;}
	.resultslist ul li .desc { }
	
	
	/* student */
	.news-for-undergraduate ul { gap:var(--gap-space) ;}
	.news-for-undergraduate ul li {     padding-bottom: var(--gap-space); }
	.stu-news-item { grid-template-columns: 35% auto; }
	.stu-news-item dd { height: auto;  gap: 30px;}
	.stu-news-item dd .desc,
	.stu-news-item dd .btn-common-more { display: none; }
	.stu-news-item dd .news-tittle {
		font-size: 15px;
		-webkit-line-clamp:3;
		font-weight: normal;
		line-height: 1.58;
	} 
	
	
	.mode-job .joblist ul li button.btn-common-more2,
	#gallry-campus .btn-common-more ,
	.gallry-benk ul li:last-child a {  padding: 15px;  font-size: 16px;	}
	
	#gallry-campus .img9_16 {  padding-top: 88.8%;	}
	 .gallry-benk ul li label { font-size: 12px; }
	 
	 
	
	.gallry-benk ul { grid-template-columns:  1fr; }
	.gallry-benk ul li:last-child a { flex-flow: row; }
	.gallry-benk ul li:last-child a button { font-size: 14px; }
	.gallry-benk ul li a {
	    position: relative;
	    height: fit-content;
	    display: grid ;
	    grid-template-columns: 35% auto;
	    gap: 15px;
		align-items: center;
		background-color: #eee;
	}
	
	.gallry-benk ul li label { 
		 background: transparent;  
		 position: static;
		 padding: 0;
		 color: var(--text_mainColor) ;
		 font-size: 14px;
		 height: fit-content;
		 font-weight: normal;
	}
}




/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1186px) and (orientation : landscape) { 
	
	p, 
	.font-16 ,
	.ft-menu ul li p a,
	.info p, 
	.info section ,
	.research_type ul li a, 
	.children_nav ul li p a, 
	#children_nav ul li p a {  font-size: 16px; }
	
	.innerban .page_bread { width: 180px; }
	.majay_item { padding: 35px; padding-right: 0; }
	.dom-scroll { padding-top: 50px; }
	.dom-scroll:before { top: 50px; }
	
	
	.desc p, 
	.txtlength_limit p,
	.tool ul li p ,
	.t-derection p,
	.sub_nav ul li a,
	.leadership ul li .t-name small,
	.contact_card ul li p ,
	.icon-home ,
	.lab_list ul li a .lab-name,
	.news_relative ul li .news-tittle { font-size: 14px; }
	
	.font-18 ,
	.resultslist ul li h3 {  font-size: 18px; }
	
	.font-20, 
	.stand-title-20 {  font-size: 20px; }
	
	.font-22, 
	.stand-title-22 {  font-size: 22px;	}
	
	.font-24, 
	.co-title-en, 
	.stand-title-24 {  font-size: 20px;	}
	
	
	.font-36, 
	.co-title, 
	.stand-title-36 {  font-size: 26px;	}
	
	.stand-title-48 {   font-size: 24px;	}
	
	.font-72, 
	.banner-tittle {  font-size: 36px;	}
	
	.news-tittle, .desc p, .txtlength_limit p { line-height: 1.65; }
	
	/* init */
	.container, 
	.headtop .container {  width: 93%;  }
	
	.headtop .container { grid-template-columns: auto 147px; }
	.foot .grid-container { grid-template-columns: 26% 69%;  gap: 5%;  } 
	.ft-flex-between { grid-template-columns: 78% auto; gap: 5%;}
	.foot {padding-bottom: 20px; }
	
	.tool::before { width: 27px;}
	.logo img {  height: 32px;  }
	
	p.copyright2 { margin-top: 24px ;}
	
	.mode { padding: 50px 0; }
	
	.has_right_jt  span.unison-date { color: #fff; }
	
	.phone_flex,
	.phone,
	#news,
	.ft-contact { display: none !important; }
	
	.pc { display:grid; }
	
	.co-title-group .pc { display:flex; }
	
	.tool ,
	.btn-busline, 
	.history-type,
	.submenu,
	.innerban .inside-bottom ,
	#derectionlist .box-sticky-left ,
	.lectrue_list ul li a .lectrue_item .btn-common-more,
	.teacherlist ul li a ol p span , 
	.stu-news-item dd .btn-common-more { display: block; }
	
	a.btn-common-more, 
	a.btn-common-more.phone_flex { width: auto; line-height: 1; }
	
	.tool ul { grid-template-columns: 30px 76px; }
	.tool ul li:nth-child(2) { display: none; }
	
	.li-line-1 ul { grid-template-columns: 1fr; }
	.li-line-2 ul { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
	.li-line-3 ul { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
 
	 
 
	.download_list ul { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
 
 	
	.teacherlist ul li a dt .img4_3 { padding-top: 87%; }
	
	.submenu ,
	.position_sticky { top: 90px; }
	
	.box-sticky-left { width: 25%; margin-right: 5%;  float: left;}
	.box-sticky-right { width: 70%; float: left;}
	
	.detail-sticky-left-content { width: calc(100% - 220px - 50px);}
	.detail-sticky-left { width: 220px; margin-left: 50px;}
	
	#derectionlist .box-sticky-left { width: 220px; }
	#derectionlist .box-sticky-right { width: calc(100% - 220px);  border-left: 1px var(--border_color) solid; }
	 
	
	.sm_menu ul {
		display: grid;
		grid-template-columns: 49% auto;
		gap: 2%;
	}
	.sm_menu ul li:nth-child(2) {  border-top: 1px #d2dbe6 solid;	}
	
	.sm_panel .container {
	    height: calc(100vh - 185px);
	    display: flex;
	    flex-flow: column;
	    gap: 20px;
	    justify-content: space-between;
	}
	
	.lab_list ul li .lab-name { padding: 15px; }
	.dom-scroll-body .dom-item { padding: 30px;}
	
	.mode-research { border-bottom: 1px var(--border_color) solid; }
	
	.stracture_flex { grid-template-columns: 25% 73%; gap: 2%;} 
	.picture_inerlist ul { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
	
	
	.bk-majay-poster .majay-tags { padding: 22px; }
	 
	/* init-end */
	
	
	
	/* banner */
	#banner {  height: 90vh;  }
	#banner .swiper-slide .inside-bottom { padding: 50px; padding-bottom: 80px; }
	#banner .swiper-common-button { bottom: 10px; padding: 20px 50px; }
	
	.innerban { height: 300px; }
	
	
	/* home */
	.news_grid { grid-template-columns:66% 32%; }
	.news_grid dl.news-item dd ,
	dl.news-item dd { position: absolute; }
	dl.news-item { min-height: unset; }	 
	.busline_window {  display: none; }
	
	.mode-student .grid-container {   grid-template-columns: 25% auto;	}
	#gallry-campus .img9_16 { padding-top: 132.8%; }
	
	.foot .grid-container { grid-template-columns: 20% 70%;}
	
	.about-contact {  grid-template-columns: 50% 48%;  } 
	
	.lectrue_list ul li a .lectrue_item { grid-template-columns: 10% 67% auto;}
	
	.party-mode { grid-template-columns: 45% 45%;}
	
	.team-item { grid-template-columns: 38% auto;}
	
	dl.faculty-imgs,
	.research_derection ul li .desc-unlimit { grid-template-columns: 100%; }
	
	.t-img { max-height: 296px;	}
	
	.history-type { width: 87%;	}
	
	.mode-job .noticelist ul { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
	
	
	/* research */
	.lab_banner a { min-height: 23vh; }
	
	.only_width { max-width: 88%; }
	
	.bk-majay-poster { grid-template-columns: 35% auto;	}
	
	.research-derectionlist ul li a { grid-template-columns: 42% auto;}
	
	.research_derection ul li a {
	    padding: 25px 0;
	    border-left: 1px #eeee solid;
	    padding-left: 28px;
	}
	
	.research_derection ul li .desc-unlimit { display: grid; gap: 5px;}
	.research_derection ul li .desc-unlimit p { font-size: 13px; line-height: 1.5;}
	
	.news_list ul li .has_right_jt {transform: scale(1); }
	
	.majay_item::after, .dom-scroll-body .dom-item::after, 
	.research-derectionlist ul li::before, 
	.research-derectionlist ul li::after {   width: 100%;   }
	
	
	/* home-stu-enter */
	.gallry-benk ul { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));}
	.gallry-benk ul li:last-child a { flex-flow:column; }
	.gallry-benk ul li:last-child a button { font-size: 14px; }
	.gallry-benk ul li a {
	    position: relative;
	    height: fit-content;
	    display: grid ;
	    grid-template-columns:100%;
	    gap: 15px;
		align-items: center;
		background-color: #eee;
	}
	
	.gallry-benk ul li label { 
		 background: -webkit-linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,0));  
		 position: absolute;
		 padding: 13px;
		 color:#fff ;
		 font-size: 12px;
		 height: fit-content;
		 font-weight: normal;
	}
	
	#gallry-campus .news-tittle { bottom: 40px;  font-size: 14px; }
}



/* ipad */
@media only screen and (min-device-width :1024px) and (max-device-width : 1186px) and (orientation : landscape) { 
    .picture_inerlist ul {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
	
	.leadership ul { grid-template-columns:1fr; }
	.leadership ul li .team-item { grid-template-columns: 19% auto;  }
	.btn-common-more2, .btn-common-more {  width: auto; }
	
	.teacherlist ul {grid-template-columns: 1fr;}
	.teacherlist ul li a dt .img4_3 {  padding-top: 94%;  }
	.teacherlist ul li a .imgsize img {   height: auto; transform: translate(-50%, -36%) scale(1);	}
	.teacherlist ul li a dl {
	    height: 100%;
	    display: grid;
	    grid-template-columns: 25% 47% auto;
	    align-items: center; 
	    gap: 10px;
	}
	
	.faculty-imgs dd .t-name {  font-size: 22px;   margin-bottom: 5px;	}
	
	.teacherlist ul li a ol.t-zhiwei p {  flex-flow: row !important;  align-items: center;	}
	
	
	.gallry-benk ul {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));	}
	
	.btn-common-more2, 
	.btn-common-more ,
	#gallry-campus .btn-common-more { padding: 12px 20px;}

}