/*research*/
#overview { overflow-y: visible; height: auto;}
.overview { width: 100%; height: auto;margin-bottom: 60px; }
.overview p { color: #333; font-size: 18px; word-break: break-word; line-height: 1.8;}

.o-degit { width: 107%;  margin-right: -7%;  height: 163px; overflow: visible; }
.o-degit ul {list-style: none; display: flex; justify-content: space-between;}
.o-degit ul li {  text-align: center;}
.o-degit ul li big { display: block; font-weight: bold; color: #18BFC5;font-weight: bold; font-size: 3vw; height: 85px; font-family: myFirstFont;}
.o-degit ul li small { display: block; height: 18px; color: #333; line-height: 1.5;}
.o-degit ul li p {font-weight: bold;font-size: 20px;line-height: 1.3; margin-top: 8px; text-transform: capitalize; }

.o-degit ul li:nth-child(2) {
	/*border-right:1px #E5E5E5 solid ;
	border-left:1px #E5E5E5 solid ;*/
	min-width: 48%;
	width: 87%;
    margin: 0 9%;
    position: relative;
	z-index: 1
}

.o-degit ul li:nth-child(2):before {
	content: "";
    width: 1px;
    height: 84%;
    position: absolute;
    top: 21px;
    left: 25px;
    background-color: rgba(218,218,218,1);
    z-index: -1;
}

.o-degit ul li:nth-child(2):after {
    content: "";
    width: 1px;
    height: 84%;
    position: absolute;
    top: 21px;
    right: 25px;
    background-color: rgba(218,218,218,1);
    z-index: -1;
}

/*.o-degit ul li:nth-child(2) p { line-height: 2.5;}*/
.o-circle {
	width: 420px;
	height: 420px;
	background-image: url(../images/news3.png);
	background-repeat: no-repeat;
	border-radius: 50% ;
	box-shadow: 10px 0px #18bfc5;
	float: right;
	position: relative;
	z-index: 1;
}
.o-circle:before {
	content: "";
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #ffd904;
	position: absolute;
	top: -7px;
	left: -16%; 
}

.r-area { margin-top: 60px; width: 100%; }
.r-area ul { list-style: none;border-top: 1px #18BFC5 solid;}
.r-area ul li { width: 100%; padding: 25px 0; border-bottom: 1px #18BFC5 solid; cursor: pointer;}
.r-area ul li h3 {
	font-weight: bold;
	color: #28b7bc;
	text-transform: capitalize;
	height: 60px;
	line-height: 51px; 
	/*padding-right: 0;*/ 
}

.r-area ul li .row::before,
.r-area ul li .row::after { content:"";display:none; }
.r-area ul li .row {
	 display: grid;
    grid-template-columns: 31% auto auto;
    align-items: flex-start;
}
.r-area ul li .row  h3.col-lg-3 { width: unset;}
.r-area ul li .row  .col-lg-7 {  width: unset; }
.r-area ul li .row  .col-lg-2 { width: unset;}



.r-area ul li h3 span.plus2 { display: none;}

.r-area ul li h3 em { display: inline-block; max-width: 70px; height: 100%; margin-right: 6%; float: left;}
.r-area ul li h3 em img { height: 100%;}
.r-area ul li h3 b { font-size: 1.388vw; font-weight: bold; display: inline-block; word-break: keep-all; line-height: 54px;  float: left;}

.r-info { width: 100%;color: #333; padding-top: 21px;display: none; margin-bottom:30px;}
.r-info p { line-height: 26px;  font-size: 17px; }
.r-info h4 {font-weight: bold; font-size: 30px; color: #333; margin-top: 40px; margin-bottom: 20px; }

.r-facutl { width: 100%;  list-style: none; }

.r-facutl dl {width: 15%;float: left;margin-right: 1%; background: transparent; transition: all .3s;}
.r-facutl dl:last-child { margin-right: 0;}
.r-facutl dt {  background-color: transparent; width: 100%; height: 167px; overflow: hidden;transition: all .3s;}

.r-facutl dt a { display:block;position: relative; width: 100%; height: 100%;}

.r-facutl dt a img { min-width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.r-facutl p {display: table; height: 45px; width: 100%; text-align: center;}
.r-facutl p a { display: table-cell; vertical-align: middle; font-size: 15px; width: 100%; height: 30px;     line-height: 1.3; text-decoration: none;}
.r-facutl dl:hover dt { box-shadow: 0 0 35px rgba(0,0,0,0.1); transition: all .3s;}
.r-facutl dl:hover p a  { text-decoration: none; color: #18BFC5; font-weight: bold;}

span.plus { 
	margin-top:15px;
	display: inline-block; 
	width:32px ;
	height: 32px;
	border: 2px #18BFC5 solid;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

span.plus:before {
	content: "";
	width: 14px;
    height: 2px;
    background: #18BFC5;
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 7px;
}

span.plus:after {
content: "";
    width: 2px;
    height: 14px;
    background: #18BFC5;
    position: absolute;
    z-index: 2;
    left: 13px;
    top: 8px;
    opacity: 1;
}


/* 4-10 科学研究-Faculty*/
.rr-facutl-82 {	display: block !important;}
.rr-facutl-82  dl{  width: 13.4%;}
.rr-facutl-82  dl:nth-child(7n) { margin-right:0;}


.plus2 { float: right; display: none;}

.re-show span.plus { background: #18BFC5 !important; }
.re-show  span.plus:before { background: #fff !important; }
.re-show  span.plus:after { background: #fff !important; opacity: 0 !important;}

#scientific { position: relative; min-height: 200px; overflow-x: hidden;}
.r-scien { width: 100%; float: right;}
.r-right-pic { 
	width: 70%;
	float: right;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	overflow: hidden;
}

.r-right-pic img { width: 100%; object-fit: cover; }

.r-left-info {
	clear: both; 
	width: 100%; 
	/*padding: 40px 7% 40px 5%;*/
	padding: 40px 0;
	text-align: justify;
	color: #fff;
	word-break: break-word;
	line-height: 26px;
	font-size: 17px;
	float: left;
    margin-top: -100px;
   
    position: relative;
}

.r-left-info:before{
	content: "";
	height: 100%;
	width: 69%;
    position: absolute;
    top: 0;
    left: 0;
	border-top-right-radius: 270px;
	border-bottom-right-radius: 270px;
	background-color: #18BFC5;
	overflow: hidden;
	
}

.r-papers {margin-top: 70px;}
.r-papers h3 {font-weight: bold;color: #333; font-size:36px; margin-bottom: 30px;}

.img-hide { display: none;}

.r-view { 
	margin-bottom: 44px;
	/*border-top:1px #d2d2d2 solid ;*/
	border-bottom:1px #d2d2d2 solid ;
	width: 100%;  /*overflow: hidden;*/
	position: relative;
    z-index: 2;
	}

ul.r-view:before {
    content: "";
    width: 100%;
    border-top: 1px #d2d2d2 solid;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 0;
}

	
.r-view dl {border-top:5px #fafafa solid; float: left; width: 25%; height: 254px;background: #fff; display: table; position: relative; z-index: 1;overflow: hidden; transform: scale(1);transition: all .5s;}

.r-view dl dt {	
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding:30px 20px;
	z-index: 0;
}

.r-view dl dt img { height: 100%; object-fit: cover;}

.r-view dl dd {
	display: table;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 248px;
	background: #fafafa;
	transition: all .5s;
}
.r-view dl dd div { display: table-cell;vertical-align: middle; width: 100%; height: 248px; padding: 0 30px; }

.r-view dl dd h5 { font-size: 16px;  margin-bottom: 15px; line-height: 1.5;}

.r-view dl dd h5 a { color: #333; text-decoration: none}

.r-view dl dd div p { font-size: 16px;}

.r-view dl:hover { transform: scale(1.01); border-color: #18BFC5; box-shadow: 0 10px 35px rgba(0,0,0,0.2); transition: all .5s;}

.r-view dl:hover dd { background: #fff; width:52%; transition: all .5s;}
.r-view dl:hover dd div {padding: 0 15px; }

.r-show { transform: scale(1.01) !important; border-color: #18BFC5!important; box-shadow: 0 10px 35px rgba(0,0,0,0.2) !important; z-index: 10 !important; transition: all .5s;}
.r-show dd { background: #fff !important; width:55% !important; transition: all .5s;}
.r-show dd div {padding: 0 15px !important; }
.r-show button.r-preview { opacity: 1 !important; transition: all .5s;}

button.r-preview {
	background: none;
	border-style:none ;
	outline: none;
	width: 58px;
    height:50px;
	background-image: url(../images/btn-preview.png);
	background-position: center center;
	background-size: auto 25px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
	transition: all .5s;
}

.r-view dl:hover button.r-preview { opacity: 1; transition: all .5s;}

#research { position: relative; width: 100%; min-height: 200px;    padding-top: 16px; background-position: left 1px;}

.r-magzine { 
	width: 52%;
    height: auto;
    position: absolute;
    right: 0;
    top: 0px;
    background-color: #18BFC5;
    border-top-left-radius: 84px;
    border-bottom-left-radius: 84px;
    overflow: hidden;
    padding: 22px 5% 22px 3%;
    color: #fff;
    line-height: 1.5;
}

.r-magzine h3 {font-weight: bold;font-size: 30px;}
.r-magzine span { font-size: 1.25vw;}

#research .swiper-reseach2 { display: none;}

#research .swiper-container { width: 100%; margin-top: 70px; height: 532px;  background:transparent;}

#research .swiper-slide { background-size: cover; border-radius: 15px; overflow: hidden;}

#research .swiper-slide dl {
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(bottom,rgba(24,191,197,0.5) 90%,rgba(255,255,255,0));
	background: linear-gradient(bottom,rgba(24,191,197,0.5) 90%,rgba(255,255,255,0));
	background: gradient(bottom,rgba(24,191,197,0.5) 90%,rgba(255,255,255,0));
	
	padding: 22px 19px;
	color: #fff;
	
	transform: translateY(52%);
	transition: all .5s;
}

#research .swiper-slide dl big {
	font-weight: bold; 
	color: #fff; 
	display: block;
    font-size: 48px;
    /*line-height: 2;*/font-family: myFirstFont;
    position: relative;
    z-index: 1;
}

#research .swiper-slide dl big:before {
	content: "";
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #ffd904;
	position: absolute;
    top: -22px;
    left: -36px;
	transform: scale(.1);
	z-index: -1;
	opacity: 0;
	transition: all .5s;
}

#research .swiper-slide dl h3 {
	font-weight: bold;
	color: #fff;
	font-size: 24px;
    line-height: 1.3;

    position: relative;
    z-index: 1;
}

#research .swiper-slide dl p {
	font-size: 16px;
    margin-top: 5%;
   
    position: relative;
    z-index: 1;
    line-height: 1.5;
	font-weight: normal;
    margin-bottom: 40px;
    max-height: 197px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    opacity: 0;
    transition: all .5s;
}

#research .swiper-slide dl a {
    display: inline-block;
    border-radius: 28px;
    padding: 7px 21px;
    color: #18BFC5;
    font-size: 14px;
    background: #fff;
    text-transform: uppercase;
    padding-right: 34px;
    background-image: url(../images/btn-left.png);
    background-position: 85% center;
    background-repeat: no-repeat;
    background-size: 7px;
     opacity: 0; 
    transition: all .5s;
}

#research .swiper-slide:hover dl,
#research .swiper-slide .swiper-slide-active dl {
	background-color: #18BFC5;
	background-image: url(../images/paopao.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	transform: translateY(0);
	transition: all .5s;
}

#research .swiper-slide:hover dl big:before,
#research .swiper-slide .swiper-slide-active dl big:before { transform: scale(1.5); opacity: 1; transition: all .5s;} 

#research .swiper-slide:hover dl p,
#research .swiper-slide .swiper-slide-active dl p { opacity: 1; transition: all .5s ease .2s; } 

#research .swiper-slide:hover dl a,
#research .swiper-slide .swiper-slide-active dl a { text-decoration: none; opacity: 1; transition: all .5s ease .2s; } 

#research .swiper-button-next, #research .swiper-button-prev { top: 60%; outline: none; cursor: pointer;opacity: 0; }
#research .swiper-button-next:after , #research .swiper-button-prev:after {content: "";}

#research .swiper-button-next { background-image: url(../images/ban-next.png); background-repeat: no-repeat;}
#research .swiper-button-prev { background-image: url(../images/ban-pre.png); background-repeat: no-repeat;}


#research .swiper-button-prev, #research .swiper-container-rtl .swiper-button-next {left: 5%; height: 60px; width: 36px;}

#research .swiper-button-next, #research .swiper-container-rtl .swiper-button-prev { right:5%; height: 60px; width: 36px;}

#research:hover .swiper-button-next,
#research:hover .swiper-button-prev  {
	opacity: 1 !important;
}


/* teacher */
/*.letter { position: relative;margin-top: -138px; z-index:8; margin-bottom: 120px;}
.s-letters {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	flex-flow: row nowrap;
}*/

.s-letters a {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
	text-decoration: none;	
	font-family: myFirstFont;
}

.s-letters a:hover,.actived  {
	background: #18BFC5 !important;
	color: #fff !important;
	text-decoration: none !important;
}

.teacherlist { width: 100%; /*margin-bottom: 80px;*/}
.teacherlist dl {
	width: 32%;
    margin-right: 2%;
	float: left;
	height: 315px;	
	position: relative;
	z-index: 1;
	margin-bottom: 60px;
	transition: all .5s;
}

.teacherlist dl:nth-child(3n) { margin-right: 0;}

.teacherlist dl dt {
	width:48%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.teacherlist dl dt a { display: block; width: 100% ; height: 100%;}

.teacherlist dl dd {
	display: block;
	position: absolute;
	border: 1px #e5e5e5 solid;
	border-left: none; 
	top: 0;
	right: 0;
	width: 52%;
	height: 100%;
	padding: 25px 5px 25px 14px;
}

.t-name {
    float: none;
    width: 100%;
    height: auto;
    padding-right: 0;
    border-right: none;
    margin-right: 0;
}

.t-name h3 {color: #333;font-weight: bold; margin-bottom: 18px;}

.t-name h3 span { display: block; font-size: 1vw; font-weight: normal;}
.t-name h3 a { color: #333; text-decoration: none; line-height: 1; margin-bottom:15px;}

a.btn-tlink { 
	display: inline-block; 
	width: 50px; height: 50px; 
	background: #18BFC5; 
	border-radius: 50%;
	background-image: url(../images/icon-link-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
	transition: all .5s;
	display: none;
}

.t-introl {	width:100% !important; margin:0; margin-top: 15px; float:none;height: 100%;   position: relative;}
.t-introl p.t-desc {
 	font-size: 16px;  color: #333; 
 	line-height: 1.5; 
 	 margin-bottom: 10px;
 	max-height: 60px; 
 	overflow: hidden;
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.t-introl p.t-desc { display: flex; align-items: center; }
.t-introl p.t-desc span {
    /*line-height: 20px;*/
    font-size: 16px;
    width: 83%;
    float: left;
    line-height: 19px;
    padding-top: 4px;
    font-family: myFirstFont;
    word-break: break-word;
}
.t-introl p:first-child { margin-top: 0; }
/*.t-introl p:first-child  em.icon-sm { margin-top: 9px; }*/

.t-introl p { clear: both; margin-top:5px;/* display: flex;*/word-break: break-all; position: relative;
    z-index: 1;}
.t-introl p:nth-child(4) { height:35px;}
.t-introl p:nth-child(2) span { line-height: 35px; font-size: 16px; }
.t-introl p:nth-child(4) span { line-height: 20px; position: absolute; top: 50%; transform: translateY(-70%); word-break: keep-all; }



.t-introl em.icon-sm { 
	float: left;
	margin-right: 7px;
	display: inline-block;
	background-repeat: no-repeat; 
	background-position: center center;
    width: 30px;
    height: 30px;
	border-radius: 50%;
	border: 1px #333 solid;
 }
.t-tel { background-image: url(../images/t-tel.png);}
.t-mail { background-image: url(../images/t-mail.png);}
.t-add { background-image: url(../images/t-add.png); background-size: auto 21px;}

.t-introl p span { line-height:35px;font-size: 16px; width: 79%; float: left; font-family: myFirstFont;}

a.btn-libslink {
	font-weight: bold;
	display: inline-block;
	border: 1px #18BFC5 solid;
	padding: 10px;
	padding-right: 48px;
	color: #18BFC5;
	background-image: url(../images/btn-lib.png);
	background-repeat: no-repeat ;
	background-position:92% center;
	text-decoration: none;
	position: absolute;
	bottom: 77px;
	margin-top: 20px;
	transition: all .5s;
}



.teacherlist dl:hover { box-shadow: 0 0 16px rgba(0,0,0,0.1);}
.teacherlist dl:hover dd { border-color: transparent;  }
.teacherlist dl:hover a.btn-tlink { opacity: 1; transition: all .5s;}
/*.teacherlist dl:hover a.btn-libslink,
a.btn-libslink:hover {
	background-color: #18BFC5;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/btn-lib-hover.png);
	transition: all .5s;
}*/


.teacher2 { width: 100%; margin-bottom: 86px;}
.t-pic { width: 119%; height: auto; margin-bottom: 59px;}
.t-pic img { width: 100%; margin-bottom: 25px;}

h4.t-names{ font-size: 28px; color: #18bfc5; line-height: 1; font-weight: bold; margin-bottom: 10px;}
h6.t-zhiwei { font-size: 20px; color: #18bfc5; border-bottom:1px #e6e6e6 solid; padding-bottom: 28px; margin-bottom: 28px; }

.icon {  color: #333; background-repeat: no-repeat;background-position: left 5px;padding-left: 35px;  font-size: 17px;}
.tel {
    background-image: url(../images/t-tel2.png);
    background-size: auto 22px;
    line-height: 1.8;
}
.mail {
	background-image: url(../images/t-mail2.png);
    background-size: auto 16px;
    background-position: left 9px;
    line-height: 1.8;
}

.t-detail { width: 100%; /*margin-bottom: 80px;*/}
.t-type { width: 100%;}
.t-type p {
    display: inline-block;
    padding: 17px 30px;
    background: #f3f3f3;
    border-radius: 77px;
    color: #18BFC5;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 16px;
    font-weight: bold;
    margin-right: 3%;
    transition: all .3s;
}

.t-type p:hover {
	background: #18BFC5; color: #fff;
	transition: all .3s;
}

a.btn-superior {
    display: inline-block;
    background: #18BFC5;
    color: #fff;
    text-decoration: none;
    margin-top: 70px;
    font-size: 20px;
    line-height: 1;
    padding: 13px 24px 16px;
    border-radius: 77px;
}

a.btn-superior:hover {text-decoration: none; }


.t-show {background: #18BFC5 !important; color: #fff !important; }

.t-content { width: 100%; height: auto;}
.t-content ul { list-style: none;}
.t-content ul li {  display: none;}

.detail-infos { margin-top: 20px;  border-top:1px #e6e6e6 solid; padding-top: 56px;	font-size: 17px; color: #333; /*margin-bottom: 200px;*/}
.detail-infos p { line-height: 1.8;  }

/*news*/
#hezuo {
	position: relative; z-index: 1; background-color: transparent;
	background-image: url(../images/lecture-bg.png),url(../images/r-bg.png);
    background-position: left 24px,right top;
    background-repeat: no-repeat;
    background-size: 10%,auto;
	
}

/*#hezuo:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	background-image: url(../images/r-bg.png);
	background-position:right top;
	background-repeat: no-repeat;
	background-size: auto;
	margin-bottom:0;
}
*/



.newslist { width: 100%; height: auto;  margin-top: 60px;margin-bottom: 50px;}



dl.news-2 {
	width: 30%;
	height:390px;
	position: relative;
	z-index: 1;
	float: left;
	margin-right: 5%;
	margin-bottom: 30px;
}

dl.news-2:nth-child(3n) { margin-right: 0;}

dl.news-2.notice-dl-l {   height: 203px;}

/*dl.news-2 dt {width: 90%;  height: 35vh; border-radius:5px ;  overflow: hidden; }

dl.news-2 dt a { text-align: center; display: block; position: relative; width: 100%; height: 35vh; overflow: hidden; }

dl.news-2 dt a img { min-width: 100%; height: 100%; object-fit: cover; transform-origin: center; transform: scale(1);transition: all .5s;}*/

/*4-7 news*/
dl.news-2 dt {
    width: 95%;
    /* display: table; */
    height: 293px;
    border-radius: 20px;
    overflow: hidden;
}

dl.news-2 dt a {
    text-align: center;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

dl.news-2 dt a img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center;
    transform: translate(-50%, -50%) scale(1);
    transition: all .5s;
}




dl.news-2 dd {
	display: block;
	position: absolute;
	right: -29px;
    bottom: 27px;
    width: 77%;
	border-radius: 10px;
	padding:16px 20px;
	overflow: hidden;
	/*color: #fff;*/
	background: #fff;
	box-shadow: 0 0px 17px rgba(0,0,0,0.1);
	text-align: left;
	
	transition: all .3s ;
}

dl.news-2.notice-dl-l dd { width: 92%; left: 0; right: auto;}


dl.news-2 dd h4 {
	font-size: 1.21vw;
    height:66px;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;   
}

dl.news-2 dd h4 a { 
	 display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	text-decoration: none; color: #333;
}

dl.news-2 dd p.news-date { color: #666; margin: 20px 0; font-size: 18px;}

dl.news-2:hover dd  {
	background: #28b7bc ;	
	color: #fff;
	transition: all .3s ;
}

dl.news-2:hover dd h4 a,
dl.news-2:hover dd p {color: #fff;}

dl.news-2:hover dt img {
    transform:  translate(-50%, -50%) scale(1.1);
    transition: all .5s;
}


dl.news-2:hover dd a.btn-news {
    display: block;
    opacity: 1;
    transition: all .3s;
}

.newslist2 { width: 100%; height: auto; margin-top: 100px;  margin-bottom: 50px;}


/*news-detail*/
.news-detail { width: 100%; margin-bottom: 20px; padding-right: 4%;}

.news-detail h3 { font-weight: bold;font-size: 30px; color: #000; margin-bottom: 15px; line-height: 1.3;  padding-right: 12%;}
.news-detail p.time { font-size: 14px; color: #666;padding-bottom: 20px; border-bottom: 1px #18BFC5 solid;  }

.news-info { width: 100%;padding-right: 4%;}
.news-info p { max-width: 100% !important; margin:0 !important; line-height: 1.5 !important; font-size: 17px !important; padding: 0 !important; overflow: auto !important; }
.news-info a {  display: initial !important;  }
.news-info p { margin-bottom: 25px; color: #000; line-height: 1.5;  max-width: 100% !important; margin-bottom: 23px !important; background: transparent !important; }
.news-info table { max-width: 100%; overflow: hidden; border-left: 1px #dcdcdc solid; border-top: 1px #dcdcdc solid; }
.news-info img { width: 100%; margin: 20px auto !important;}
.news-info p span { display: inline-block; margin-bottom:15px; }

.news-info table tr td {    border-bottom: 1px #dcdcdc solid;   border-right: 1px #dcdcdc solid;}

.page-btn {
    margin-top: 30px;
    border-top: 1px #e9e9e9 solid;
	padding-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
/*	margin-bottom: 150px;*/
	margin-right:4%;
}

.page-btn a {
	display: inline-block;
	width: 135px;
	height: 42px;
	text-align: center;
	text-transform: capitalize;
	font-size: 18px;
	border-radius:25px ;
	background: #a6a6a6;
	color: #fff;
	padding: 8px 15px;
	transition: all .3s;
}

.page-btn a:nth-child(2) {
    width: 68%;
    height: 42px;
    padding: 0;
    display: inline-block;
    background: none !important;
    border-radius: none !important;
    color: #a6a6a6;
    text-decoration: none;
    font-size: 17px;
    line-height: 42px;
}

.page-btn a:hover {
	background: #18BFC5;
	text-decoration: none;
	transition: all .3s;
}

.page-btn a:nth-child(2):hover {
	color: #18BFC5;
	background: none !important;
    border-radius:none !important ;
	text-decoration: none; }


.newshot { width: 100%; background: #f5f5f5; border-radius: 15px;  padding:25px;  margin-bottom: 75px;}
.newshot h2 { }
.newshot h2 span{ color: #333; text-transform: uppercase; font-size:24px; display: inline-block; float: left;font-weight: bold;}
a.btn-history {
	display: inline-block;
	width: 33px;
	height:33px;
	border-radius:50% ;
	background: #18BFC5;
	background-image: url(../images/history2.png);
	background-repeat: no-repeat;
	background-position: center center;	
	float: right;
	    margin-top: -8px;
}

.newshot ul { list-style: none;margin-top: 35px; }
.newshot ul li { 
	width: 100%;
	border-bottom: 1px #D2D2D2 solid;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.newshot ul li:last-child { border-bottom: none; margin-bottom: 0;}

.newshot ul li h3 a { display: block; font-size: 20px; color: #333;}
.newshot ul li h3 { margin-bottom: 10px;}
.newshot ul li p { display: none;}
.newshot ul li p small { color: #666; font-size: 14px; }

.newshot ul li:hover h3 a { color: #18BFC5; font-weight: bold; text-decoration: none;}
.newshot ul li:hover { color: #18BFC5; border-color: #18BFC5;}

/* zhaopin */
.zp { width: 100%; margin-top: 70px;}

.zp ul { list-style: none;border-top: 1px #18BFC5 solid;}

.zp ul li {
	width: 100%;
	padding: 37px 0;
	border-bottom: 1px #18BFC5 solid;
	margin: 0;
	
}

.z-body {
	width: 100%;
	height: auto;
	padding-left: 30px;
/*	padding-top: 17px;*/
}

h3.zp-icon {
	/*padding: 17px 0;*/
	padding: 12px 0;
	color: #18BFC5;
	font-weight: bold;
	padding-left: 66px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50px;
	font-size: 28px;
	margin-left: -15px;
}

h3.zp-icon a { color: #18BFC5; text-decoration:none;  }


a.a-olink  { display: block; width: 100%; text-align: left; position: absolute ;right: 0; z-index: 0; padding: 13px 0;   }
a.a-olink:hover { text-decoration:none; color: #333; }
a.a-olink span.btn-uplus { margin-top: 0; float: right;}
p.p-zp-title {  display: none; text-align: left;float: left; margin-left: 45px;}

#recrugd_38 p.p-zp-title { display: block; }
.zp-show p.p-zp-title {display: none !important;   }
.zp-show a.a-olink { z-index: -1 !important; display: none; }


.zp-show a.a-olink span.btn-uplus:after {content: ""; opacity: 0; }


.z-js { background-image: url(../images/r-profess.png);}
.z-group { background-image: url(../images/r-group.png);}
.z-staff { background-image: url(../images/r-staff.png);}

.z-body dl {width: 100%; line-height: 1.5; padding: 6px 0;	float: left;}

.z-body dt { margin-right: 3%; width: 68%; float: left; font-weight: normal; }
.z-body dd { display: block;  float: left; width: 29%; line-height:3; text-align: center; }

.zp-info { margin: 0;    margin-top: 5px; display: none;}

.zp-info p { color:#333; line-height: 1.5; font-size: 17px; }
.z-head { display: block;cursor: pointer; transition: all 1s;}
.z-head dt { font-size: 24px;  }
.z-head dt p a { display: block; }
.z-head dt p a:hover { text-decoration:none; color: #333;  }
.z-head dd span ,
.z-body dd span {text-transform: uppercase; font-size: 16px;}

.z-head2 p {text-align: left; font-size: 17px; font-weight: normal;  word-break: break-word;}



ul.zp-type { width: 100%;list-style: none; border: none; margin-top: 55px; margin-bottom: 35px;}



ul.zp-type li {
    width: 23.5%;
    height: 190px;
	border-radius: 15px;
	overflow: hidden;
	float: left;
	margin-right: 2%;
	border: none;	
	margin-bottom:20px;
	cursor: pointer;
	position: relative;
	z-index: 1;
	transition: all .5s;
}

ul.zp-type li:nth-child(4n) { margin-right: 0;}

ul.zp-type li img {
	height: 100%;
    min-width: 102%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	opacity: 0;
	transition: all .5s;
}

ul.zp-type li div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
	color: #fff;
	z-index: 2;
	transition: all .5s;
}

ul.zp-type li div:after {
	content: "";
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(bottom,rgba(24,191,197,.5),rgba(255,255,255,0) 58%);
	background: linear-gradient(bottom,rgba(24,191,197,.5),rgba(255,255,255,0) 58%);
	background: gradient(bottom,rgba(24,191,197,.5),rgba(255,255,255,0) 58%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	transition: all .5s;
}

ul.zp-type li div h4 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height:100%;
	font-weight: bold;
	padding: 18px 24px;
	line-height: 1.3;
	font-size: 21px;
	
}



ul.zp-type li:nth-child(2n) { background: #18bfc5;}
ul.zp-type li:nth-child(2n+1) { background: #186dc5;}
ul.zp-type li:first-child,ul.zp-type li:last-child { background: #f7d200;}


a.btn-zp {
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    background-image: url(../images/zp-link.png);
    background-repeat: no-repeat;
    background-position: 55% 50%;
    background-size: auto 16px;
    border-radius: 50%;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2;
     opacity: 0; 
    transition: all .5s;
}

ul.zp-type li:hover img,
ul.zp-type li:hover a.btn-zp  { opacity: 1;transition: all .5s;}

ul.zp-type li:hover div:after { opacity: 1;transition: all .5s;}
ul.zp-type li:hover div h4 { vertical-align: bottom;    padding-right: 67px; text-align: left; transition: all .5s;}


ol.z-list { width: 100%; margin: 0;/*margin-top: -33px;*/ padding: 0; width: 100%; list-style: none;}
ol.z-list li {border-bottom: 1px #F2F2F2 solid;/* padding: 30px 0;*/ padding-top: 0;
	padding-top: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
}


ol.z-list li:last-child { border: none;  margin-bottom: 0px;}
ol.z-list li dl.z-head dt p { font-weight: normal; }
ol.z-list li:hover { border-color: #18BFC5;    }

/*ol.z-list li:hover dl { background: #F2F2F2;  }*/
ol.z-list li:hover dt p { font-weight: bold; color: #18BFC5;}
ol.z-list li:hover dd {color: #18BFC5;}

.zp-detail {  margin-top: 15px;  display: none;  margin-bottom: 15px;}

ol.z-list li .zp ul,
 ol.z-list li  .zp ul li{ border: none !important; }

.zp-show .z-head  { display: none !important; transition: all 1s; }
.z-dis { display: none !important;transition: all 1s;}
.zp-show .z-body { padding-top: 0px !important;}

.zp-show2 dl dt p {font-size: 24px !important; cursor: pointer;}

.bold-title { border-color:  #18BFC5 !important;}
.bold-title dl { color: #18BFC5 !important; }
.bold-title dt p { font-weight: bold; color: #18BFC5 !important; }


/*lecture*/
.lec-list { width: 100%; margin-top: 70px;    margin-bottom: 30px;}

.lec-list dl {
	width: 25%;
    height: auto;
    float: left;
    margin-right: 0%;
    margin-bottom: 20px;
    transition: all .3s;
    border: 17px transparent solid;
	transition: all .3s;
}

.lec-list dl:nth-child(4n) { margin-right: 0;}

.lec-list dt {
	width: 100%;
	height: 252px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
    overflow: hidden;
    border-radius: 0px;
}

.lec-list dt a { 
    width: 100%;
    height: 100%;
    
    display: block;
    position: relative;
    overflow: hidden;
    transition: all .3s;
}
   
.lec-list dt a img {
    position: absolute;
    top: 50%;
    left: 50%;
	min-width: 100%;
    min-height: 100%;
    transform: translate(-50%,-50%);
}

.lec-list dl:hover h3.lectures-title { font-weight: bold; transition: all .3s;}

.lec-list dl:hover .lectures-desc {
    transform: translateY(0);
    transition: all .3s;
}

.lec-list dd p {

    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left 7px;
    background-size: 13px auto;
    font-size: 13px;
    color: #333;
    line-height: 2.3;
}

.lec-list dl:hover a { text-decoration: none;}

.lec-list dl:hover {
	background: #fff;
	border-color:#fff ;
	box-shadow: 0 0 35px rgba(0,0,0,0.3);
	transition: all .3s;
}

.lec-list dl:hover dt a{ border-radius: 10px; text-decoration: none; transition: all .3s;}


.jiangzuo {}

.t-lec  { width: 134%; margin-bottom: 45px;}
.t-lec img { width: 100%; margin-bottom: 30px;}
h4.lec-names {     
	color: #18bfc5;
    font-size: 30px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    font-weight: bold;
    border-bottom: 1px #dcdcdc solid;}

p.lec-1 { font-size: 18px; line-height: 1.5; margin-bottom: 15px;}
p.lec-1 b { font-size: 20px; color: #18BFC5; text-transform: capitalize;}

.lec-detail { font-size: 16px;  line-height: 1.5; min-height: 700px; }
.lec-detail img { width: 80%;     margin-top: 25px;}

.lec-detail p {margin-bottom: 12px;}

a.lec-next {
	display: block;
	width: 100%;
	text-align: left;
	border-top:1px #eee solid ;
	padding-top: 25px;
	margin-top: 65px;
	text-decoration: none;
	font-size: 15px;
	color: #666; 
	font-weight: lighter;
}

a.lec-next:hover {color: #18BFC5; font-weight: bold;}


.lec-list2 { margin-bottom: 80px;} 
.lec-list2 dl {
	padding: 15px 0;
	width: 100%; height: 330px;
	/* margin-bottom: 35px; */
	
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	border-bottom: 1px #eee solid;
	transition: all .3s;
}

.lec-list2 dt { width: 20%; height:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; float: left; }
.lec-list2 dt a { display: block; width: 100%; height: 100%;}
.lec-list2 dd { width: 75%;height:100%;  margin-left: 5%; float: right; }
.lec-list2 dd h3.lectures-title a { text-decoration: none; transition: all .3s;}
.lec-list2 dd .lectures-desc { margin-top: 25px;}
.lec-list2 dd .lectures-desc p { line-height: 2;}

.lec-list2 dl:hover { background: #eee; padding: 15px;  transition: all .3s;}
.lec-list2 dl:hover  dd h3.lectures-title a {font-weight: bold; transition: all .3s;}

.lec-list2 .lectures-info {
    margin-top: 0;
    padding: 15px 0;
    height: 100%;
    overflow: hidden;
    position: relative;
}

a.lec-detail-2 {
	position: absolute;
    bottom: 35px;
    margin-top: 0;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 2px #3fbfc3 solid;
    border-radius: 50%;
    background-image: url(../images/research-next.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
    outline: none;
}


/*course*/
.c-h3 { color: #18BFC5;font-size: 36px; margin: 30px 25px; margin-top: 50px; }

a.histoy {
	display: inline-block;
    padding: 8px 15px;
    background: #18bfc5;
    text-transform: uppercase;
    background-image: url(../images/history.png);
    background-position: 90% center;
    background-repeat: no-repeat;
    border-radius: 50px;
    padding-right: 40px;
    font-size: 16px;
    margin-left: 2%;
    color: #fff;
    margin-top: -12px;
}

.c-h3:hover a.histoy { text-decoration: none;}

.course { 
	width: 100%; 
	margin-top: 40px; 
	border-radius: 50px ;
	overflow: hidden;
	border: 1px #18BFC5 solid; 
	margin-bottom: 150px;
}

.course table { width: 100%; }
.course table thead {
	width: 100%;
	background: #18BFC5;
	color: #fff;	
	text-align: center;	
}

.course table tr  { border-bottom:1px #18BFC5 solid !important; }
.course table tr:last-child { border: none;}

.course table tr td {
	font-size: 14px;
	text-align: center; 
	vertical-align: middle; 
	padding: 20px 15px;
	border-right:1px #18BFC5 solid !important;	
}

td.hides { display: none;}



.course table tr td:nth-child(1) { width: 13%; padding-left: 23px;}
.course table tr td:nth-child(2) { width: 13%;}
.course table tr td:nth-child(3) { width: 20%;}
.course table tr td:nth-child(4) { width: 12%;}
.course table tr td:nth-child(5) { width: 12%;}
.course table tr td:last-child { width: 15%; padding-right: 23px; border-right:none !important ;}

.course tbody  tr td:nth-child(1) {font-weight: bold; color: #18BFC5;}

.lastline tr:last-child { border: none !important;}

.tab-desc p{
	width: 48%; float: left;
	color: #666;
	line-height: 2;
	text-align: justify;
	font-weight:normal;
}
.tab-desc p:first-child { margin-right:4% ;}

.tab-desc { padding:30px 40px; font-weight: normal; }

.tips { 
	margin: 30px 40px;
	padding: 22px 60px;
	border-radius: 30px;
	background: #f2f2f2;
	color: #18BFC5;
	position: relative;
	z-index: 1;
	text-align: left;
	line-height: 1.8;
	font-weight: bold;	
}

.tips:before {
	content: "Note!";
    width: 80px;
    height: 80px;
    font-size: 20px;
    background-color: #18BFC5;
    color: #fff;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    position: absolute;
    top: -45px;
    left: -21px;
    z-index: 2;
   font-weight: bold;
}

.dis2 { display: none !important;}

.download { width: 100%; margin-bottom: 35px;}
.download ul { list-style: none; padding-left:25px;}
.download ul li { 
	width: 100%;
	font-size: 20px;
	line-height: 2.5;
	border-bottom: 1px #eee solid;
	padding-left: 35px;
	background-image: url(../images/icon-download.png);
	background-repeat: no-repeat;
	background-size: 33px;
	background-position: left center;
	padding: 8px 0;
	padding-left: 38px;
}
.download ul li a,.download ul li:hover a { text-decoration: none;}

.download ul li:hover { background-image: url(../images/icon-download-hover.png); border-color: #18BFC5;}
.download ul li:hover a { color: #18BFC5;}

a.f-download { 
	display: block;
	margin-top: 7px;
	width: 40px;
	height: 40px;
	float: right;
	background-image: url(../images/icon-download-hover.png);
	background-repeat: no-repeat;
	background-size: 33px;
	background-position: left center;
}



/* 6-16 团队管理 margin-bottom: 80px; */
.g1_list {  width: 100%; height: auto; margin-top: 50px;  }

.g1_list ul { list-style: none;}

.g1_list ul li {
	width:18%;
	height: 488px;
	float: left;
	margin-right: 2%;
}

.g1_img { width: 100%; height: 80%; position: relative; overflow: hidden; margin-bottom: 18px;}

.g1_img img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.g1_list ul li:last-child { margin-right: 0;}

.g_name { text-align: center; font-size:24px; line-height: 1.5; color: #333; margin-bottom: 18px; position: relative;}
.g_name::after {
	content: "";
	position: absolute;
	width: 10%;
	height: 2px;
	background-color: #18BFC5;
	margin: auto;
	bottom: -9px;
	left: 45%;
}

.g_zhiwei { text-align: center; font-size: 18px; line-height: 1.3; color: #666;}

.weiyuanhui { margin-top: 80px;}

/* 顾问委员会 */
.weiyuanhui { width: 100%;}

.weiyuanhui ol { list-style: none; padding: 0;}
.weiyuanhui ol li {
	width: 30%;
	margin-right: 5%;
	float: left;
	height: 482px;
	margin-bottom: 50px;
	font-size: 16px;
	color: #666;
	line-height: 1.5;
	background-image: url(../images/g-1.png);
	background-repeat: no-repeat;
	background-position:-28px 106%;
	background-size: 50%;
	padding-bottom: 25px;
}

.weiyuanhui ol li:nth-child(2n) {background-image: url(../images/g-2.png);}

.weiyuanhui ol li:nth-child(3n) { margin-right: 0;}

.weiyuanhui ol li h3 {
	/* height: 56px; */		
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 26px;
	color: #18BFC5;

}		

.weiyuanhui ol li p {
	font-size: 16px;
	color: #666;
	line-height: 1.5;
	margin-bottom: 8px;
}

.weiyuanhui ul li { float: none; width: 100%; padding: 0; margin-left: 18px; list-style: disc; margin-bottom: 8px;}

/*3-28*/

.desc { margin-top: 15px ; }

.desc p {
	display: -webkit-box;
	overflow: hidden;
	font-size: 15px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}



@media only screen and (min-width: 1980px)  {
	.container { max-width: 77vw; } 
	.r-area ul li h3 b { font-size: 1.3vw;}
	
	h3.lectures-title a { line-height: 1.1;}
	
	dl.news-1 dd h4 a { height: 71px; line-height: 1.15;}
	
	.sub-navbar ul li a { padding-bottom:5px;line-height: 1.35; }
}


@media (min-width: 1200px) {
	 
}

@media only screen and (min-width: 1080px) and (max-width: 1440px) {
	/*.search {  top: 53vh ;  left: 7px;}*/
	.ft-add { font-size: 14px; line-height: 1.5;}
	
	.main { background-size: 130px; margin-bottom: 50px;background-position: left 24px;}
	
	/*6-15*/
	dl.news-2 { height: 297px;}
	dl.news-2 dt { height: 206px;}
	
	/* 2026-3-3*/
	.r-area ul li .row {
		display: grid;
		grid-template-columns: 38% auto auto;
		align-items: flex-start;
	}
	
	
	
	
	#banner .swiper-slide.swiper-slide-visible h4 {font-size: 16px;	}
	
	.lec-list dt { height: 200px;}
	
	.zp-show2 dl dt p {font-size: 18px !important;}
	.innerbox { background-size: 130px;}
	.innerbox .container { padding-left: 4%; width: 91% !important;}
	.r-facutl dt,.r-facutl dt a { height: 136px;}
	
	.o-circle { transform: scale(0.8) translateX(5%);}
	
	.container { min-width: auto; width: 86% !important;}
	#banner .gallery-top .swiper-slide .container { width: 87% !important;}
	#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		padding-left: 6%;
	}
	
	
	.reserchs ,.news ,.lectures{ background-position: left 36px;}

	.#recrugd_38 p.p-zp-title { display: none; }



    /*.lectures-imgs*/
	.lecturesbox {  margin: 0px;  min-height: 400px;  height: 402px;}
    .lectures-imgs {height: 146px;}
	h3.lectures-title a {height: 52px;font-size: 18px;}
	#lectures .swiper-slide p {  font-size: 14px; line-height: 1.4; background-position: left 5px;}

    #lectures .swiper-button-next, .swiper-container-rtl .swiper-button-prev,
    #lectures .swiper-button-prev, .swiper-container-rtl .swiper-button-next  {
    	margin-top: 40px;
	    width: 50px;
	    height: 50px;
    }

	#reserchs { position: relative;  min-height: 448px;}
	#reserchs .swiper-button-next ,
	#discipline2 .swiper-button-next { margin-top: 63px; width: 50px;  height: 50px;}
	#reserchs .swiper-slide {height: 400px !important;font-size: 37px;}
	.wamper2 div {  padding: 9px 15px;  transform: scale(.9);}


	div.icons { height: 103px;  margin-bottom: 10px;}
	.wamper2 p {
		height: 120px; overflow: hidden; text-overflow: ellipsis; 
		-webkit-box-orient: vertical;
    	-webkit-line-clamp: 5;   margin-top: 15px;
	}

	#reserchs .swiper-wrapper {  margin-top: 54px;}
    
    /*.faculty*/
    .faculty { padding-left: 0; margin-left: -13px;}
	.faculty:before {  content: "";  width: 56%; }
	.faculty-bar { padding-top: 50px;}
	.faculty div p { font-size: 15px;}
	.faculty div h3 {font-size:34px;}
	.nums ul li b { font-size: 34px;}
	.nums ul li p {  font-size: 20px;}
	dl.news-1 dd {  padding: 18px 20px; }
	dl.news-1 dd h4 a { height: 50px;}
	.news { background-size: 10%; margin-top: 116px;  margin-bottom: 0;}
	dl.news-1 dd h4 {
	    font-size: 18px;
	    height: 42px;
	    line-height: 1.2;
	    display: -webkit-box;
	    overflow: hidden;
	    margin-bottom: 15px;
	}


	dl.news-1 ,dl.news-1 dt,dl.news-1 dt a { height: 312px;}
	dl.news-1 dd p.news-date { margin: 3px 0 10px 0;}

	.foot { margin-top:100px; }
	.contact dd {padding: 7px 0;}

	.ft-content ul li { padding-bottom: 10px; margin-bottom: 10px; line-height: 1.5;}
	.contact {  padding-top: 119px;}


	/* undergraduate */
	.v-poster { height:414px; }
	.u-introl {     height: 360px;}
	span.btn-uplus {  width: 32px; height: 32px;}
	span.btn-uplus:before {
	    content: "";
	    width: 16px;
	    height: 2px;
	    background-color: #18BFC5;
	    position: absolute;
	    top: 14px;
	    left: 6px;
	    z-index: 2;
	}
	span.btn-uplus:after {
	    content: "";
	    width: 2px;
	    height: 16px;
	    background-color: #18BFC5;
	    position: absolute;
	    top: 7px;
	    left: 13px;
	    z-index: 2;
	    opacity: 1;
	}
    
    .u-list { margin-bottom: 72px;}
	.u-list ul li { padding: 9px 0;}
	.u-list ul li .u-head h3 b { font-size: 22px;}


	.overseas-left { width: 51%;}
	.overseas-introl { font-size: 15px; padding-top: 118px;}

	.overseas-introl p span.overseas-con-1 {    width: 77%;}


	/*graduate*/
	#discipline2 dl.discplne {  width: 100%;  height: 340px; }
	.r10 { min-height: 300px;   height: 454px; }
	#pxmbimg { height: 602px;}
	.r13 {height: 450px !important; }

	#discipline2 .col-lg-10,
	#degree .col-lg-10{  padding-left: 40px;}

	.sc-logos dl {  height: 220px !important;}
	.sc-logos dt p { font-size: 19px;}
	.sc-logos dt p img { height: 76px;}

	.career-introl dl,.career-introl dt big { width: 25%;  height:391px;}
	.d-events ul li {    padding: 2px 0;}
	.d-events ul li p a { font-size: 16px;}
	.d-events ul li em {   font-size: 14px; }
	.grad-desc h4 { font-size: 22px;}
	


	/* research */
	#research .swiper-slide dl big { font-size: 34px;}
	.r-info p {  line-height: 26px;  font-size: 16px;}
	.r-area ul li {  width: 100%; padding: 12px 0;}

	
	.r-area ul li h3 { height: 55px; line-height: 59px;}
	.r-area ul li h3 em { width: auto;   height: 100%; }
	.r-area ul li h3 em img {  height: 92%;  margin-top: -7px;}
	.r-area ul li h3 b { 
		font-size: 19px !important;
        line-height: 1.16 !important;
        display: flex;
        align-items: center;
        height: 100%;
        max-width: 60%;
	}

	.r-show dd {width: 64% !important;}
	
	
	


	.r-left-info { font-size: 15px;}
	

	.u-head em { width: 60px;}
	
	#research .swiper-container { height: 400px;}
	#research .swiper-slide dl h3 {    font-size: 17px;}

	#research .swiper-slide dl p {
		font-size: 13px;
	    margin-top: 5%;
	    position: relative;
	    z-index: 1;
	    line-height: 1.5;
	    font-weight: normal;
	    height: 96px;
	    margin-bottom: 40px;
	    max-height: 150px;
	    display: -webkit-box;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    -webkit-line-clamp: 5;
	    -webkit-box-orient: vertical;
	}

	.r-view dl,.r-view dl dd,.r-view dl dd div { height: 211px; }
	.r-view dl dd h5 {  font-size: 15px;}
	.r-view dl dd div p {  font-size: 14px;}

	.overview {    margin-bottom: 30px;}
    .o-degit { height: 133px;}
	.o-degit ul li big {  height: 63px;}


	/* Faculty */
	.letter { margin-bottom: 60px;  margin-top: 0;}

	.teacherlist dl { height: 267px;}
	.teacherlist dl dd { padding: 13px; }
	.t-name {     padding-left: 0px; }
	.t-introl p span {    width: 74%;}

	.t-name h3 a { font-size: 15px; margin-bottom: 3px;}
	
	
	
	a.btn-libslink {
	    font-weight: bold;
	    display: inline-block;
	    border: 1px #18BFC5 solid;
	    padding: 10px;
	    padding-right: 10px;
	    color: #18BFC5;
	    background-image: none;
	    background-repeat: no-repeat;
	    background-position: 97% center;
	    text-decoration: none;
	    background-size: auto 14px;
	       position: static;
    bottom: 13px;
    font-size: 12px;
    margin-top: 12px;
    transition: all .5s;
	}

	.detail-infos { font-size: 16px;  padding-top: 35px;}

	a.btn-superior,.z-head2 p {    font-size: 16px; }

	/*about */
	/*.navbars {     top: 22%; }*/
	.navbars {
	    top: 16%;
	    /*transform: translate(10px, 10px) scale(.88);*/
	}

	.about-info {     height: 358px;  overflow: hidden; overflow-y: scroll; }
	#innerbox { height: 340px;}
	ul.news-type a {  font-size: 18px !important;}
	.pages a {  font-size: 16px;  margin: 0 3px; }

	#innerbox img { height: 100%; width: auto; }
	/*.a-marginleft { display: none; }*/

	.under-2 ul li { font-size: 18px;}	
	.under-3 { font-size: 15px;}	
	.under-4 b { font-size: 24px;}
	.under-4 p { font-size: 18px;}
	
	.under-4 ul li, dl.under-5 dd ul li { font-size: 16px;}
	
	.u-info h4.under-title { font-size: 24px;}
	.u-info dl dd p {  font-size: 16px;}
	
	.sc-logos dd {font-size: 15px;  line-height: 1.3; padding: 17px 19px;}
	
	.grad-2 hr { outline: none; margin: 20px 0;}
	
	.sc-logos dd h4 {    font-size: 16px;  line-height: 1.3;}
	
	.sc-logos dt p span {     padding: 0 35px; }
	.career-introl dt { font-size: 22px;}
	.t-introl p:nth-child(4) span,
	.t-introl p:nth-child(2) span,
	.t-introl p:nth-child(1) span	{ line-height: 16px;  font-size: 14px;}
	.t-introl p:nth-child(2) span {line-height: 26px;}
	
	.about-info2 {font-size: 14px !important;  line-height: 1.5;}
	.yearlist ul a { font-size: 22px;    margin-right: 3%; }

	.c-wx dd p span {
	    display: table-cell;
	    height: 115px;
	    width: 132px;
	    vertical-align: middle;
	    font-size: 14px;
	    padding-right: 5%;
	}

	.about-video span { font-size: 20px;}

	/*zhaoping*/
	.zp-info ul.zp-type li:nth-child(3n) {margin-right: 2%;}
    .zp-info ul.zp-type li:nth-child(4n) {margin-right: 0;}
    
	
    /* search */
    .searchban { height: 374px; }
	.searchban .search {  top: 158px;}


	
	/*news*/
	.news-detail h3 { font-size: 26px;}
	.newshot ul li h3 a { font-size: 16px; text-decoration: none;}
	
	.e-list dl h4 { font-size: 18px;}
	
	ul.zp-type li div h4 { font-size: 20px;}
	
	.z-head dt { font-size: 18px; }
	.z-body dd { line-height: 3;}
	.z-head dd span, .z-body dd span { font-size: 14px;}
	
	.gallerylist ul li h3 { height:56px; font-size: 20px;}
	
	.r-magzine h3 { font-size: 22px;}
	.r-magzine span { font-size: 15px;}
	
	.newslist { margin-bottom: 0; margin-top: 50px;}
	dl.news-2 dd h4  { height: 50px;}
	dl.news-2 dd p.news-date {  font-size: 14px;  margin: 8px 0;}
    
    ul.zp-type  {    margin-top: 25px;  margin-bottom: 57px;}
	.zp ul li { padding: 15px 0;  }
    h3.zp-icon {     min-height: 48px;   font-size: 22px;}

    ol.z-list li {  padding-top: 0 !important; }


	
	ul.zp-type li,ul.zp-type li div,ul.zp-type li div h4 {  height: 141px;  font-size: 15px;	}
	.gallerylist ul li div a  { width: 60px; height: 60px;}
	
	.overview p ,.o-degit ul li p,.r-info{ font-size: 16px;}
	
	.gallerylist ul li div { height: 329px;}
	
	/* head*/
	.nums ul li:after { height: 44px; }
	
	div#header-page-one {
		/*background: -webkit-linear-gradient(rgba(0,0,0,.5) 7%, rgba(255,255,255,0) 98%);
	    background: -o-linear-gradient(rgba(0,0,0,.5) 7%, rgba(255,255,255,0) 98%);
	    background: linear-gradient(rgba(0,0,0,.5) 7%, rgba(255,255,255,0) 98%);*/
	}

	#header-page-one .logo img { opacity: 1;margin-top: -10px;}

	.sub-navbar { margin-bottom: 50px;}
	.sub-navbar ul li { font-size: 18px; }

	#banner { padding-top: 0; height: 100vh;}
	#banner .gallery-top { width: 100%; border-radius:0;}
	
	#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 6vh;}
    
    #banner .gallery-top .swiper-slide h2 { bottom: 12vh; font-size: 40px;}
    #banner .gallery-thumbs {  height: 34%;}
    
   
    
    .co-title h3 ,.under-3 h3{ font-size: 30px;}
    .co-title h3 {  font-size: 28px !important;}
    
    .u-introl p { font-size: 16px;}	
	.inner-ban { /*margin-top: 24px;*/}	
	.pic-scale2 { font-size: 14px;}
	
	#contact dd h4 { font-size: 18px;}
	#contact dd p { font-size: 15px;}
	
	.t-head h4 { font-size: 20px;}
	.t-body .t-info p { font-size: 15px;}
	#contact dt img { margin-top: 20px; transform: scale(0.8);}
	.btn-scale {transform: scale(0.75);}
	
	.sub-navbar,.sub-navbar:before,.sub-navbar ul,.sub-navbar ul li { height: 100px;}
	.sub-navbar ul li { font-size: 15px;  padding: 30px 0; padding-right: 1.5%;}
	/* .sub-navbar ul { margin-top: 0;} */
	
	.r-papers h3 { font-size: 26px;}
	
	
	.fixed { padding-top: 14px;}
	.lang * { font-size: 13px !important; }
	.logo  { width: 100%;  height: 58px;  margin: 2px 0;}
	.menu ul li { font-size: 16px !important; margin: 0 1% !important; }
	.menu ul li p a {  color: #fff; padding-bottom: 6px;}

	#header-page-one .logo {
		background-image: url(../images/ft-logo.png);
	    background-position: left center;
	    background-repeat: no-repeat;
	    background-size: auto 80%;
	}

	.curriculum * {
	    font-family: myFirstFont !important;
	    font-size: 15px !important;
	}

	

	.fixed .logo { background-image: none !important; }
	.fixed .logo img { opacity: 1 !important; }
	.fixed .menu ul li a {padding-bottom: 10px !important; color: #333 !important; }
	.fixed .menu ul li.current-menu-item a { color: #18BFC5 !important;}
	
	h4.t-names { font-size: 24px !important;}
	h6.t-zhiwei { font-size: 20px;}
    .detail-infos p strong span, .detail-infos p strong {     font-size: 18px !important; }

	.icon { font-size: 16px; line-height: 2;padding-left: 30px;}
	.t-type p { font-size: 18px;   padding: 15px 30px;}
	
	.about-info,.about-info2,.grad-desc p {  font-size: 15px !important; line-height: 1.5 !important;}
	
	.innerbox2{ background-size:81.5%;background-position:-75% top;}
	
	.r9 { top: 286px;}
	
	/*6-16*/
	.g1_list ul li { height: 356px;	}
				
	.weiyuanhui ol li {  height: 545px;	}
	
	.t-introl em.icon-sm {
		float: left;
		margin-right: 10px;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: center center;
		width: 27px;
		height: 27px;
		border-radius: 50%;
		border: 1px #333 solid;
		overflow: hidden;
	}
	
	
	
	#yuanxi5 .discplne {
		width: 100%;
		height: 233px;
	}
	
	#yuanxi5 dl.discplne dt h3 {   font-size: 18px;}
	
	
	.m-left { margin-left: 0%; }
	
	
}













@media only screen and (max-width: 768px) {
	body {  overflow-x: hidden;}

	/*5-13*/
	ul.zp-type li { width: 100% !important; float: none; margin-right: 0 !important;}
	a.a-olink  {top: -50px;}
	a.a-olink  p.p-zp-title { display: none !important; }
	a.a-olink span.btn-uplus{    margin-top: 4px !important;}

	.overseas-introl p span.overseas-con-1 { font-size: 15px;  width: 70%; margin-bottom: 8px; }

	.ft-content2 ul li {     width: 100% !important; line-height: 1.3;  padding-bottom: 8px;  margin-bottom: 8px;}

	.pages a { margin: 6px 5px;}
	
	/* 2026-3-3 */
	.r-area ul li .row {
		display: grid;
		grid-template-columns: 100%;
		align-items: flex-start;
	}
	
	

    /*innerban*/
    .inner-ban {width: 89%; height: 135px; margin-top: 80px;  border-radius: 11px;}   

    .sub-navbar { background:transparent; height: auto; margin:0; margin-top:12px !important; margin-bottom: 8px;}
	.sub-navbar:before { display: none;}	
	.sub-navbar ul { flex-flow: row wrap; justify-content:flex-start; height: auto; margin-top: 0;}
	.sub-navbar ul li { margin-right: 5%; background:transparent; border: none; padding:3px 0; height: auto; font-size: 16px;}
	.sub-navbar ul li a { color: #333 !important; font-size: 16px;}
	.sub-navbar ul li:hover a { color: #18BFC5; border-color:  #18BFC5; text-decoration: none;}
	.sub-navbar ul li.active a {color: #18BFC5 !important; border-color:  #18BFC5 !important;} 
	
	/*公共组件样式*/
	#hezuo {    background-position: -12% 15px ,right top !important; background-size:92px,50%; }


    .main ,#degree,.main-ky{ padding-top: 30px !important; background-position: -12% 15px !important; margin-bottom: 60px; background-size: 92px;}

    .main2 { margin-top: 35px;}


    .innerbox {    
    	padding-top: 30px !important;
	    background-position: -12% 15px !important;
	    margin-bottom: 60px;
	    background-size: 92px !important;
	}
	.innerbox .container .col-lg-4 {padding-right: 15px; }

    li.contact {  padding: 3px 0 !important;}

	.co-title { margin: 0px 0 30px !important;}	
	.co-title h3 { font-size: 19px !important;}	

	.under-title { font-size: 18px; margin-bottom: 30px;}
	.lectures{ background-position: -12% 10px; margin-bottom: 60px; background-size: 92px;} 

	.foot { padding-top:24px; margin-top: 70px;}

	.ft-share { margin-top: 27px;}
	.ft-share a { line-height: 24px;}
	.ft-share a img { height: 12px;}

	.foot .col-md-6 { margin: 0; padding: 0;}
.foot .col-md-2 { clear:both; }
	.ft-logo { margin-bottom: 20px; height: 60px; clear: both;}
	.ft-logo img {width: 70%;}
	/*.ft-content { min-height:100px; } */
	.ft-content ul { padding-right:0; }
	.ft-content2 { width: 100%;}
	.ft-content p {font-size: 14px; margin-bottom: 13px;}
	.ft-content ul li {font-size: 15px !important;  width: 33.3%;  float: left;     text-align: center;}
	.ft-copyright { font-size: 14px;  margin-top: 25px; padding: 20px 0; line-height: 1.5;}
	.ft-copyright span { margin-left: 0;  float: none;}

	.contact {  clear: both; padding-top: 30px !important; float: none !important; }
	#contact dl dt p.icon { padding-left: 0;}
	.backtop { width: 40px; height: 40px;  right: 22px;  bottom: 114px;background-size:45%;}

	


	/*党员天地*/
	.grad-desc { padding-left: 0;}	
	.a-marginleft { margin-left: 0;}	
	.pages { width: 100%;}
     
    /*news*/
	.newslist { margin-top: 35px; margin-bottom: 0;}

	dl.news-2{ width: 100%; height: 300px; margin-right: 0;}
	dl.news-2 dt { border-radius: 21px;}
	dl.news-2 dt ,dl.news-2 dt a { height: 230px;}
	dl.news-2 dd { right: -10px;    bottom: 10px;}
	dl.news-2 dd h4 { font-size: 15px !important; height:46px;}
	dl.news-2 dd p.news-date { font-size: 14px !important;  margin-bottom: 0px !important;}

	.news-detail,.news-info ,.page-btn { padding-right: 0; margin-right: 0;}
	.news-info {  overflow-x: scroll;}
	
	.news-detail h3 {  width: 100% !important; font-size: 17px !important;  padding-right: 0 !important;}
	.page-btn a:nth-child(2) { display: none;}
	.news-detail p.time {  font-size: 12px;}
	.news-info p,.news-info p * {    font-size: 14px !important;  line-height: 24px !important;}
	.newshot { display: none; }
	.page-btn a { width: 100px !important; height: 30px !important; line-height: 1;  font-size: 14px !important;}
    

   /* about*/
	.about-info {  font-size: 14px !important;  margin-top: 20px;}
	.about-info2 { margin-left: 0 !important;    padding-top: 0;  margin-top: 0;}

	.innerbox .container { padding-left: 4%; width: 96% !important;}
	.innerbox .co-title { margin: 30px 0;}
	.ky-info p {  font-size: 14px !important; }
	
	.ky-info {  margin-top: 50px;}
	.about-keyan h3 {  font-size: 17px !important;}
	.about-keyan h3 small {  font-size: 14px !important;}


	.yearlist ul a:nth-child(5n) {  margin-right: 0;}
	
	.a-list ,.a-marginleft{   width: 100%;  margin-top: 16px;  float: none;  margin-right: 0; }
	.a-list ul li {  width: 100%;  height: 176px !important; }
	.a-list ul li a { font-size: 18px !important;  line-height: 36px !important;}


	.innerbox2 {
	    background-size: 105.3% !important;
	    background-position: 0 top;
	    /*min-height: 273px !important;
	    padding-top: 137px !important;*/
	}
		
	
	#discipline2 .swiper-button-next {
	    position: absolute !important;
	    top: -15px !important;margin-top: 0 !important;
	    transform: scale(0.7);
	}
	
	#discipline2 dl.discplne { height: 400px;}
	
	.pic-scale2 { width: 87%;}
	.btn-close2 { top: 19px; right: 5%; transform: scale(0.75);}
	.discplne dt h3 {
	    font-size: 23px !important;
	    line-height: 1.5;
	}
	
	.sm-nav { display: block;}
	
	.container {
	    max-width: auto !important;
	    min-width: auto !important;
	    width: 96% !important;
	    margin: auto;
	}
	
	#lectures .swiper-slide p  { font-size: 13px;}
	
	h4.a-title { font-size: 19px !important; height: auto !important;}
	a.btn-under{ font-size: 16px; padding: 0 10px;}
	.about-info2 { font-size: 14px; border: none; }
	.a-list ul li a,.about-info  { font-size: 14px;}
	
	#admiss:before { display: none;}
	.head { display: none;}
	
	.head *,.navbars { display: none !important;}
	
	.search {
		top: auto !important; height: 40px;
    	bottom: 110px;
		animation: searchbox2 .8s ease-in-out .8s forwards;
	}
	
	.search input {
	    width: 75%;  height: 35px;
	    line-height: 35px;
	    font-size: 14px;
	    left: 49px;
	    top: 3px;
	    right: 21px;
	}

	.btn-search {  border-radius: 50%; height: 32px; width: 32px; background-size: 47%; left: 4px; top: 4px;}
	
	.link {  float: left;   background: #fff; color: #28b7bc !important; line-height: 33px; height: 35px;}
	.lang * {  font-size: 12px;}
	.lang {     
		width: 90%;
	    margin: auto;
		display: block;
	    justify-content: space-between;
	    position: absolute;
	    z-index: 1;
	    bottom: 55px;
	    left: 15px;
	    opacity: 0;
	    animation: lan2 .8s ease-in-out 1.5s forwards;
    }
    div#lan:after {
	    content: "";
	    width: 1px;
	    height: 74%;
	    position: absolute;
	    top: 5px;
	    right: 60px;
	    background: rgba(255,255,255,.7);
	    z-index: 0;
	}
    
    a.en,a.ch{
	    width: 34px;
	    height: 34px;
	    background: #fff;
	    line-height: 35px;
	    text-align: center;
	    border-radius: 50%;
	    
    }
    
    a.en {margin-right: 24px; }
    
     a.en:hover,a.ch:hover {
     	background: #fff;
     	color: #28b7bc !important;
     }


	
	


	#banner {
		position: relative;	    
		height: auto;
	    margin: auto 6%;	   
	    margin-bottom: 0px;
	    margin-top: 80px;
	}
	
	#banner .gallery-top { height: 100%; overflow: hidden;  height: 200px;  border-radius: 19px; }
	#banner .gallery-top .swiper-slide h2 {
	    top: auto !important;
	    font-size: 18px !important;
	    line-height: 1.3;
	    width: 80% !important;
	    padding-left: 10px !important;
	    bottom: 45px !important;
	}
	
	#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {    text-align: left;    padding: 0 15px; bottom: 15px;}
	#banner .swiper-pagination-bullet {  width: 12px;   height: 12px; border-color: #fff;}
	#banner span.swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;}

	
	#lectures .swiper-button-next, .swiper-container-rtl .swiper-button-prev,
	#lectures .swiper-button-prev, .swiper-container-rtl .swiper-button-next { display: none; }
	
	#lectures2 h3.lectures-title a {
		line-height: 1.5;
	    font-size: 18px;
	    height: 57px;
    }
    #lectures .lectures-desc { font-size: 14px; line-height: 1.5;}
	#lectures2 .swiper-pagination-bullet { width: 12px;  height: 12px;}

	.lectures ,.new-yuanxi{
	    background-position: -12% 14px !important;
	    margin-top: 36px !important;
	    padding-top: 30px !important;
	    margin-bottom: 57px;
	    background-size: 92px !important;
	}
	
	#yuanxi5 .discplne { height: 414px !important; }

	.lectures-desc p {
	    line-height: 1.7;
	    background-repeat: no-repeat;
	    padding-left: 24px;
	    background-position: left 4px;
	    font-size: 14px;
	}

    .lectures-imgs { width: 100%; height: 205px;}    
    .lecturesbox { height: auto; min-height: auto;}

    #lectures .lectures, .reserchs,.news {
    	margin-top: 20px;
	    background-position: -34px 16px;
	    padding-top: 30px;
	    margin-bottom: 80px;
	    background-size: 92px;
    }


    a.btn-phone {     font-size: 14px; line-height: 1;  margin-top: -4px; }
    .reserchs { margin-bottom: 0; }
    #reserchs {  min-height: auto; margin-bottom: 20px;}
    #reserchs .swiper-container {padding:0;  position: static; margin-top: 10px;}
    #reserchs .swiper-slide { height: 154px !important;}
    .reserchsbox { height: 120px !important}
    .wamper2 { height: 100% !important; }
    .wamper2 p ,#reserchs .swiper-button-next{ display: none !important;}
    .wamper2 div { padding: 18px 0  !important;height: 100% !important;}
     .wamper2 h3 { font-size: 13px !important; padding: 0;} 
   
    
    div.icons {
	    width: 89% !important;
	    height: 40px !important;
	    margin-bottom: 8px !important;
	    padding: 0 !important;
	    margin: auto;
	}
	    
    .btn-more {
    	position: absolute;
    	bottom: 9px;
	    display: block;
	    width: 50px;
	    height: 50px;
	    margin: auto;
	    margin-top: 14px;
	    box-shadow: 0 -6px 35px rgba(0,0,0,.3);
	    transform: scale(0.8); margin: 0 25%;  z-index: 50;} 
    
    
    .faculty-bar { height: 360px; padding-top: 16px; margin-bottom: 0;margin-top: 0px;  padding-top: 28px !important;}
    .nums { width: 83%; margin-left: 17%;}
    .nums ul li b { font-size: 22px;}
    .nums ul li:after {  content: "";    height: 39px;}
    .nums ul li p { font-size: 14px !important;}
    
    
    
    .faculty { width: 80%;  padding: 30px 6%;     bottom: 22px;}
    .faculty:before {  width: 106% !important;}

    .faculty div { padding: 0;}
    .faculty div h3 { font-size: 19px !important;}
    .faculty div p { width: 100% !important; margin-bottom: 0 !important;  font-size: 12px !important; margin-bottom: 0;}
    
    a.btn-faculty2 {
    	position: absolute;
	    right: 4%;
	    margin-top: 0;    bottom: 94px;
	    background-color: #fff;
	    transform: scale(0.8);
	    background-image: url(../images/research-next.png);
    }
   
   
    #news .swiper-container { margin-top: 40px;padding-bottom: 73px;}
    dl.news-1,dl.news-1 dt ,dl.news-1 dt a { height: 268px;}
    dl.news-1 dd { right: 15px;  bottom: -30px;}
    dl.news-1 dd h4 { font-size: 15px;}
    dl.news-1 dd h4 a { height: 39px;}

	
	
	/*lecture*/
	.lec-list { margin-top: 35px;}
	h3.lectures-title a {   height: 52px !important; font-size: 20px !important;  line-height: 1.3 !important;}	
	
	.yearlist { margin: 26px 0;}
	.yearlist ul {     flex-flow: row wrap;}
	.yearlist ul a { font-size: 18px; line-height:1.3; margin-right: 8%; min-width: 20px; padding-bottom: 2px; margin-bottom: 10px;}
	/*.yearlist ul a:nth-child(5n) {  margin-right: 0;}*/
	.search2 {  width: 100%;}
	ul.news-type a {  font-size: 16px !important; margin-right: 8% !important;}
	.main-co-title-1 .co-title { margin-bottom: 0 !important; }
	
	.events-list ul li { display: block; padding: 20px 0;}
	.e-mouth ,.e-list { width: 100% !important; float: none; margin-top:8px;}
	.e-mouth { margin-top: 0;}
	.e-mouth h2 { font-size:20px !important}
	.e-show h2{  
		background-image: url(../images/btn-left.png);
	    background-repeat: no-repeat;
	    background-size: 11px auto;
	    margin-bottom: 15px;
	    background-position: right center;
	}
	.e-list dl h4 { font-size: 14px;}	
	.e-show .btn-left { display: none !important;}
	
	.about-video { margin: 40px 0;}
	
	.gallerylist ul li { width: 49%; margin-right: 0;}
	.gallerylist ul li:nth-child(2n) {margin-left: 2%;}
	.gallerylist ul li div { height: 234px;}
	.gallerylist ul li h3 { height:37px;  font-size: 14px;}
	.gallerylist ul li h3 a { opacity: 1;}
	#pictureViewer .menu-bar .handel.close-view {     
		width: 45px; height: 50px; top: -56px; z-index: 60;
		background-size: 25px;
	}

	#pictureViewer .handel-prev, #pictureViewer .handel-next { width: 33px !important; background-size: 15px !important;}
	
	/*contact us*/
	.map { margin-bottom: 50px;}
	.btn-scale { transform: scale(.6); background-position: 30% 31%;}
	#contact dd { padding: 16px 0;}
	#contact dd h4 b { display: block; font-size: 16px;line-height: 1.3;}
	#contact dd p {font-size: 14px !important;    margin-top: 11px;}
	#contact dt img { margin-top: 23px !important; object-fit: cover; width: 26px;}
	#contact dl:last-child dt img { margin-top: 23px; /* height: 29px; */ width: 32px;}
	#contact dl:nth-child(1) dt img {  margin-top:12px !important;}

	.traffic {  width: 100%; margin-top: 16px !important;}
	.traffic h3 {     font-size: 19px !important;  padding: 18px 0;}
	.c-wx {  margin-top: 37px;}
	.t-head h4,.t-body .t-info b {  font-size: 16px !important;}
	.icons { padding-left: 42px;  background-size: auto 31px;}
	.traffic ul li { display: block;padding: 13px 0;}
	.t-head ,.t-body { float: none; width: 100%;}
	.t-body p.t-1 span { width: 85%;}
	.t-body p.t-1 { display: none;}
	.t-body .t-info { padding-top: 30px; padding-right:0 !important;}
	.t-body .t-info p , .zp-info p{  font-size: 14px !important;}
	
	.z-body dt,.z-body dd { float: none; width: 100%; margin-bottom: 10px; text-align: left;}
	ul.zp-type li {width: 100%; float: none;margin-right: 0;}
	.zp-detail { margin-top: 0;}
	
	li.zp-show { width: 100% !important;}
	
	.zp ul li { padding: 17px 0; }
	h3.zp-icon {
		background-size: 40px !important;
	    font-size: 19px !important;
	    padding: 8px 0 !important;
	    padding-left: 53px !important;
	    margin-right: -14px;
	}

	.z-head2 p,.z-head dt  { font-size: 16px !important; line-height: 1.7 !important; }
	
	ul.zp-type li,ul.zp-type li div ,ul.zp-type li div h4{ height: 160px;}
	ul.zp-type li div h4 { font-size: 18px;}
	.z-body { padding-left: 38px;}
	.z-body dd {line-height: 1.2;}
	.zp-show2 dl dt p { font-size: 16px !important; line-height: 1.7 !important; word-break: break-word;}
	.z-head dd span, .z-body dd span,.zp-info p { font-size: 14px;}
	
	
	
	/*teacher*/
	.s-letters { display: block !important; margin-left: 0 !important;   width: 100% !important; margin-top: 17px;}
	.letter { margin-top: 0 !important; margin-bottom: 40px !important;}
	.teacherlist dl { width: 100%; height: 224px !important;float: none; margin-right: 0;}
	.teacherlist dl dt {  position: static;  width: 48% !important;  height: 100% !important;  float: left !important;}

	.teacherlist dl dd {  position: static; float: right !important; padding: 10px 15px !important; width: 52% !important;}
	.t-name {
		    float: none;
		    width: 100% !important;
		    height: 52px !important;
		    padding: 0 !important;
		    border-right:none !important;
		    border-bottom: 1px #d2d2d2 solid;
		    margin-right: 0 !important;
		    margin-bottom: 8px;
		    overflow: hidden;
	}

	.t-name h3 { margin-top: -3px;}
	.t-name h3 a,.t-name h3 span {  font-size: 14px !important; }	
	.t-name h3 a {  margin-bottom: 5px !important;   }

	.t-introl em.icon-sm { width: 26px !important; margin-right: 9px !important; height: 26px !important; background-size: 15px auto; background-position: 44% center !important; }
	.t-introl { width: 100% !important; float: none;}
	
	.t-introl p.t-desc { display: none;}
	.t-introl p { clear: both; margin-top: 15px; width: 100%; display: table; margin-right: -15px;}
	.t-introl p span {  width: 72% !important;   line-height: 1.1 !important;  font-size: 14px !important;}
	.t-introl p:nth-child(2) span {      line-height: 16px !important;   display: table-cell;  vertical-align: top; }

	a.btn-libslink {	   
	    margin-top: 0 !important;
	    font-size: 14px !important;
	    bottom: 59px !important;
	    transform-origin: left;
	    transform: translate(0,0) scale(.7);
	}

	h4.t-names {  font-size: 20px !important;  padding-bottom: 0 !important;}
	h6.t-zhiwei {  font-size: 16px !important;  padding-bottom: 18px !important;   margin-bottom: 18px !important;}
	a.btn-superior { font-size: 16px !important; margin-top: 37px;}

	.teacher2 { margin-top: 0;}
	.t-type {  padding: 0; }
	.t-type p {  padding: 8px 20px !important; font-size: 14px !important;}
	
	.t-pic { width: 100%;}	
	.t-pic p.icon { font-size: 16px; line-height: 1.8;}	
	.detail-infos {    padding-top: 14px !important; margin-top: 9px !important; font-size: 14px;}
	.detail-infos p *,.detail-infos p strong span, .detail-infos p strong { font-size: 14px !important; }
	
	.pagination { display: block; }
	
	
	/*research*/
	#overview { margin-bottom: 0;}
	.overview {    margin-bottom: 38px; }
	.o-degit { height: 118px;}
	.overview.gaikuang,.o-degit{ width: 100% !important; margin-right: 0 !important; }
	.overview p { line-height: 26px !important;  }
	.o-degit ul li big {  font-size: 37px; height: 54px;}
	.o-degit ul li small { height: 16px;}
	.o-degit ul li p { font-size: 14px;}

	.o-degit { margin-bottom:0;}
	.o-degit ul li:nth-child(2) {margin: 0 4%;}
	.o-degit ul li:nth-child(2) p { line-height: 1.3}
	
	.o-circle { float: none; transform-origin: 31% center; transform: scale(.7);}
	
	.plus2 { display: block;}
	h3.col-lg-2 { display: none;}
	
	.r-view dl dt { padding: 20px 18px;}
	.r-view dl dd h5 a {
		color: #333;
		text-decoration: none;
		display: -webkit-box;
		height: 90px;
		overflow: hidden;
		-webkit-line-clamp: 4;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
	}
	
	
	.r-right-pic{ margin-top: 87px; border-radius: 0;  width: 100%;}
	.r-left-info {
		 float: none;
	    margin-top:0;
	    width: 100%;
	    padding: 20px 0 !important;
	   
	    border-top-right-radius: 0;
	    border-bottom-right-radius: 0;
	    background: transparent;
	    color: #333;
		font-size: 13px;	
	}

	.r-left-info4 {  padding-right:0 !important;color: #333; text-align: left; }

	.r-left-info:before { display: none; }

	.r-papers { margin-top: 14px;}
	.r-papers h3 { font-size: 19px !important;}	
	.r-magzine span { font-size: 12px;}
	
	.r-view { display: block;  margin-bottom: 0;}
	.r-view dl { width: 100% !important;}
	

	
	#research .swiper-container {margin-top: 94px !important; height: 202px;}
	#research .swiper-reseach { display: none;}
	#research .swiper-reseach2 { display: block; }
	#research .swiper-button-next, #research .swiper-button-prev { top: 79%; display: none;}

	#research .swiper-slide dl {    padding: 8px 10px !important;}
	#research .swiper-slide dl big { font-size: 26px;}
	#research .swiper-slide dl { transform: translateY(39%) !important;border-radius: 15px;
    overflow: hidden;}
	#research .swiper-slide dl h3 {  word-break: break-all;   font-size: 14px !important; line-height: 1.3 !important; width: 100% !important;}
	#research .swiper-slide dl p { display: none;}
	#research .swiper-slide dl a {
		padding: 5px 17px;
	    color: #18BFC5;
	    background: #fff;
	    text-transform: uppercase;
	    font-size: 12px;
	    margin-top: 7px;
	}
	#research .swiper-slide dl big:before {    
		transform: scale(1) !important;
		top: -44px;
		left: -48px;
	}
	#research .swiper-slide:hover dl, #research .swiper-slide .swiper-slide-active dl {
		transform: translateY(0) !important;
	}
	
	
	.r-area ul li { padding: 10px 0 !important;}
	
	.r-info { margin-bottom: 20px; clear: both;}
	.r-area ul li h3{ height: 45px; line-height: 45px;}
	.r-area ul li h3 em { width: 44px !important;}
	.r-area ul li h3 em img { height: 56px;}
	.r-area ul li h3 b { 
		font-size: 19px !important;  
		line-height: 1.35 !important;
		display: flex;
        align-items: center;
        height: 100%;
        max-width: 60%;
	}
	
	
	 #scientific { margin-bottom: 40px !important;  margin-top: 40px !important; min-height: 2300px; overflow-x: hidden;}
	.r-view dl dd div,.r-view dl dd,.r-view dl { height: 205px;}
	.r-view dl dd div { height: 200px;}
	
	.r-view dl dd { background: #fff;    width: 58%;}
	.r-view dl dd h5 { font-size: 15px !important;}
	.r-view dl dd div p { font-size: 14px;}
	
	#research { overflow-x:hidden;}
	
	.under-1 {
		position: relative;
		z-index: 5;
		overflow-x: hidden;
		min-height: 1560px;
	}

	.r-magzine {
	    width: 100% !important;
	    height: auto;
	    position: absolute;
	    right: 0;
	    top: 63px !important;
	    background-color: transparent !important;
	    border-top-left-radius: 0 !important;
	    border-bottom-left-radius:0 !important;
	    overflow: hidden;
	    padding: 18px 6% !important;
	    color: #18BFC5 !important;
	    line-height: 1 !important;
	}
	.r-magzine h3 { font-size: 19px !important;    line-height: 41px !important;}

	.r-magzine span {
	    font-size: 15px !important;
	    display: block;
	    line-height: 1 !important;
	}

	.r-area ul li h3 span.plus2 { display: block;    margin-top: 10px !important; }
	
	
	/*graduate*/
	#discplne { flex-flow: row wrap; margin-bottom: 40px;}
	#discplne dl { width: 50%;  height: 240px;}
	#discplne dt h3 { font-size: 20px; line-height: 1.5;}
	#discplne dd { padding: 20px 15px;}
	#discplne dd h4,.career-introl dd h4 { margin: 0; margin-bottom: 15px  !important; font-size: 16px !important;}
	.d-desc { width: 100%;}
	.grad-2 {background-size: 103%; padding-top: 0px;}
	.grad-introduce { border-radius: 0; width: 100%; background: transparent; color: #333;}
	.grad-introduce p:before { background: #333;top: 10px;width: 7px; height: 7px;}
	.grad-desc h4,.co3-title { font-size: 19px !important;}
	.grad-desc p ,.grad-introduce,.overview p{ font-size: 16px;}
	
	
	.sc-logos dl { width: 50%;height: 159px !important; }	
	.sc-logos dl:nth-child(3n) {border-right:none;}
	.sc-logos dl:nth-child(2n) ,.sc-logos dl:nth-child(n-1){ border-right: 1px #dcdcdc solid;}
	
	.sc-logos dt p { font-size: 14px;}
	.sc-logos dt p img { height: 56px !important;}
	.r-facutl { flex-flow: row wrap;}
	.r-facutl dl {  width: 32%; margin-bottom: 10px;}
	.r-facutl p { height: auto; font-size: 14px;}
	

	.d-events ul li p a ,.career-introl dt{    font-size: 16px;}
	.d-events ul li em { line-height: 2;    font-size: 14px;}
	.career-introl h2 {    margin-top: 34px;margin-bottom: 38px; font-size: 25px;}
	.grad-2 hr { margin: 32px 0;}
	
	p.g2-wx img {   width: auto; height: 18vh;}
	
	/*event*/
	#degree{ margin-bottom: 60px;}
	div#career {     margin-bottom: 15px; }
	.d-events ul li { display: block;    padding:10px 0;}
	.d-events ul li p,.d-events ul li em { display: block; width: 100%; text-align: left; float: none;}
	.d-events ul li p ,.d-events ul li p a{ height: 45px !important;}
	.d-events ul li em {  font-size: 12px !important;}

	.career-introl ul { flex-flow: row wrap;}
	.career-introl dl { width: 48%; margin-bottom: 15px; margin-right: 0; height: 230px;}
	.career-introl dl:nth-child(2n) { margin-left: 4%;}
    .career-introl dt big { height: 230px; font-size: 16px;  padding: 15px 9px; padding-right: 0;	}
    .career-introl dd {  padding: 0 15px !important;}

	p.g2-wx span { padding: 20px;}
	#career {  margin-top: 0 !important; }
	.career-introl h2 {  margin-top: 38px !important;  font-size: 15px !important;}

	.r10-23 {
		position: static !important;
	    height: 226px !important;
	    min-height: auto !important;
	    display: block !important;
	    width: 100% !important;
	    margin-bottom: 26px !important;
	}
	
	
	/*undergraduate*/
	#admiss {background-position: -12% 26px;}
	.u-introl { height: auto; overflow-y:auto; padding-right: 0;}
	.u-video { position: relative;  margin-top:0px;  width: 100%; top: 0; }
	.u-video img { position: static; transform: translate(0,0); }
	.v-poster {  width: 100%;  height: auto;  margin-bottom: 35px; }
	.u-video video { float: none; width: 92%;margin: auto; border-radius:30px ;}
	.r9 { position: static; width: 100%;  height: 240px; border-radius:0 ;    margin-top: 15px;}
	.u-list { margin-top: 52px; margin-bottom: 52px;}
	
	.u-list ul li .u-head h3 b {  font-size: 17px !important;  width: 66%;}
	.overseas-left { display: none;}
	#oversea { padding-bottom:0; overflow-x: hidden; }
	.overseas-introl { margin: 34px 0 !important;  font-size: 14px !important;  padding: 0 !important;}
	.overseas-introl p {
		line-height: 1.3; margin-bottom: 8px;
	}
	
	.u-introl p { font-size: 16px;}
	
	.v-btn { transform: scale(.7) translateX(20px);}
	
	.under-2 { padding: 25px; margin-bottom: 35px;}
	.under-2 ul { flex-flow:row  wrap;}
	.under-2 ul li { width: 100%; height: auto; font-size: 14px; border-right:none ; border-bottom: 1px #fff solid; }
	.under-2 ul li:before {      height: 100% !important;  top: 0 !important;}
	.under-2 ul li a {
	    display: table-cell;
	    vertical-align: middle;
	    width: 100%;
	    height: 40px;
	    padding: 0;
	    text-decoration: none;
	    color: #fff;
	}


	.c-wx dd {width: 45%;}
	.lec-list2 dd .lectures-desc { display: none; }
	a.lec-detail-2 { bottom: 12px;    width: 35px;   height: 35px;     background-size: 18px;}
	
	.under-3 ,.under-4 p,.under-4 ul li, dl.under-5 dd ul li,
	.u-info dl dd p ,.overseas-introl{ font-size: 16px;}	
	.u2 { margin-top: 10px !important; margin-bottom:0px;}
	.under-4 b ,.grad-desc h4{ font-size: 19px !important;}

	.under-3 h3 { font-size: 18px;}

	.pic-scale2 h4 { font-size: 20px; }
	
	.under-4 h4, dl.under-5 dd h4,.u-info h4.under-title { font-size: 19px !important;}
	.u-list ul li { padding: 10px 0;}

	.u-list ul li .u-head {height: auto;}
	.u-head em { width: 52px !important;}
	.u-list ul li .u-head h3 {     line-height: 52px;}
	span.btn-uplus  { margin-top: 11px !important;}

	span.btn-uplus {
	    display: inline-block;
	    width: 30px;
	    height: 30px;
	    border: 2px #18BFC5 solid;
	    text-align: center;
	    position: relative;
	    z-index: 1;
	    border-radius: 50%;
	    margin-top: 20px;
	    cursor: pointer;
	}

	span.btn-uplus:before {
	    content: "";
	    width: 14px;
	    height: 2px;
	    background-color: #18BFC5;
	    position: absolute;
	    top: 12px;
	    left: 6px;
	    z-index: 2;
	}

	span.btn-uplus:after {
	    content: "";
	    width: 2px;
	    height: 14px;
	    background-color: #18BFC5;
	    position: absolute;
	    top: 6px;
	    left: 49%;
	    z-index: 2;
	    opacity: 1;
	}
	span.btn-uplus:after { left: 12px !important;}
	
	.overseas-introl { margin-bottom: 0;}
	img.dis { display: block !important;  margin-left: -7%;}

	
	
	.u-video:before { display: none; left: 0;width: 99%;}
	.u-video:after {  display: none; width: 96%;}

	
	/*lecture*/	
	.lec-list dl {width: 100%;}
	/*.lectures-desc { display: none;}*/
	
	.course { overflow-x: scroll;}
	
	.about-info img { display: block;}
	#innerbox { display: none;}
	#oversea:after { display: none;}
	
	.sc-logos dl:hover dd, .sc-show dd { display: none;}
	
	.newslist2 { margin-top: 35px; margin-bottom: 0;}
	
	
	
	
	
	.dis2 { display: flex !important;}
	ul#f3 { display: none !important;}
	
	
	
	
	
	.t-lec { width: 100%;}
	.lec-detailp,.lec-1  {font-size: 14px;}
	h4.lec-names {font-size: 24px;}
	
	.r10 { display: none;}
	.grad-1 { margin-top: 0 !important; margin-bottom: 35px !important; min-height: 750px;  overflow-x: hidden;}
	img#pxmbimg_m { width: 100%;  display: block; margin-bottom: 25px; border-radius: 19px;}

	.m-left,.yx-jieshao .m-left { margin-left: 0 !important; }
	
	#r11 { margin-left: 0;}
	.selectByyear { display: block; margin-bottom: 0;}
	.lec-years { width: 100%; height: 48px; line-height:48px; float: none; font-size: 24px;}
	.lec-years:after { right: 25px;  top: 20px;border: 10px transparent solid;  border-top: 9px #fff solid; opacity: 0.8;}
	.lec-month { width: 100%; float: none; height: auto; line-height:2; }
	.lec-month ul { overflow-x: scroll; padding-left: 10px;}
	.lec-month ul li {
	    display: inline-block;
	    font-size: 18px;
	    font-weight: bold;
	    color: #666;
	    margin-right: 25px;
	    line-height: 4;
		    
	}
	
	.about-info2 {    border-top: none !important;}
	
	
	
	.lec-list2 dl { height: 190px; padding: 15px 0;}
	.lec-list2 dt { width: 34%;}
	.lec-list2 dd { width: 59%;}
	.lec-list2 dd .lectures-info { margin-top: 0;}
	.lec-list2 dd .lectures-desc p { line-height: 1.5; font-size: 13px;}
	.lec-list2 dd .lectures-speaker { display: none;}
	
	/* 6-16 顾问委员会 */
	.g1_list ul li { width: 48%; height: auto;   margin-bottom: 25px;}
	.g1_list ul li:nth-child(2n) { margin-left: 2%; margin-right: 0;}
	.g1_img { height: 207px; margin-bottom: 9px;}				
	.g_name { font-size: 18px;}
	.g_zhiwei { font-size: 14px;}
	
	.weiyuanhui ol li {  width: 100%;  margin-right: 0;   float: none;   height: auto !important;}
	.weiyuanhui ol li p { font-size:14px;}
	
} 

@media only screen and (max-width:540px) {
	.teacherlist dl { height: auto;}
	.teacherlist dl dt { position: static; width: 100%; height:374px;float: none;}
	.teacherlist dl dd {position: static;float: none;width: 100%;	}
	
	.t-name { height: auto;}
	a.btn-tlink { display: none;}
	
	a.btn-under { font-size: 14px;    padding: 9px 10px; }
}

@media only screen and (max-width: 325px) {
	/*teacherlist*/

	.ft-content ul li {   font-size: 12px !important; }
	.teacherlist dl { height: auto;}
	.teacherlist dl dt { position: static; width: 100%; height: 260px;float: none;}
	.teacherlist dl dd {position: static;float: none;width: 100%;	}
	
	.t-name { height: auto;}
	a.btn-tlink { display: none;}
	
	a.btn-under { font-size: 14px;    padding: 9px 10px; }
	
	.lectures-desc p { font-size: 14px;}
	
	.r-papers h3 { font-size: 26px;}
	
	.u-head em { width: 46px;}
	.u-list ul li .u-head h3 b { font-size: 18px;}
	
	.u-list ul li { padding-top: 10px;}
	.u-info { margin-top: 15px;}
	
	.news-detail h3 { font-size: 22px;}
	
	.a-list ul li { width: 31%; height: 74px;}
	.a-list ul li a  {
	    font-size: 11px;
	   
	    padding: 10px;
	}
	
	dl.news-2 dt, dl.news-2 dt a {  height: 187px;}
	dl.news-2 { height: 247px;}
	dl.news-2 dd h4 { font-size: 15px; height: 45px;}
	dl.news-2 dd p.news-date {  margin:5px 0;   font-size: 14px;}
	
	.search { bottom: 104px;}
	.lang { bottom: 40px;}
	.lang * {    font-size: 13px;}
}