@font-face {
	font-family:"AlimamaFangYuanTiVF";
	src:url(../font/AlimamaFangYuanTiVF-Thin.ttf) ;
} 

@font-face {
	font-family:"ChakraPetch-SemiBold";
	src:url(../font/ChakraPetch-SemiBold.ttf) ;
} 


/* #090a6a */
body {
	font-family:"AlimamaFangYuanTiVF";  
}

:root {
	--h5_themeColor:#0a659f;
	--h5_themeColor_2:#ed6c00;
}

.paper-title ,
.paper-title  big,
.title_for_h5,
div,
p,
.AlimamaFangYuanTiVF-font {
	font-family:"AlimamaFangYuanTiVF";  
	/* font-weight: lighter; */
}

.pages ul a { color: #fff; }

.paper-title big ,
.paper-title2 big { font-family:"ChakraPetch-SemiBold"; }

.h5_theme_blue { background-color: var(--h5_themeColor); color: #fff; }
.h5_themeGrey  {/* color: #2a8490; */   color:rgba(255,255,255,.5);}
.h5_detail_bgcolor { background-color: #f1f5f8; padding: 0 !important; }
.h5_text_themeblue {color: var(--h5_themeColor); }

.title_for_h5 { 
	display: flex;
	flex-flow: column;
	gap: 15px; 
	/* margin-top: 10px; */
	margin-bottom: 28px;
	text-align: center; 
	font-size: .48rem;
	color: #fff; 
	text-align: left;
}
.title_for_h5 span { opacity: .5; font-size: .3rem; /* font-weight: lighter; */  }

.icon-more-right {
	display: inline-flex;
	align-items: center;
	padding-right: 35px;
	background-image: url(../img/h5/btn-more.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 81%;
	color: #fff;
}

.icon-scrolldown {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	line-height: 3;
	padding-bottom: 30px;
	background-image: url(../img/h5/btn-scrolldown.png);
	background-repeat: no-repeat;
	background-position: center 77%;
	background-size: auto 25px;
}

.btn-for-h5 {
	display: block;
	width: 355px;
	height: auto;
	padding: 25px 0;
	font-size: .2rem;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .05));
	background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .05));
	background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .05));
	background-image: linear-gradient(bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .05));
	border: 2px transparent solid;
	background-image: url(../img/h5/buttom-border2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}


.btn-for-detail  {
	width: calc(100% + 100px);
	transform: translateX(-100px);
	padding: 20px;
	display: flex;
	justify-content: flex-end;
	font-size: .2rem;
	color: #fff;
	text-decoration: none;
	border: 1px rgba(255,255,255,.15) solid;
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0));
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0));
	background: -ms-linear-gradient(bottom, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0));
	background: linear-gradient(bottom, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0));
}

.btn-for-detail:hover {
	color: #fff;
	text-decoration: none;
	transition: all .35s;
}

