@media  screen and (min-width: 2024px)  {
	
	.mode { padding: 1.35rem 0; }
	
	.date-rili2 .days {  font-size: .16rem; }
	.date-rili2 .years { font-size: .36rem; }
	
	p, 
	.font-16 {  font-size: .16rem;	}
	
	.font-24, 
	.t-name, 
	.news-tittle, 
	.stand-title-24,
	.enter-title  { font-size: .32rem; }
	
	.lang a, 
	.menu ul li p a, 
	.menu ul li ol a  { font-size: .22rem; } 
	.menu ul li { margin-left: 30px; }
	
	.about-banner { margin-top: 0; }
	
	 
	
}

@media  screen and (max-width: 1680px)  {
	.green-line-bg { 
		background:url(../img/icon/views-bg.png) , -webkit-linear-gradient(left , rgba(45,183,179,1) 63.9%, rgba(213,241,240,1) 58%);
		background-repeat: no-repeat;
		background-position: left bottom; 
	}
	
	#banner .banner-tittle { font-size: .6rem; }
	.mode-why .mode { background-size: 100%; }
	.news_hot ul li a { padding: 16px 20px; background-color: #fff; }
	p,
	.font-16 {  font-size: .18rem;	} 
	 
}
	 

@media  screen and (max-width: 1440px)  {
	/* .container { width: 1230px; } */
	.mode-why .mode {
	    background-size: 110%;
	}
	
}
	
@media  screen and (max-width: 1360px)  {
	    
}


@media  screen  and (max-width:1200px)  {
	
	/* 统一字体设置 */
	.font-12 { font-size: 12px;  }
	
	.font-14 { font-size: 14px; }
	
	p,
	.font-16 { font-size: 16px; }
	
	.font-18 { font-size: 18px; }
	
	.font-20,
	.co-tittle span { font-size: 20px; }
	
	.font-22,
	.call_hotline { font-size: 22px; }
	
	.font-24,
	.t-name,
	.news-tittle,
	.stand-title-24 { font-size: 24px; }
	
	.font-28 { font-size: 28px; }
	
	.font-30 { font-size: 30px; }
	
	.font-32 { font-size: 32px; }
	
	.font-36,
	.co-tittle,
	.banner-tittle,
	.stand-title-detail  { font-size: 36px; }
	
	.font-42 { font-size: 42px; }
	
	.font-48,
	.counter { font-size: 48px; }
	
	.font-60 { font-size: 60px; }
	
	.font-72 { font-size: 72px; }
	 
	.font-100 { font-size: 96px; }
	
	 .none-padding { padding:0 !important; }
	
	 .padding_20 { padding: 20px; }
	 .padding_up20 { padding: 20px 0;  }
	 
	 .padding_30 { padding: 30px; } 
	 .padding_up30 { padding: 30px 0;  }
	 
	 .padding_40 { padding: 40px; }
	 .padding_up40 { padding: 40px 0;  }
	 
	 .padding_50 { padding: 50px; }
	 .padding_up50 { padding: 50px 0 ; }
	 
	 .padding_60 { padding: 60px; }
	 .padding_up60 { padding: 60px 0 ; }
	 
	 .padding_100 { padding: 100px; }
	 .padding_up100 { padding: 100px 0 ; }
}



@media  screen  and ( max-width: 786px) {
	.container,
	.headtop .container, 
	.foot .container  {  width: 95%; min-width: unset; }  
	
	.flex-group,
	.box-1 ,
	.ft-grid,
	.grid-group ,
	.notice-item,
	#topnews , 
	.news_list ul li a,
	.news_list ul li .news-item ,
	.dot,
	#banner .swiper-pagination,
	.col-lg-12.flex-group,
	.copyright,
	dl.dean_box,
	.applycation1_box,
	.contact-flex { display: block; }
	#banner { height: 30vh;	}
	ul li ,
	dt,	dd,
	.about-desc,
	.school-sort ,
	.box-1 .swiper-gally ,
	.pages_inner ul li dl dd ,
	.pages_inner ul li dl dt,
	.news_list ul li .unison-date ,
	.news_list ul li .news-item , 
	.notice-item dt ,
	.notice-item dd ,
	#topnews dt ,
	#topnews dd ,
	.news-item dt,
	.news-item dd ,
	.faculty_card_item dt, 
	.faculty_card_item dd ,
	.applycation1_box dt ,
	.applycation1_box dd,
	.applycation1_box dd ul ,
	.contact-flex dt ,
	.contact-flex dd ,
	.about-introl hr { width: 100%; float: none; margin-right: 0;  }
	
	.unison-date .date { font-weight: normal; margin-left: 7px; }
	.unison-date * { font-size: 16px !important; }
	ul li .unison-date { 
		width: auto !important;
		position: absolute;
		margin-bottom: 0 !important;
		right: 0;
		bottom: 0;
	}
	
	.notice_list ul li .unison-date { position: static; }
	 
	.news-item dt { margin-bottom: 8px; }
 
	
	.pc ,
	#relatives-news ,
	.pages_inner ul li dl dt ,
	.pages_inner ul li dl dd h3,
	.pages_inner ul li dl dd .btn_links {  display: none !important; }
	
	.phone { display: block !important; }
	 
	.phone-flex { display: flex !important; } 
	
	.notice-item,
	.pages_inner ul li,
	#topnews dd a ,
	.faculty_card_item dt,
	.applycation1_box dd ul { padding: 16px; }
	
	.pages_inner { margin-top: 24px; margin-bottom: 24px !important; }
	.pages_inner ul li dl dd p { text-align: center; }
	
	.unison-date,
	.notice-item .unison-date,
	#topnews dd .unison-date ,
	.news_list ul li .unison-date {
		display: flex;
		justify-content: flex-end;
		flex-flow: row-reverse;
		align-items: center;
		text-align: left;
		margin-bottom: 8px;
	}
	
	.headtop .dis_flex ,
	.box-1 .swiper-info,
	.co-tittle-group .normal-icon-plus ,
	ul li .desc,
	dl .desc,
	.faculty_card_item dd ,
	.box-top-sticky { display: none; }	
	
	.mode { padding: 50px 0; }
	
	.img28_1 {  padding-top: 54.8%;	}
	
	
	
	.font-48, 
	.counter, 
	.big_title ,
	.stand-title-detail{  font-size: 28px;	}
	
	.co-tittle,
	.co-tittle h3,
	.stand-title-detail,
	.font-30,
	.font-36, 
	.co-tittle, 
	.banner-tittle, 
	.stand-title-detail  {  font-size: 24px;	}
	
	#banner .banner-tittle , 
	.stand-title-36  {font-size: 22px; }
	
	.co-tittle span.title_en, 
	.font-18 ,
	.faq-item dt h3 {  font-size: 16px; }
	
	.contact-info p { font-size: 18px; }
	
	.news_hot ul li .unison-date,
	.unison-date ,
	p.t-zhiwei { font-size: 14px;  }
	
	.t-name, 
	.news-tittle, 
	.stand-title-24,
	.school-title, 
	.call_hotline, 
	.stand-title-22 ,
	.unison-date .date ,
	.unison-date small,
	#topnews .stand-title-36 ,
	.faculty_card_item .t-name, 
	.faculty_cards .t-name ,
	.font-30, 
	.co-tittle h3, 
	.faq-letter { font-size: 20px;	}
	
	.co-tittle ,.co-tittle-group { margin-bottom: 25px; }
	.co-tittle span { padding-top: 5px; } 
	
	.big_title{  margin-bottom: 24px;	}
	
	#topnews dd .unison-date, 
	#topnews dd .readmore ,
	.news_list ul li .readmore { position: static; } 
	
	
	/* head */ 
	.headtop { border-bottom: none; }
	.headtop::before { height: 74px; }
	.has_panel { padding: 15px 0; }
	.logo { height: 40px; width: 85%; }
	
	.foot { padding: 40px 0; }
	.ft-logo {  margin-bottom: 40px; }
	
	.sm_panel .flex-group { display: flex; }
	
	.ft-contact ul { flex-flow: row wrap; }
	.ft-contact ul li { margin-bottom: 25px; width: auto; margin-right: 0; }
	.ft-contact ul li:last-child { margin-left: 30px; }
	.ft-contact ul li p { margin-bottom: 5px; }
	.ft-contact ul li h6 ,
	.ft-contact ul li h6.numbers { font-size: 18px; }
	.ft-contact ul li h6 br { display: none; }
	.col-lg-12 .col-md-6 { padding: 0; }
	.ft-code h6 { font-size: 16px; }
	.ft-code p { width: 35%;  font-size: 14px; margin-right: 20px;  }
	.ft-code p span { display: block; margin: auto; text-align: center; background-size: auto 75%; opacity: .5; }
	.ft-code p img { margin-bottom: 5px; }
	
	.ft-links { margin-bottom: 35px;  border-bottom: 1px rgba(255,255,255,.15) solid;   padding-bottom: 20px; }
	.ft-links h4 { margin-bottom: 15px; color:  rgba(255,255,255,.95);}
	.ft-links ul li { width: unset; margin-right: 0; margin-bottom: 10px; }
	.ft-links ul { justify-content: space-between; }
	
	.copyright { border-top: 1px rgba(255,255,255,.15) solid; padding-top: 10px;  margin-top: 20px; }
	.copyright p { font-size: 14px; text-align: center; }
	
	
	.innerban { height: 220px; }
	.innerban_title { font-size: 24px; }
	.grey-line { 
		padding-bottom: 0px;
		background: -webkit-linear-gradient(53deg, rgba(215, 215, 219, 1) 16%, rgba(215, 215, 219, 0) 98%);
	}
		
	.sub_nav_opacity ul {
	    position: absolute;
	    left: 0;
	    top: 93%;
	    width: 100%; 
	    padding: 0 20px;
	    display: none;
	}
	
	.sub_nav_bar { margin-top: -25px; position: relative;  z-index: 50; }
	.sm_sub_nav {  height: auto;margin-top: 0;}
	.sm_sub_nav .container { padding: 0; width: 100%; padding: 15px ; background-color: var(--theme_skyblue); }
	.sm_sub_nav .flex-group { display: flex; }
	.sub_nav_opacity { width:100%; padding: 0; }
	.sub_nav_opacity h3 { width: 100%; font-size: 16px; }
	.sub_nav_opacity h3::after { right: 18px; }
	.sm_sub_nav .page-home { width: 50px; height: 50px; line-height: 50px; }
	.third-layer { display: none; }
	
	
	.backtop {bottom: 6vh; }
	.apply_window { right: 9px; bottom:14vh; }
	
 
	.apply_window ul li {
		margin: 5px 0;
		padding: 8px;
		width: 45px;
		height: 45px;
		min-height: unset; 
		min-width: unset;
		text-align: left;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		background-image: none !important;
		align-items: center;
		box-shadow: 2px 0 7px rgba(0, 0, 0, .51);
		transform: translateX(0);
		transition: all .35s;
		border-radius: 35px;
		transition: all .35s;
	}
	
	.apply_window ul li p  { width: 0; margin-left: 0; transition: all .35s; }
	.apply_window ul li i  { display: none; }
	
	.apply_window ul li span { 
		width: 30px; 
		height: 30px; 
		border-radius: 50%;
		overflow: hidden;
		color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		margin-right: 0;
		 transition: all .35s;
	}
	
	.apply_tel { background-image: url(../img/icon/telephone.png); }
	.apply_form { background-image: url(../img/icon/icon-school-2.png); }
	
	.apply_window ul li:hover { width: auto;  transform: translateX(0); transition: all .35s;	}
	.apply_window ul li:hover p { width: auto; padding-left: 16px; }
	
	.search-box {  width: 90%;  height: 50px; padding: 5px 30px; }
	/* head-end */
	
	
	/* banner */
	#banner { height: 69vh; }
	#banner .inside-bottom { width: calc(100% - 30px) ; bottom: 9vh; }
	#banner .banner-tittle { width: 100%; line-height: 1.35; }
	
	.bg_letter img { left: 2em; height: 67px; }
	
	.t-name, .news-tittle { 
	    font-size: 16px;
	    line-height: 1.5;  
	    margin-bottom: 8px;
	}
	
	.t-name { display: block; } 
	.t-name span { font-size: 12px; }
	/* banner-end */
	
	/* home */
	dl.about-project,
	dl.dean_box,
	dl.development_item { display: block; }
	dl.about-project dt,
	dl.about-project dd,
	dl.dean_box dt,
	dl.dean_box dd ,
	dl.development_item dt ,
	dl.development_item dd { width: 100%; }
	
	#inner-about,
	dl.dean_box { padding: 0; background: transparent; }
	dl.dean_box .btn_links {background-color: #f3f4f6;  padding: 11px;}
	
	.news_hot ul li:nth-child(1),
	.news_hot ul li { width: 100%; float: none; }
	.news_hot ul li a ,
	.news_hot ul li:nth-child(1) .news-item dd  { padding: 12px; }
	.news_hot ul li .news-item dt { margin-right: 16px; width: calc(47% - var(--space_24)); }
	.news_hot ul li .news-item dd { width: 53%;}
	.news_hot ul li .news-tittle { font-size: 14px; }
	.news_hot ul li:nth-child(1) h3 { font-size: 20px; }
	
	#development_swiper { margin-top: -66px; }
	#development_swiper .img1_1 {  padding-top: 45%; }
	.development_line {  margin-top: 38px; }
	.development_line ul li p {  font-size: 13px; }
	.development_line ul li:nth-child(2n-1) { transform: translateY(60px);	}
	 
	dl.development_item dd { padding: 24px; }
	dl.development_item dd h1 { font-size: 24px; }
	hr.space-line {  border-top-width: 3px;  margin: 24px auto;	}
	
	#development_swiper .swiper-slide { opacity: 0 !important; }
	#development_swiper .swiper-slide-active { opacity: 1 !important; }
	#development_swiper .slide-tool { width: auto; top: 84px; right: 12px;	}
	#development_swiper .slide-tool .swiper-button-next, 
	#development_swiper .slide-tool .swiper-button-prev {
	    position: static;
	    width: 40px;
	    height: 40px; 
	    margin: 0 5px;
	    display: flex;
	    align-items: center;
	    justify-content: center; 
	    transition: all .35s;
	}
	
	
	#faculty { transform-origin: center top; transform: scale(1); }
	#faculty,
	.mode-faculty .btn_links {width: 90%;   margin: auto;  margin-bottom: 24px; }
	p.t-zhiwei { display: none; }
	
	.mode-faculty .slide-tool {	 
	    width: 100%;
	    margin-left: auto;
	    margin-top: 0;
	    margin-bottom: 24px;
	}
	
	/* home-end */
	
	
	/* news */
	.t-photo {
	    width: 100%;
	    height: 0;
	    padding-top: 77%;
	    position: relative;
	    top: -33px;
	    right: 0;
	    z-index: 50;
	    transform: translateY(0);
	    border-radius: 0;
	    overflow: hidden;
	}
	
	.t-photo img { height: auto; width: 100%; position: absolute; top: 0; left: 0; }
	
	.faculty-title {  font-size: 20px;  margin-bottom: 16px;	}
	
	
	.faq-item {padding: 0 16px;  }
	.faq-letter { min-width: 25px; }
	.faq-item dd .flex-group, 
	.faq-item dt { padding:16px 0 ;}
	.faq-item dt h3 { width: 76%; }
	.faq-info p { font-size: 16px; }
	/* news-end */
	
	
	/* apply */
	.apply-step-service .step-item { display: block; padding: 0; }
	.apply-step-service .step-item .step-title {
		display: flex;
		align-items: center; 
		font-size: 20px;
		padding: 24px 0;
	}
	
	.apply-step-service .step-item .step-title img {height: 35px; margin-right: 24px;	}
	.step-info {  padding: 16px;  background-color: #faf8f5; display: none;}
	.li-line-3.school-info ul li { gap: 16px; display: flex; flex-flow: row; }
	.li-line-3.school-info ul li .info { padding: 0; }
	.step-info .info { min-height: unset; }
	.school-info ul li img { display: none; }
	.school-info ul li h4, 
	.step-info h4 {  font-size: 18px;	}
	
	.school-info .info ol li {
	    padding: 0;
	    width: calc(100% / 1);
	    border: 1px #eee solid;
	    margin-bottom: 0;
	    display: block;
	    flex-flow: column;
	    justify-content: space-between;
	    padding: 16px;
	}
	.school-info .info ol li p.tips { font-size: 14px; }
	
	/* apply-end */
	 
}



/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1186px) and (orientation : landscape) { 
	.container { width: 90%; min-width: unset; }
	
	.headtop .container, 
	.foot .container {  width:92%; min-width: unset; } 
	.btn-search {  display: block;  min-width: 12px;  min-height: 12px; } 
	.ft-contact ul li {  margin-right: 28px; }
	
	
	.applycation1_box dd ul li .desc-unlimit p { font-size: 12px; }
	
	p, 
	.font-16 ,
	.lang a,
	.menu ul li p a, 
	.menu ul li ol a,
	.info p ,
	.co-tittle span.title_en ,
	.news-tittle,
	.stand-title-24, 
	.t-item dd .t-name, 
	.notice-tittle ,
	.news_hot ul li .news-tittle  ,
	.sub_nav ul li a,
	.unison-date small { font-size: 14px; }  
	
	span.school-label ,
	.research-list ul li h3, 
	.fix_banner_bottom ul li a * { font-size: 16px; }
	
	
	
	.padding_up20 { padding: 14px 0;	}
	.fix_banner_bottom ul li a { padding: 16px 0; }
	.faq-item dd .flex-group, 
	.faq-item dt {  padding: 20px 0;	}
	
	.font-24, 
	.t-name, 
	.news-tittle, 
	.stand-title-24 ,
	.school-title, 
	.call_hotline, 
	.stand-title-22,
	.faq-item dt h3  {  font-size: 18px; }
	
	.news_hot ul li:nth-child(1) h3,
	.faculty_card_item .t-name, 
	.faculty_cards .t-name {  font-size: 20px; }
	
	.font-30, 
	.co-tittle h3, 
	.faq-letter ,
	#topnews dd .stand-title-36 {font-size: 24px; }
	
	.h1, h1 ,
	.font-36, 
	.co-tittle, 
	.banner-tittle, 
	.stand-title-detail,
	.stand-title-36, 
	.t-name {  font-size: 28px;	}
	
	.font-48, 
	.counter {  font-size: 36px;	}
	
	p.t-zhiwei { font-size: 10px; }
	
	.li-line-3 ul li {
	    width: calc((100% - 40px) / 3);
	    margin-bottom: 20px;
	    margin-right: 20px;
	    float: left;
	    transition: all .3s;
	}
	
	.lang {  max-height: unset; padding-left: 0; }	
	.logo {  width: 20%; }
	.headtop .dis_flex {  width: 79%;}
	#banner .slide-btn-group { right: 0; }
	.big_title {   margin-bottom: 20px;	}
	
	.ft-logo {  width: 67%;	}
	.ft-links ul li { min-width: 40%; }
	
	.code-follow a img { height: 90px; }
	.code-follow a:hover img { top: -105px; }
	
	.ft-contact ul li h6 { font-size: 14px; }
	.foot .ft-menu ul li p {  font-size: 16px;	}
	.foot .ft-menu ul li ol a { font-size: 12px; }
	
	#development_swiper .slide-tool .swiper-button-next, 
	#development_swiper .slide-tool .swiper-button-prev ,
	.slide-tool .swiper-button-next, 
	.slide-tool .swiper-button-prev { width: 45px;  height: 45px;}
	
	.btn_links span {   width: 35px;  height: 35px; }
	
	hr.space-line { margin: 24px auto; }
	
	.t-name span {  display: block;  font-size: 70%;	}
	.bg_letter img { height: 86px; }
	
	.news_hot ul li a { padding:8px 16px; }
	
	.pages_inner ul li dl  { display: block; }
	.pages_inner ul li dl dt ,
	.pages_inner ul li dl dd { width: 100%; }
	.pages_inner ul li dl dt { display: none; }
	.pages_inner ul li dl dd h3 { min-height: 50px; }
	
	.pages ,
	.about-introl h1 span {  width: 60%; }
	
	.stand-title-36 { margin-bottom: 18px;	}
	
	#topnews .desc p {  -webkit-line-clamp: 3;	}
	.faculty_card_item .t-name, 
	.faculty_cards .t-name { margin-bottom: 8px; }
	
	/* home */
	.about-banner { width:calc(100vw - 2.5%); margin-top: 0; } 
	dl.dean_box dd .info { max-height: 33vh;  padding-right: 15px;	overflow-y: scroll;	margin-bottom: 20px;	}
	#development_swiper .slide-tool { width: 105px;   top: 64px;   right: 5.3rem; 	}
	.mode-why .mode { background-size: 113%;	}
	
	.sm_sub_nav {  height: 58px;  margin-top: -28px; }
	.sm_sub_nav .page-home { width: 52px; height: 52px;  line-height: 52px;}
	.share-followus ul li img { height: 25px;}
	
	.detail-sticky-left,
	.box-sticky-right { width: calc(100% - 5rem - 30px); }
	
	.detail-sticky-right ,
	.box-sticky-left { width: 5rem; }
	
	.detail-sticky-left,
	.box-sticky-left { margin-right: 30px; }
	
	
	/* about */
	.about-introl dd .school-logos { width: 80px; }
	.p-sjk {  left: -160px; }
	.p-pk { left: -80px; }
	
	.mode-about-phbs {
		padding-top: 1rem;
	    background-position: -3.5rem -2rem;
	    background-size: 90%;
	}
	
	.about-introl dt {  width: 61%;}
	#topnews dd .unison-date, 
	#topnews dd .readmore { bottom: 20px; }
	
	div#faculty_fenye ,
	.faculty_card_item dd { display: none; }
	.t-photo {
	    width: 100%;
	    height: 0;
	    padding-top: 65%;
	    position: relative;
	    top: 0;
	    right: 0;
	    z-index: 50;
	    transform: translateY(0);
	    border-radius: 0;
	    overflow: hidden;
	}
	
	.t-photo img { height: auto; position: absolute; top: -10px; left: 0; width: 100% }
	.faculty_card_item dt, 
	.faculty_card_item dd {  padding: 24px;  padding-right: 24px;	}
	
	.faculty_list ul li,
	.faculty_list ul li:nth-child(2n) {  width: calc((100% - 48px) / 3); margin-right: 24px;	}
	.faculty_list ul li:nth-child(3n) { margin-right: 0; }
	.faculty_card_item dt .t-zhiwei2 { font-size: 12px; }
	
	.mode-contact .contact-flex dt { width: 58%;	}
	.contact-info p { font-size: 18px; }
}