.has_underline {
	padding-bottom: 35px;
	background-image: url(../img/h5/h5-title-line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto ;
}


.h5_btn_readmore,
.h5_btn_readmore:hover {
	color: var(--h5_themeColor);
	font-size: 18px;
	display: inline-flex;
	text-decoration: none;
}

.h5_btn_readmore  .icon-more-right { color: var(--h5_themeColor); }


.for-h5-paper { display: grid; grid-template-columns: 100%; gap: 10px; }
.for-h5-paper p { margin-bottom: 0; }
 
/* index */
.head_for_h5,
.h5_index_body {  width: 90%; margin: 0 auto;  }

.head_for_h5 {display: flex; justify-content: space-between; align-items: center;  }
.head_for_h5 .btn_back_for_h5 { height: fit-content; min-height: unset; flex-flow: row; gap: 8px; align-items: center; }
.head_for_h5 .btn_back_for_h5 span { height: 33px; }


.banner_title_h5 {	 
	/* margin-top: 1.2rem; */
	font-size: .6rem;
	line-height: 1;
	font-weight: lighter;
	color: rgba(255,255,255,.5);
}
.banner_title_h5 big {	
	display: block;	
	line-height: 1.15;	
	font-size: 1.5rem;
	font-weight: normal;
	color: rgba(255,255,255,1);
	text-shadow: 0 6px 24px rgba(255, 255, 255, .5);
}
.index-banner { 
	/* background-image: url(../img/h5/banner-h5.png); */
	background-image: url(../img/h5/h5_mainIndex.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center; 
}

.index-banner .inner-container ,
.xuyan_banner .inner-container { width: 90%; margin: auto;	padding: 1rem 0;}

.index-banner .head_for_h5,
.xuyan_banner .head_for_h5{ 
	width: 100%; 
	max-width: 100%; 
	flex-flow: column;  
	gap: 1.35rem;
	align-items: flex-start; 
}

 


/* 通用配置 */
.fullscreen {
	width: 100%;
	min-height: 100vh; 
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto 100%;
	overflow: visible;
} 

.fullscreen .inner-container {
	height: 100%;
	max-width: 100%;
	margin: auto; 
	overflow: visible;
	display: flex;
	flex-flow: column;
	/* align-items: center; */
	justify-content:space-between;
	gap: 24px;
	/* padding: 1rem 0; */
}

.flex-container { display: flex; flex-flow: column;	justify-content: space-between;	}

.frame_padding { padding: .5rem 0; } 
.height_nolimit { height: auto !important; }

.index-banner,
.xuyan_banner { height: 100vh; }

.hr-spce { display: block; margin: 15px 0; }

/* xuyan */
.xuyan_banner { 
	background-image: url(../img/h5/bg_xuyan2.png) ;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}

.h5_for_xuyan {
	width: 100%;
	height: calc(100vh - 10vh - 1.24rem);
	display: flex;
	flex-flow: column;
	justify-content: center;
	gap: 24px;
	padding-left: 40vw;
}

.h5_for_xuyan .title_for_h5 {  
	text-align: left;
	padding: 10px;
	max-width: 55%;
	position: relative;
	margin-left: 13px;
	display: flex;
	flex-flow: row;
	align-items: center;
	background: -webkit-linear-gradient(left, #ff9125 , rgba(255,255,255,0));
	background: -moz-linear-gradient(left, #ff9125 , rgba(255,255,255,0));
	background: -ms-linear-gradient(left, #ff9125 , rgba(255,255,255,0));
	background: linear-gradient(left, #ff9125 , rgba(255,255,255,0));
}

.h5_for_xuyan .title_for_h5::before {
	content: "";
	width: 10px;
	height: 100%;
	background-color:#ff9125;
	display: block;
	position: absolute;
	left: -13px;
}


.xuyan-info p { font-size: .2rem; margin-bottom: .25rem; text-shadow: 0 5px 8px rgba(0, 0, 0, .5); }



/* faculty_h5-新版 */
.faculty_h5 {
	background-image: url(../img/h5/h5_bgforTeach.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.test-hx {
	width: 100%;
	/* display: grid;
	gap: 20px;
	grid-template-columns: 13% auto; */
	position: relative;
	overflow: visible;
	/* border-top: 2px rgba(255,255,255,.25) solid;
	padding: 3vw 0; */
}
.test-hx ul { display: flex; gap: 20px; flex-flow: row wrap; }
.test-hx ul li { width: calc((100% - 24px*4)/5); transition: all .35s; }

 

.big_box {
	width: 80%;
	display: flex;
	flex-flow: column;
	gap: 24px;
	height: auto;
	align-items: center;
	margin: 15px auto;
} 

.big_box .title_for_h5 { text-align: center;  text-shadow: 0 5px 8px rgba(0, 0, 0, .5); }


dl.faculty-item-h5 dt { /* margin-bottom: 5px; */ transition: all .35s;}
dl.faculty-item-h5 dd { 
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	
	gap: 6px;
	padding:.15rem .1rem;
	border-width: 2px;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, .25) 15%, rgba(255, 255, 255, 0));
}

dl.faculty-item-h5 .imgsize { background-color: #929394;}

dl.faculty-item-h5 dd p {
	display: -webkit-box;
	line-height: 25px;
	/* min-height: 25px; */
	overflow: hidden;
	/* max-height: 50px; */
	text-overflow: ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	text-align:center; 
}

.t-h5-desc { min-height: .76rem;}

.t-h5-name { font-size: .24rem; }
.t-h5-zw  { font-size: .18rem; }
.t-h5-desc p { font-size: .14rem; }

.t-h5-desc p,
.t-h5-zw ,
.t-h5-name { text-align: center; color: #fff; }

.faculty-type {
	position: sticky;
	top: 60px;
	height: fit-content;
	left: 0;
}


.only_fixed_on_pc {
	position: fixed;
	top: 0;
	height: 100vh;
	width: 38vw;
	z-index: 30;
	background-color: #fff;
	display: grid;
	grid-template-columns: 70px auto;
}

.h5_fixed_leftMenu { 
	width: 70px;
	height: 100%;
	background-color: var(--h5_themeColor);
	background-image: url(../img/h5/h5_fixedbar.png);
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	border-right: 1px #eee solid;
	
}

.h5_faculty_logo ,
.btn_back_for_h5 {
	/* width: fit-content; */
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	min-height: 75px;
	text-decoration: none;
}

.btn_back_for_h5 { height: 95px;  }
.btn_back_for_h5:hover {color: #fff;text-decoration: none;}

.btn_back_for_h5 span {
	display: block;
	width: 27%;
	height: 29px;
	line-height: 1;
}

.fixed_h5_lft {
	position: sticky;
	top: 0;
	height: 100vh;
	padding-top: unset;
	color: #333 !important;
} 

#h5_for_detial3 {
	padding: .4rem .7rem;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	gap: .35rem;
	position: relative;
	max-height: 100vh;
}

#h5_for_detial3 .t-name { font-size: .32rem; }
#h5_for_detial3 .t-name span  { color: var(--h5_themeColor); }
.t-name span { display: block;  font-size: 16px; margin: 8px 0; }
.emails { margin-top: 10px; }

/* personal-info */
.faculty-detail-h5 {
	display: grid;
	grid-template-columns: 36% auto;
	gap: .3rem;
	align-items: end;
}
.detial-for-h5 p { font-size: .15rem; color: #000; }


/* yjfx */
.teach-tags {  display: flex;  flex-flow: column;  gap: 16px;}
.teach-tags ul { display: flex;	flex-flow: row wrap; gap: 8px;}
.teach-tags ul a {
	display: inline-flex;
	align-items: center;
	justify-content: center; 
	color: #fff;
	text-decoration: none;
	border: 1px rgba(255,255,255,.15) solid;
	background-color: var(--h5_themeColor);
	font-size: .13rem;
	padding: 8px .1rem;
}

.teach-tags a {  
	background: -webkit-linear-gradient(bottom,rgba(255,255,255,.15),rgba(255,255,255,0));
}



 
/* detail-悬浮框架 */
#h5_for_detial {
	width: 100%;
	display: grid; 
	grid-template-columns: 38vw auto; 
	gap: 0;
	height: calc(100% - 34px);
	/* align-items: center; */
	/* grid-template-columns: 35% auto;
	gap: 100px; */
}

#h5_for_detial .faculty-detail-h5 {
	display: grid;
	grid-template-columns: 37% auto;
	gap: 20px;
	align-items: flex-end;
	margin-bottom: 20px;
} 

#h5_for_detial .faculty-detail-h5  img { width: 100%; }
#h5_for_detial .fixed_h5_rt { /* padding: .6rem 0; */ padding: 0; }
#h5_for_detial .fixed_h5_rt .paper_by_h5:nth-child(2n) { background-color: #f0f0f0; }
#h5_for_detial .for-h5-paper p { color: #000;  font-size: .2rem;}
#h5_for_detial .for-h5-paper p img,
#h5_for_detial .for-h5-paper p video { display: block; margin: auto; width: 100%; height: auto; object-fit: cover;}

#h5_for_detial .for-h5-paper p video  { width: auto; max-height: 50vh; object-fit: cover; }
#h5_for_detial .for-h5-paper p img { 
	width: 100%;
	/* width: 67%; */
	border: 1px rgba(255, 255, 255, .25) solid;
	padding: 0;
	border-radius: 0; 
}

.fixed_h5_lft { position: sticky; top: 1.04rem; height: fit-content; /* padding-top: 20px; */}
.fixed_h5_lft .btn-for-h5 { width: 100%; } 
.fixed_h5_rt { display: grid; /* gap: 100px; */gap: 0; } 
.fixed_h5_rt .btn-for-h5 { margin: auto; }

/* detail-悬浮框架-end */


/* 新版-论文标题样式 */
.paper-title2 { display: flex; gap: 24px; height: fit-content;   } 
.paper-title2 big { color: var(--h5_themeColor); display: block; font-size: .68rem; line-height: 58px;}

.paper_by_h5 {
	display: flex;
	flex-flow: column;
	/* min-height: 84vh; */
	/* justify-content: center; */
	align-items: center;
	padding:1rem 1.8rem 1.5rem; 
	min-height: 100vh; 
	align-items: center;
}


.paper_by_h5 { width: 100%; position: relative; display: grid; gap: 35px; }

.paper-for-h5 p img {
    display: block;
    width: 67%;
    border: 1px rgba(255, 255, 255, .25) solid;
    padding: 15px;
    border-radius: 15px;
    margin: auto;
}

.paper-for-h5 video {
	display: block;
	max-width:100%;
	margin: auto;
	height: auto;
	object-fit: cover; 
}
/* faculty_h5-新版-end */






/* 师资列表 */ 
dl.faculty-item-h5 { display: grid; gap: 9px; }
dl.faculty-item-h5 dt,
dl.faculty-item-h5 dd {	border: 1px rgba(255, 255, 255, .15) solid;}

dl.faculty-item-h5 dt img  { height: auto; top: 0; transform: translate(-50%,0) scale(1);}



ul li:hover .imgsize img,
dl.faculty-item-h5 .imgsize:hover img {	transform: translate(-50%,0) scale(1.05); }

dl.faculty-item-h5 dd {  
	padding: .1rem;
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,.15) 35%,rgba(255,255,255,.0) );
}
/* 师资列表-end */















@media  screen and (min-width: 2024px)  { 
	
}

@media  screen  and ( max-width:1680px) { 
	.logo {  width: 100%;  height: 50px; }
	
	.fix_list_14 ul li {
	    flex: 0 0 calc((100% / 6) - 35px);
	    position: relative;
	}
	
	
	/* 新版师资详情页 */
	#h5_for_detial3 { gap: .2rem;  padding: .45rem; }
	
	.detial-for-h5 p { font-size: .15rem; }
	.paper-title2 big { line-height: 47px; }
	 
	#faculty .swiper-pagination { margin-top: -10px; } 
	
	.fixed_h5_lft { top: 9vh; }
	
	.title_for_h5 { font-size: 42px; }
	.title_for_h5 span { font-size: 24px;  }
	
	/* faculty_h5 */
	.big_box { width: 90%; margin: 0px auto; }
	
	.t-h5-name { font-size: 22px; }
	.t-h5-zw  { font-size: 18px; }	
	.t-h5-desc {  min-height: .86rem;	}
	.t-h5-desc p { font-size: 13px; }
	
	.faculty-detail-h5 { grid-template-columns: 36% auto;	}
	.faculty-item-h5 .t-name {  font-size: 60%;	}
	.faculty-item-h5 p.personal-info {
		font-size: 13px;
		display: -webkit-box;
		line-height: 1.5;
		min-height: 38px;
		height: auto;
		overflow: hidden;
		/* max-height: 50px;*/
		text-overflow: ellipsis;
		-webkit-line-clamp:2;
		-webkit-box-orient: vertical;
		text-align: center; 
	} 
	
	
	.index-banner .inner-container, 
	.xuyan_banner .inner-container { padding:.5rem 0; }
	
	
}



@media  screen  and ( max-width:1086px) { 
	
	.pc { display: none !important; }
	.phone { display: block !important; }
	.fullscreen { padding: 0;} 
	.frame_padding {  padding: 10px 0 30px;	}
	
	/* faculty_h5-新版 */
	.big_box { margin-top: 0; }
	.test-hx { grid-template-columns: 100%; }
	.test-hx ul li { width: calc((100% - 24px * 1) / 2); }
	.faculty-type { position: static; font-size: 24px; }
	
	.t-h5-name { font-size: 18px; }
	.t-h5-zw { font-size: 14px;	}
	.t-h5-desc p { font-size: 12px;	}
	
	dl.faculty-item-h5 dd { padding: 15px 0; }
	
	
	p {font-size: 15px; }
	p.personal-info { font-size: 12px; }
	
	
	.h5_detail_bgcolor .h5_theme_blue { padding: 10px 0; } 
	.only_fixed_on_pc { width: 100%; height: auto; padding: 0 0 40px;  grid-template-columns: 100%; position: relative;}
	.h5_fixed_leftMenu {
		width: 100%;
		height: 65px;
		margin-bottom: 40px;
		padding: 14px;
		display: grid; 
		grid-template-columns: auto 56px;
		gap: 15px;
		align-items: center;
	}
	.h5_faculty_logo, .btn_back_for_h5 { height: auto; min-height: unset;}
/* 	.h5_faculty_logo {  width: 76%;} */
	.h5_faculty_logo img { width: 100%;  max-height: 40px; object-fit: cover; }
	.btn_back_for_h5 { flex-flow: row; gap: 10px; align-items: center; }
	.btn_back_for_h5 span { width: 25%; height: auto;}  
	
	
	
	#h5_for_detial3 { 
		height: auto; 
		padding: 0; 
		gap: 16px; 
		width: 90%;
		margin: auto;
	}
	#h5_for_detial3 .t-name { font-size: 20px; }
	dl.faculty-detail-h5 { gap: 10px; }
	.detial-for-h5 p { font-size: 14px; }
	
	.paper-title2 big {font-size: 36px; }
	.fixed_h5_lft { position: relative; height: auto; }
	
	.paper-title2 {
		display: flex;
		gap: 19px;
		font-size: 24px;
		align-items: self-start;
	}
	 
	.teach-tags { flex-flow: column; gap: 15px;  }
	.teach-tags ul a { font-size: 13px; padding: 5px 10px; }
	
	#h5_for_detial .info p { font-size: 14px; color: #333; }
	.h5_text_themeblue { font-size: 20px; }
	
	#h5_for_detial { gap: 0; }
	#h5_for_detial .fixed_h5_lft { background-color: #fff; opacity: 0;}
	#h5_for_detial .fixed_h5_rt {  padding: 0 ; }
	#h5_for_detial .for-h5-paper p img ,
	#h5_for_detial .for-h5-paper p video { width: 100%; }
	
	#h5_for_detial  a.btn-for-h5 { 
		border: none;
		background-image: none;
		background-color:var(--h5_themeColor) ;
		font-size: 18px; 
	}
	
	
	/* faculty_h5-end */
	
	
	#faculty { height: auto; }
	
	.index-banner .head_for_h5, 
	.xuyan_banner .head_for_h5 { gap: 180px; align-items: center;}
	.logo {  width: 100%;  height: auto; }
	.logo img { max-width: 100%; width: 100%; /* height: 40px; */  position: static; transform: translateY(0);}
	
	.info p { font-size: 14px; }
	
	.title_for_h5 { font-size: 24px; gap: 10px; margin-top: 20px; margin-bottom: 10px; }
	.title_for_h5 span { font-size: 20px; }
	
	/* xuyan */
	
	.h5_for_xuyan {  /* height: 87vh; */ height: auto; padding-left: 0;}
	.xuyan-info p { font-size: 16px; margin-bottom: 24px; }
	.h5_for_xuyan .title_for_h5 {
	    text-align: center;
	    margin-bottom: 0px;
	    margin-top: 0;
	}
	
	.banner_title_h5 { font-size: 18px; text-align: center;}
	.banner_title_h5 big {    font-size: 48px; text-align: center; }
	
	.fullscreen { background-size: cover; } 
	
	.index-banner .inner-container { height:100%; min-height: calc(100vh - 40px); }
	.index-banner {	
		/* background-image: url(../img/h5/index-banner-for-phone.png); */
		/* background-image: url(../img/h5/h5_mainIndex.png); */
		background-size: cover;
	}
	
	#h5_for_detial .faculty-detail-h5 dd {  text-align: center; }
	#h5_for_detial .faculty-detail-h5 dd p { font-size: 14px; text-align: center;}
	
	dl.faculty-item-h5 dd { padding:10px 5px; }
	.faculty-item-h5 .t-name { font-size: 14px; text-align: center; }
	.faculty-item-h5 .t-name span { font-size: 76%; margin: 5px 0; }
	.faculty-item-h5 p.personal-info { font-size: 76%; -webkit-line-clamp: 3;}
	
	
	.paper-title span { font-size: 24px; }
	.icon-scrolldown { font-size: 20px; }
	.paper-title big { font-size: 56px;  } 
	#h5_for_detial,
	#h5_for_detial .faculty-detail-h5 ,
	.paper_by_h5 ,
	.fixed_h5_rt { grid-template-columns: 100%; }
	.fixed_h5_lft {  position: static; }
	
	a.btn-for-h5 {         
		width: 100%;
		padding: 15px;
		font-size: 18px;
       /* background: rgba(255, 255, 255, .3);
        box-shadow: 0 5px 69px rgba(255, 255, 255, .5); */
	}
	/* .fixed_h5_rt { gap: 60px; } */
	
	.paper-for-h5 p img { width: 100%;  padding: 10px; }
	.paper-for-h5 video  {width: 100%; }
	
	.fix_list_14 ul { display: grid; grid-template-columns: 30% 30% 30%; }
	
	.fix_list_11 ul { display: block; }
	.fix_list_11 ul li { float: left; width: calc((100% - 24px)/3); margin:3px;  }
	
	.img4_3 {  padding-top: 77%;	}
	
	.fix_list_11 ul li:nth-child(5n-3),
	.fix_list_11 ul li:nth-child(5n) { margin-right: 0;  }
	
	.fix_list_11 ul li:nth-child(5n-2) { clear: both; }
	.fix_list_11 ul li:nth-child(5n-3) ,
	.fix_list_11 ul li:nth-child(5n-4){ transform: translateX(50%); position: relative; }
	.fix_list_11 ul li:last-child {transform: translateX(105%); position: relative; }
	
	.fix_list_11 ul li:nth-child(5n-3)::after, 
	.fix_list_11 ul li:nth-child(5n-4)::before ,
	.fix_list_11 ul li:last-child::before,
	.fix_list_11 ul li:last-child::after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		background-image: url(../img/h5/group-bg.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	
	.fix_list_11 ul li:nth-child(5n-4)::before ,
	.fix_list_11 ul li:last-child::before { left: auto; right: calc(100% + 8px); }
	
	.fix_list_11 ul li:nth-child(5n-3)::after,
	.fix_list_11 ul li:last-child::after { left:calc(100% + 8px); }
	
	.phone .fix_list_11 { padding-bottom: 35px; }
	
	
	/* 2025-11-26 */
	#h5_for_detial {
	    grid-template-columns: 100% !important;
	    height: auto;
	    gap: 0;
	}
	#h5_for_detial .for-h5-paper p {  font-size: 16px !important;	}
	.paper_by_h5 {  padding: 52px 5% !important;  min-height: unset;}
	
	svg:not(:root) { height: 100%; }
	
	.index-banner, .xuyan_banner { height: auto; }
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1186px) and (orientation : landscape) { 
    .test-hx ul li {   width: calc((100% - 24px * 3) / 4); }
	
	.h5_fixed_leftMenu { padding: 13px 4%; }
	
	.index-banner .head_for_h5, 
	.xuyan_banner .head_for_h5 { gap: 2rem; }
	
	.faculty-detail-h5 { grid-template-columns: 17% auto;  align-items: unset; position: relative;}
	
	#h5_for_detial3 { padding-left: 26%; min-height: 383px;}
	#h5_for_detial3 .faculty-detail-h5 { width: 24%; position: absolute; left: 0; top: 0; grid-template-columns: 100%; } 
	#h5_for_detial {   grid-template-columns: 100% !important;   gap: 0;	}
	.fixed_h5_lft { padding-top: 0; }
	.paper_by_h5 { min-height: unset !important; }
	#h5_for_detial .for-h5-paper { gap: 10px; }
	#h5_for_detial .for-h5-paper p {   font-size: 18px !important;	}
	
	.frame_padding { padding: .5rem 0; }
	.xuyan_banner .inner-container { gap: 1.5rem; }
	.title_for_h5 { font-size: 28px; margin-top: 0px; margin-bottom: 15px; }
	.fullscreen .inner-container {justify-content: space-between;  }
	
	.banner_title_h5 { font-size: 38px; text-align: left;	}
	
	.index-banner a.btn-for-h5,
	.xuyan_banner a.btn-for-h5 { 
		width:260px;
		background-color: transparent;
		background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .05));
		    background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .05));
		    background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .05));
		    background-image: linear-gradient(bottom, rgba(255, 255, 255, .5), rgba(255, 255, 255, .05));
		    border: 2px transparent solid;
		    background-image: url(../img/h5/buttom-border2.png);
		    background-repeat: no-repeat;
		    background-size: 100% 100%;
	}
}