.o-degit ul li:nth-child(2):before { left: 7px !important; }
.o-degit ul li:nth-child(2):after{ right: 8px !important; }
.o-degit ul li:nth-child(2) small { text-transform:capitalize; }
.o-degit ul li:nth-child(1) small,.o-degit ul li:nth-child(3) small { display: none; }

/* banner */
#banner {	
	height:100vh;
	position: relative;
}
#banner .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
#banner .swiper-slide {
      background-size: cover;
      background-position: center;
    }
#banner .gallery-top {
      height:100%;
      width: 100%;
	  margin: auto;
	/*  border-radius: 25px; */
	  overflow: hidden;
    }
	
	#banner .gallery-top .swiper-slide { position: relative;}

	#banner .gallery-top .swiper-slide a { display: block; width: 100%; height: 100%;position: relative; color: #fff;text-decoration:none; }
	
	#banner .gallery-top .swiper-slide .container { padding: 0;  width: 94% !important;}
	
	#banner .gallery-top .swiper-slide h2 {
		 
		z-index: 1;
		padding: 8px 0;
		 
		margin: auto;
		color: #fff;
		font-weight: bold; 
		font-size: 44px;
		line-height: 1.2;
		word-spacing: 10px;		
		padding-left: 15px;
		cursor: pointer;
	}
	
	#banner .gallery-top .swiper-slide::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: -webkit-linear-gradient(to right, rgba(0,0,0,0.5),rgba(255,255,255,0));
		background: -moz-linear-gradient(to right, rgba(0,0,0,0.5),rgba(255,255,255,0));
		background: -ms-linear-gradient(to right, rgba(0,0,0,0.5),rgba(255,255,255,0));
		background: linear-gradient(to right, rgba(0,0,0,0.5),rgba(255,255,255,0));
		z-index: 0;
	}

	#banner .gallery-top .swiper-slide h2 a,#banner .gallery-top .swiper-slide h2:hover a {text-decoration: none; color: #fff;}
	
	
	/* 
	#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 12vh;
		left: 5.6%;
		width: auto;
		padding-left: 15px;
	} */
	
	#pagin { position: relative; }
	#pagin .swiper-pagination { position: absolute; bottom: 6vh;}
	
	#pagin .swiper-pagination-bullet { margin-right:15px; }
	
	/* #banner .swiper-container-horizontal>.swiper-pagination-bullets, #banner .swiper-pagination-custom, #banner .swiper-pagination-fraction {
		left: 5%;
	} */
	
	#banner .swiper-pagination-bullet {
	    width: 16px;
	    height: 17px;
	    display: inline-block;
	    border-radius: 100%;
	    background: transparent;
	    opacity: 1;
		border: 1px #2cc1c7 solid;
		outline: none;
	}
	
	#banner span.swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #2cc1c7;
	}
	
	
    
#banner .gallery-thumbs {
	height: 37%;
    box-sizing: border-box;
    padding: 5vh 6%;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 42%;
    background: rgba(40,183,188,0.9);
    color: #fff;
    border-top-left-radius: 179px;
    border-bottom-left-radius: 179px;
}
	
	#banner .swiper-container-free-mode>.swiper-wrapper {
	    transition-timing-function: ease-out;
	    margin: 0 auto;
	    display: flex;
	    justify-content:  space-between;
	    flex-flow: column;
	}
	
#banner .gallery-thumbs .swiper-slide {
      width: 100% !important;
	  height: 33% ;
      border-bottom: 2px #fff solid;
      padding: 14px 0;
	  opacity: .4;
	  
    }
	
#banner .gallery-thumbs .swiper-slide:last-child {/* padding-bottom: 0; */ border: none;}

#banner .swiper-slide.swiper-slide-visible h4 {
	font-size: 22px;
}

#banner .swiper-slide.swiper-slide-visible h4 a {
	color: #fff; text-decoration: none;
}


	
#banner .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
	  font-weight: bold;
    }
    
    
/*#swiper-tipes { display: none;}*/

.sub-navbar ul li { font-size: 22px; }
.teacherlist dl dd {  padding: 15px 5px 18px 14px !important; }
.t-name h3 a { margin-bottom:5px !important;  }


/* searchbox */
.search {
	position: absolute;
	top:58vh;
	left:15px; 
	height: 65px;
	padding: 5px;
	background-color: #fff;
	border-radius: 80px;
	/*width: 33vw;*/
	min-width: 65px;
	width: 4.8vw;
	z-index: 20;
	overflow: hidden;
	opacity: 0;
	animation: searchbox .8s ease-in-out 1s forwards;
}

.searchboxs {} 

@-webkit-keyframes searchbox{
	from{opacity: 0; width: 4.8vw;}
	to{ opacity: 1;width: 33vw;}
}

@keyframes searchbox{
	from{opacity: 0; width: 4.8vw;}
	to{ opacity: 1;width: 33vw;}
}

@-webkit-keyframes searchbox2{
	from{opacity: 0; width: 4.8vw;}
	to{ opacity: 1;width: 90%;}
}

@keyframes searchbox2 {
	from{opacity: 0; width: 4.8vw;}
	to{ opacity: 1;width: 90%;}
}



@-webkit-keyframes lan2{
	from{opacity: 0;}
	to{ opacity: 1;}
}

@keyframes lan2 {
	from{opacity: 0;}
	to{ opacity: 1;}
}


.btn-search {
	border-radius: 50%;
	height: 55px;
    width: 55px;
    background-color: #28b7bc;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 48%;
	position: absolute;
	left: 5px;
	top: 5px;
}

.search input {
	position: absolute;
	left: 80px;
	top: 5px;
	right: 5px;
	width: 24vw;
	font-size: 16px;
	height:55px;
	color: #333;
	line-height: 55px;
	font-weight: lighter;
}

.search input::-webkit-input-placeholder { color: #999; }

.btn-close {
	width: 25px;
	height: 25px;
	margin-top: 15px;
	position: absolute;
	right: 17px;
	background: transparent;
	background-image: url(../images/btn-close.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	border-style: none;
	display: none;
}

/* lectures */
.lectures {
	background-image: url(../images/lecture-bg.png);
    background-repeat: no-repeat;
    background-position: left 24px;
    background-size: 10%;
    margin-top: 0;
}

#lectures  {position: relative;min-height: 480px; margin-top: 52px;}

 #lectures .swiper-container {
		    position: static;
		    width: 106%;
		    /*right: 0;
		    left: 0;*/
		    top: -15px;
		    background: transparent;
			overflow: hidden;		
			padding: 0 10px;
			/*border: 1px red solid;*/
			margin-left: -30px;
			padding-left: 30px;
	}
	
#lectures .swiper-slide.swiper-slide-duplicate.swiper-slide-prev,
#lectures  .swiper-slide.swiper-slide-prev{
    opacity: 0;
}
	
	
	#lectures .swiper-wrapper {
		height: auto;
		margin-top: 0px;
		background: transparent;
        
	}
	 
	#lectures .swiper-button-prev, 
	.swiper-container-rtl .swiper-button-next {
	     /*left: 40px;
	     right: auto;
	     top: 27%;*/
	    float: left;
/*	    margin-left: 24px;*/
	    position: static;
	    margin-top: 85px;
		 width: 60px;
		 height: 60px;
		 background: transparent;
		 border: 1px #999 solid;
		 border-radius: 50%;
		 
		 background-image: url(../images/btn-pre.png);
		 background-repeat: no-repeat;
		 background-position: center center;
		 outline: none;
		 transition: all .3s;
	 }
	 
	 #lectures .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "";}
	 
	 #lectures .swiper-button-prev:hover  { 
		 background: #28b7bc; 
		 border-color:#28b7bc; 
		 background-image: url(../images/btn-pre-hover.png);
		 background-repeat: no-repeat;
		 background-position: center center;
		 transition: all .3s;
	}
	 
	 #lectures .swiper-button-next, 
	 .swiper-container-rtl .swiper-button-prev {
	 	
		/*right: auto;
		left: 125px;
		top: 27%;*/
		
		float: left;
		margin-left: 50px;
		 position: static;
	    margin-top: 85px;
		width: 60px;
		height: 60px;
		background: #fff;
		border: 1px #999 solid;
		border-radius: 50%;
		background-image: url(../images/btn-next.png);
		background-repeat: no-repeat;
		background-position: center center;
		outline: none;
	}
	
	#lectures .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	    content: '';
	}	
	
	
	#lectures .swiper-button-next:hover  {
		 background: #28b7bc; 
		 border-color:#28b7bc; 
		 background-image: url(../images/btn-next-hover.png);
		 background-repeat: no-repeat;
		 background-position: center center;
		 transition: all .3s;
	}
	
	#lectures .swiper-container-horizontal>.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
	    top: 15%;
	    left: 50px;
	    width: auto;
	}	
	
	#lectures .swiper-pagination-fraction {
		position: static;
	    text-align: left;
	 
	    margin-top: 35px;
	}
	
	#lectures .swiper-slide {
		height: 90%; 
		margin-top:36px; 
		/*border: 1px #007AFF solid;*/
		background: transparent;
		margin-bottom: 20px;		
	    transition: all .5s;
	}
	
	#lectures .swiper-slide:hover {
		background: #fff;
		box-shadow: 0 1px 18px rgba(0,0,0,.1);
		transition: all .3s; 
	}

	
	.lecturesbox { margin: 0px;min-height: 456px; height:490px; overflow: hidden; transform: scale(0.92); position: relative; z-index: 20; transition: all .3s;}
	
	.wamper {		
		width: 100%;
		height: 100%;
		background: #fff;
		box-shadow: 0 0 15px rgba(0,0,0,.2);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		transform: scale(1);	
		opacity: 0;
		display: none;
	}
	
	
	#lectures .swiper-slide:hover .wamper {
		opacity: 1;
		transition: all .3s;
	}
	
	
	.lectures-imgs {
		width: 100%;
		height: 216px;
		overflow: hidden;
		border-radius:0px;			
	}
	
	
	.lectures-imgs  a { width: 100%; height: 100%; overflow: hidden; display: block; position: relative;transition: all .3s;}
	
	.lectures-imgs img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		transform: translate(-50%,-50%);		
	}
	
	#lectures .swiper-slide:hover .lectures-imgs a  {border-radius:10px; transition: all .3s;}
	
	.lectures-info { margin-top: 15px; overflow: hidden;}
	
	.lectures-desc { padding-bottom: 25px;}
	.lectures-desc p { background-repeat: no-repeat; padding-left: 24px;    background-position: left 4px;}
	
	h3.lectures-title {}
	
	h3.lectures-title a {
		
		line-height: 1.5;
		font-size: 1.4vw;
		height: 78px;			
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;		
		overflow : hidden;
		margin-bottom: 15px;	
		color: #333;
		transition: all .3s;
	}
	
	
	#lectures .swiper-slide:hover h3.lectures-title a {	
		text-decoration: none;
		
		transition: all .3s;
	}
	
	
	.lectures-desc {
		transform: translateY(0);
		transition: all .3s;
	}	
	
	#lectures .swiper-slide:hover .lectures-desc {
		transform: translateY(0);
		transition: all .3s;
	}
	
	#lectures .swiper-slide p {
		margin-bottom: 5px;
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: left 7px;
		background-size: 13px auto;
		font-size: 17px;
		color: #666;
		line-height:1.7;
	}
	
	.lectures-speaker  { background-image: url(../images/lectures-person.png);}
	.lectures-time { background-image: url(../images/lectures-time.png);}
	.lectures-add { background-image: url(../images/lectures-add.png);}
	
	
/* reserchs */
.reserchs {
	background-image: url(../images/lecture-bg.png);
	background-repeat: no-repeat;
	background-position: left 24px;
    background-size: 10%;
	/*margin-top: 35px;	*/
	/*display: none;*/
}

#reserchs  {position: relative; min-height: 570px;}

 #reserchs .swiper-container {
		    position: absolute;
		    width: 100%;
		    right: 0;
		    left: auto;
		    top: 6px;
		  /*  background: #eee;*/
			overflow: hidden;		
			padding: 0 10px;
	}

#reserchs .swiper-wrapper {
		height: auto;
		  /*  padding-top: 56px;*/
		background: transparent;
        
	}
	
#reserchs .swiper-slide {
	height: 549px;
	/*border: 1px #007AFF solid;*/
	transition: all .3s;
}
	 
	#reserchs .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	     left: 40px;
	     right: auto;
	     top: 27%;
		 width: 60px;
		 height: 60px;
		 background: #fff;
		/* border: 1px #999 solid;*/
		 border-radius: 50%;
		 
		 background-image: url(../images/btn-pre.png);
		 background-repeat: no-repeat;
		 background-position: center center;
		 outline: none;
		 transition: all .3s;
	 }
	 
	 #reserchs .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "";}
	 
	 #reserchs .swiper-button-prev:hover  { 
		 background: #28b7bc; 
		 border-color:#28b7bc; 
		 background-image: url(../images/btn-pre-hover.png);
		 background-repeat: no-repeat;
		 background-position: center center;
		 transition: all .3s;
	}
	 
	 #reserchs .swiper-button-next{
		/*right: auto;
		left: 125px;
		top: 27%;*/
		position: static;
	  /*  margin-left: 24px;*/
	    margin-top: 103px;
		width: 60px;
		height: 60px;
		background: #fff;
		border: 2px #3fbfc3 solid;
		border-radius: 50%;
		background-image: url(../images/research-next.png);
		background-repeat: no-repeat;
		background-position: center center;
		outline: none;
	}
	
	 #reserchs .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	    content: '';
	}	
	
	
	#lectures .swiper-button-next:hover  {
		 background: #28b7bc; 
		 border-color:#28b7bc; 
		 background-image: url(../images/btn-next-hover.png);
		 background-repeat: no-repeat;
		 background-position: center center;
		 transition: all .3s;
	}
	
.reserchsbox {
	height: 100%;
	width: 100%;
	/*background-color: #fff;*/
	border-radius:15px ;
	position: relative; 
	z-index: 10;
	text-align: center;
	overflow: hidden;
	transition: all .3s;
}
	
	.wamper-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 99.5%;
		height: 100%;
		opacity: 0;
		z-index:10;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		overflow: hidden;
		transition: all .3s;
	}
	
		.wamper-bg img {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
	
	.wamper2 {
		position: absolute;
		z-index: 20;
		top: 0;
		left: 0;
		width: 100%;
		height: 101%;
		display: table;		
		/*background: rgba(255,255,255,1);*/
	}
	
	.wamper2 div {
		padding:30px 15px;
		/*display: table-cell;*/
		vertical-align: middle;
		text-align: center;
		color: #333;
		height: auto;
		text-decoration: none;
	}
	
	.wamper2 h3 { font-size: 32px; font-weight: bold; padding: 0 15px;}
	
	div.icons {
		display: block;		
		width: 100%;
		height:120px;
		margin-bottom: 20px;
		text-align: center;
		padding: 0;
		/*position: relative;*/
	}
	
	.icons img {height: 100%; }
	
	.wamper2 h2 {margin-bottom: 15px;}
	
	/*4-21*/
	.wamper2 p {
		font-size: 16px;
		line-height:1.5;
		margin-top: 18px ;
		text-align: center;
		display: -webkit-box;
		color: #666;
	}
	
	.btn-more {
		display: block;
		width: 50px;
	    height: 50px;
	    margin: auto;
	    margin-top: 5vh;
		border-radius: 50%;
		background-color: #fff;
		background-image: url(../images/research-next.png);
		background-repeat: no-repeat;
		background-position: center center;
		/*background-size: 80%;*/
		opacity: 0;
		transition: all .3s;
	}
	
	.icon-hover { display: none; margin: auto;}
	
#reserchs .swiper-slide:hover .wamper-bg { opacity: 1; transition: all .3s;}

#reserchs .swiper-slide:hover .wamper2{
	background: rgba(40,183,188,0.9);
	color: #fff;
	transition: all .3s;
}

#reserchs .swiper-slide:hover .wamper2 .icon-blue  { display: none;}
#reserchs .swiper-slide:hover .wamper2 .icon-hover { display: block;}
	
#reserchs .swiper-slide:hover  .btn-more {
	opacity: 1;
	transition: all .3s;
}

#reserchs .swiper-slide:hover .wamper2 h3,
#reserchs .swiper-slide:hover .wamper2 p { color: #fff;}

/*.faculty */
.faculty-bar {
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: center -78px;
	background-size: cover;
	width: 100%;
	height: 85vh;
	position: relative;
	padding-top: 112px;
	margin-bottom: 100px;
	margin-top: 50px;
}

.nums {	width: 100%;}
.nums ul { list-style: none; display: flex; justify-content: flex-end; flex-flow: row nowrap;}
.nums ul li {
	padding: 0 3%;
	color: #fff;
	/*border-right: 1px #fff solid;*/
	text-align: center;
	position: relative;
	
}

.nums ul li:after {
	content: "";
    width: 1px;
    height: 100px;
    position: absolute;
    top: 16px;
    right: 0;
    background: rgba(255,255,255,.4);
}



.nums ul li:last-child:after { display: none;}

.nums ul li:last-child { padding-right:  }



.nums ul li b { display: block; font-size: 46px;font-weight: bold; }

.nums ul li p { font-size:30px;}

.faculty { width: 100%; position: absolute;z-index: 1; padding: 30px 4%;bottom: -45px;}

/*4-21*/
.faculty:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	
	height: 100%;
	width: 48%;	
	background: rgba(40,183,188,.9);
	border-top-right-radius:203px;
	border-bottom-right-radius:203px;
}

.faculty div { padding: 0 15px; color: #fff;}

.faculty div h3 { font-weight: bold; font-size:44px; text-transform: uppercase;}

/*.faculty div p {
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 15px;
	margin-top: 10px;
}*/

/*4-21*/
.faculty div p {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 32px;
    margin-top: 10px;
    width: 83%;
}

a.btn-faculty {
    display: block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 2px #fff solid;
    background-image: url(../images/icon-link-hover.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 15px;
    background-size: auto 16px;
}


/*news*/
.news{
	background-image: url(../images/lecture-bg.png);
    background-repeat: no-repeat;
    background-position: left 24px;
    background-size: 10%;
    margin-top: 50px;
    /*margin-bottom: 150px;*/
}

#news .swiper-container {
	margin-top: 80px;
	width: 100%;
	height: auto;
    padding-bottom: 87px;
}

#news .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: transparent;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
     /* overflow: hidden;*/
}

dl.news-1 {
	width: 100%;
	height:384px;
	position: relative;
	z-index: 1;
}

/*4-21*/
dl.news-1 dt {width: 90%;  /*height: 465px;*/  height: 349px; border-radius:30px ; overflow: hidden;}

dl.news-1 dt a { text-align: center; display:block; position: relative; width: 100%; height:100%; overflow: hidden; }

dl.news-1 dt a img {  height: 100%; object-fit: cover; 
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
}

dl.news-1 dd {
	display: block;
	position: absolute;
	right: 15px;
	bottom:-37px;
	width: 71%;
	border-radius: 10px;
	padding:25px 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-1 dd h4 {
	font-size: 1.21vw;
   /* height: 49px;*/
    line-height: 1.2;
    display: -webkit-box;
    overflow: hidden;
   margin-bottom: 20px;
}

dl.news-1 dd h4 a { 
	height: 53px;
	 display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	text-decoration: none; color: #333;
	overflow: hidden;
	
}

dl.news-1 dd p.news-date { color: #666; margin: 3px 0  20px 0; font-size: 16px; font-family: myFirstFont;}

a.btn-news {
	display: block;
	position: absolute;
	right: 30px;
	bottom: 24px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border:none;
	background-color: #fff;
	background-image: url(../images/icon-link.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
	opacity: 0;
	transition: all .3s ;
}

dl.news-1:hover dd  {
	background: #28b7bc ;	
	color: #fff;
	transition: all .3s ;
}

dl.news-1:hover dd h4 a,
dl.news-1:hover dd p {color: #fff;}

dl.news-1:hover dd a.btn-news {
	display: block;
	opacity: 1;
	transition: all .3s ;
}

#news .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	margin-top: 20px;
}

#news span.swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	border: 1px #28b7bc solid;
	background: transparent;
	outline: none;	
}

#news span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background:#28b7bc;
}


/* innerbox */



.innerbox {
	background-image: url(../images/lecture-bg.png);
    background-repeat: no-repeat;
    background-position: left 24px;
    /* background-size: 130px; */
    padding-top: 40px;
   width: 100%;
   overflow-x: hidden;
    position: relative;
    z-index: 2;
}

#innerbox {
    width: 33.3%;
    position: absolute;
    right: 0;
    height: 443px;
    overflow: hidden;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

#innerbox img { 
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}

.innerbox .container { width: 100% !important;}

.innerbox .container .col-lg-4 { padding-right: 0;}

.innerbox .co-title { margin-top: 0; }

.about-info { 	
	font-size:17px;
    width: 100%;
    overflow: hidden;
    margin-top: -8px;
    line-height: 1.8;
}

.about-info p { margin-bottom: 28px; }

.about-info img { width: 100%; display: none;}

h4.a-title {
	color: #18bfc5;
    font-weight: bold;
    font-size: 1.5vw;
    height: 68px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.a-list {     width: 32%;  margin-top: 44px;  float: left;  margin-right: 2%;}
.a-list:last-child {  margin-right: 0;}

.a-list ul { list-style: none; display: flex; justify-content: space-between; flex-flow: row nowrap;}

.a-list ul li {
	display: table;
	width: 13vw;
	height: 18vh;
    border-radius: 10px;
    overflow: hidden;
    background: #18bfc5 ; 
    margin-bottom: 30px;   
   
    
    background-repeat: no-repeat;
	background-size: 110% auto;
	background-position: 5% top;
	position: relative;
	z-index: 2;
	transition: all .5s;
}

.a-list ul li:before {
	content: "";
	width: 8vh;
	height: 8vh;
	background-color: rgba(255,255,255,.2);
	border-radius:50% ;
	overflow: hidden;
	position: absolute;
	right: 15%;
    top: 2vh;
	z-index: 3;
	transform: translate(50%,15%);
	opacity: 0;
	
	transition: all 1.5s;
}


@-webkit-keyframes ball {
	from{transform: translate(50%,15%);}
	to{transform:translate(-29%,32%);}
}

@keyframes ball {
	from{transform: translate(50%,15%);}
	to{transform:translate(-29%,32%);}
}

.a-list ul li a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}


.a-list ul li:hover a { text-decoration: none;}

.bg-yellow {  background-color: #f7d200 !important; }
.bg-blue {  background-color: #186dc5 !important; }

.a-list ul li:hover  {
	box-shadow: 0 3px 17px rgba(0,0,0,0.2);
	background-image: url(../images/circle.png);	
	transition: all .5s;
}

.a-list ul li:hover:before {
	opacity: 1;
	animation: ball 1.5s ease-out forwards;
}

.a-marginleft { margin-left: 30px; width: 125%; margin-right: -25px;}

.innerbox2 {
	background-image: url(../images/about-2.png);
	background-repeat: no-repeat;
	background-position:left top;
	background-size:66%;
	min-height: 368px;
	margin: 50px 0;
}

.a-paddleft { }

.about-info2 { 
	 
	font-size: 17px;
    /*width: 100%;*/
    overflow: hidden;
    line-height: 1.8;
    margin-left: 61px;
    border-top:2px #18bfc5 solid ;
    padding-top: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
  
}

/* about-video */
.about-video { margin-top: 100px; width: 140px; text-align: center;  }
.about-video p { 
	width: 140px;
	height: 90px;
	background: #18BFC5;
	background-image: url(../images/v-btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 26px;
	border-radius: 20px;
	overflow: hidden;
}

.about-video span {
	display: block;
	text-align: center;
	color: #18BFC5;
	line-height: 2;
	font-weight: bold;
	font-size: 24px;
}


/* Gallery */
.gallerylist { width: 100%;}
.gallerylist ul {list-style: none; }
.gallerylist ul li {
	width: 23%;
    height: auto;
	float: left;
	margin-right: 2%;
	margin-bottom: 50px;
	position: relative;
}

.gallerylist ul li:nth-child(4n) { margin-right: 0;}

.gallerylist ul li div {
	width: 100%;
	height:420px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 2;
	margin-bottom: 15px;
	transition: all .5s;
}

.gallerylist ul li img { display: none;}

.gallerylist ul li div a {
	display: block;
	width: 80px;
	height: 80px;
	border-top-left-radius:100%;
	background-color: #18BFC5;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: 73% 71%;
    background-size: 26px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;	
	opacity: 0;
	transition: all .5s;
}

.gallerylist ul li h3 {
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3;
    text-align: left;
    height: 63px;
    font-size: 24px;
}

.gallerylist ul li h3 a {
	color: #333;
	text-decoration: none;
	opacity: 0;
	transition: all .5s;
}

.gallerylist ul li:hover div { box-shadow: 0 5px 15px rgba(0,0,0,0.1);transition: all .5s;}
.gallerylist ul li:hover h3 a,
.gallerylist ul li:hover div a {
	opacity: 1;
	text-decoration: none;
	transition: all .5s;
}


/* map */
.map {width: 100%; margin-bottom: 70px; position: relative;z-index: 1; border-radius: 20px;overflow: hidden;}

.map img {width: 100%;}

		 
 .bgM{
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 1000;
     background-color: rgba(0,0,0,0.85);
     overflow: hidden;
 }
 .bgM img{
 	width: 80%;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 1001;
     margin: auto;
 }


#contact dl { width: 100%;}

#contact dt { float: left; width: 14%;}

#contact dt img { margin-top: 18px; object-fit: cover;}

#contact p.icon { padding-left: 0;}

#contact dd {
	display: block;
	width: 86%;
	float: left;
	border-bottom:1px #d2d2d2 solid ;
	padding: 23px 0;
}

#contact dl:first-child dd {border-top:1px #d2d2d2 solid ;}

#contact dd h4 {font-size: 18px; color: #333; font-family: myFirstFont;}

#contact dd h4 b {
	font-weight: bold;
	color: #18bfc5;
	font-size: 30px;
}

#contact dd p {
	font-weight: bold;
	color: #333; 
	font-size: 18px;
    line-height: 1.6; 
    
    margin-top: 25px;
   
}

.c-wx dl { width: 100%;font-weight: bold;}

.c-wx dt { width: 119px;float: left; margin-right: 3%; height: 115px; }
.c-wx dt img { width: 100%;}

.c-wx dd { float: left; display: inline-block; height: 115px; }
.c-wx dd p { display: table; width: 100%;height: 115px; }
.c-wx dd p span { display: table-cell;height: 115px;  vertical-align: middle;}

.c-wx dl:last-child { margin-top: 20px;}


/*traffic*/
.traffic { width: 100%; margin-top: 60px;/*margin-bottom: 172px; */}
.traffic h3 { 
	font-weight: bold;
	padding: 23px 0; 
	font-size: 36px; 
	color: #18BFC5; 
	
}

.traffic ul { list-style: none; border-bottom: 1px #d2d2d2 solid;}
.traffic ul li {
	border-top: 1px #d2d2d2 solid;
	padding: 22px 0;
	display: flex; justify-content: space-between; flex-flow: row nowrap;
}

em.plus { 
	display: inline-block; 
	width:32px ;
	height: 32px;
	border: 2px #18BFC5 solid;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

em.plus:before {
    content: "";
    width: 14px;
    height: 2px;
    background: #18BFC5;
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 7px;
}

em.plus:after {
	content: "";
    width: 2px;
    height: 14px;
    background: #18BFC5;
    position: absolute;
    z-index: 2;
    left: 13px;
    top: 8px;
    opacity: 1;
}


.t-head {  width: 24%; margin-right: 3%; align-content: center; line-height: 35px;}

.t-head h4 {line-height: 35px; font-size: 24px;font-weight: bold;}

.icons { padding-left: 45px; background-size:auto 35px;  background-repeat: no-repeat; background-position: left center;}
.icons-subway { background-image: url(../images/icon-subway.png);}
.icons-plane { background-image: url(../images/icon-airplane.png);}
.icons-bus { background-image: url(../images/icon-bus.png);}
.icons-trian {  background-image: url(../images/icon-trian.png);}

.t-body {width: 73%; font-weight: bold;}
.t-body .t-info { display: none;  padding-right: 5%;}
.t-body .t-info b { display: inline-block; color: #18BFC5; font-size: 22px;margin-bottom: 15px;}
.t-body .t-info p {	font-size: 18px;color: #333;margin-bottom: 30px;}
.t-body p.t-1 {font-size: 18px; color: #666; width: 100%; height: 35px; overflow: hidden; line-height: 35px; display: flex; justify-content: space-between; flex-flow: row nowrap;}


.slide-show em.plus:after { opacity: 0 !important; }

.slide-show { border-color: #18BFC5 !important; }

/* yearlist */

.yearlist ul a.active { color: #18BFC5; border-color:#18BFC5;}

.yearlist {width: 100%;	height: auto; margin-top:0px; overflow-x: scroll; }

.yearlist ul { list-style: none;display: flex;justify-content: flex-start;flex-flow: row nowrap; gap: 25px;}

.yearlist ul a {
    font-weight: bold;
    font-size: 28px;
    color: #666;
    /*min-width: 50px; */
	width: fit-content;
    display: inline-block;
    line-height: 1;
    border-bottom: 2px transparent solid;
    font-family: myFirstFont;
    padding-bottom: 6px;
}

.yearlist ul a:last-child { margin-right:0; }

.yearlist ul a:hover {
	font-weight: bold;
	text-decoration: none;
	border-color: #18BFC5;
}

.search2{
	width: 200px;
	height: 37px;
	margin-top: 5px;
	background: rgba(24,191,197,0.1);
	border-radius: 7px;
	overflow: hidden;
	position: relative;
}

input.keys {
	width:80%;
	height: 100%;
	color: #18BFC5;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	padding: 5px 10px;
	border-style:none ;
	outline: none;
	font-size: 15px;
}



.btn-search2 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 37px;
	height: 37px;
	background-color: transparent;
	background-image: url(../images/search2.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-style:none ;
	outline: none;
}

.lost { color: #999 !important; cursor: none;  border:none !important; }

.lost:hover {font-weight: normal !important;}


/* events */
.events-list {
	width: 100%;
	height: auto;
	margin-top: 50px;
	
}

.events-list ul { list-style: none;border-bottom: 1px rgba(218,218,218,1) solid;}

.events-list ul li { padding: 27px 0; border-top: 1px rgba(218,218,218,1) solid; width: 100%; display: flex; justify-content: flex-start; flex-flow: row nowrap;}

.events-list ul li:hover,.e-show {
	border-top: 1px rgba(24,191,197,0.4) solid !important;
}

.events-list ul li dl:hover h4,
.events-list ul li.e-show .e-mouth h2  { color: #18bfc5;}

.e-show .e-tittle {
 	color: #18bfc5 !important;
}

.e-mouth { width:20%;/* background: #eee; */float: left; margin-right: 3%;}
.e-mouth h2 { 
	font-size: 1.5vw; 
	color: #666; 
	text-transform: capitalize;font-family: myFirstFont;
}

p.btn-left {
	width: 20px;
	height: 35px;
	margin-top: 24px;
	background-image: url(../images/btn-left.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 13px;
}

.e-list {width: 77%;/*background: #28B7BC; */float: left; }
.e-list dl { width: 100%; margin-top: 30px; padding-right: 5%; }
.e-list dl:first-child { margin-top: 0;}
.e-all dl:first-child { margin-top: 30px;}
.e-list dl h4 { color: #999; font-weight: normal; font-size: 20px; line-height: 1.3;}
.e-list dl p { width: 100%; margin-top: 25px; display: none; }
.e-list dl p img { width: 100%; object-fit: cover;}
.e-list dl:hover h4 { color: #333;}
.e-all ,p.btn-left{ display: none;}

.e-show h2  { color: #18bfc5 !important; font-weight: bold !important;}

.e-all { margin-bottom: 30px;}

/* graduate */
#discplne { 
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-flow: row nowrap;
}

#discipline2 dl.discplne { width: 100%;}

#discipline2 .swiper-button-next {
    position: static;
   /* margin-left: 24px;*/
    margin-top: 103px;
    width: 60px;
    height: 60px;
    background: #fff;
    border: 2px #3fbfc3 solid;
    border-radius: 50%;
    background-image: url(../images/research-next.png);
    background-repeat: no-repeat;
    background-position: center center;
    outline: none;
}

.dis { display: none !important;}

#discipline2 .swiper-button-next:after { content: "";}

dl.discplne  {
	width: 25%;
	height: 49vh;
	max-height: 450px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	z-index: 2;
	transition: all .3s;
}

dl.discplne dt {
	display: inline-block;
	padding: 5vh 3vh;
	width: 80%;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
}

dl.discplne dt h3 {font-size: 1.8vw;} 

dl.discplne dd {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(24,191,197,.9);
	z-index: 5;
	padding: 14px 3vh;
	color: #fff;
	opacity: 0;
	transform: translateY(100%);
	transition: all .3s;
}

dl.discplne dd h4 {	font-weight: bold;font-size: 26px;	margin: 20px 0; margin-top: 8px;}

.d-desc {
	/*font-weight: bold;*/
	line-height: 24px;
	color: #fff;
	font-size: 17px;
}

dl.discplne:hover dd{
	opacity: 1;
	transform: translateY(0);
	transition: all .3s;
}

.grad-1 {position: relative;margin-bottom: 100px;}

.r10,.r10-23 {
	position: absolute;
	top:0;
	left: 0;
	width: 60%;
	min-height: 550px;
	height: 666px;

	background-repeat: no-repeat;
	background-position:right top;
	background-size:cover;
	padding: 20px 0;
	overflow: hidden;
	border-top-right-radius: 50px; 
	border-bottom-right-radius: 50px; 
}

.r10-23 { height: 626px; }

.m-left .grad-desc { padding-left: 0; }

.grad-desc { padding-left: 15px;}

.m-left {padding:29px 0 ;margin-left: -3%;min-height: 550px; }

.grad-desc h4 {
    font-weight: bold;
    font-size: 1.6vw;
    color: #18BFC5;
    margin-bottom: 15px;
    padding-right: 11%;
}

.grad-desc p {
	
	font-size: 0.9vw;
	line-height: 1.6;
	font-weight: 700;
	
	word-spacing: 0;
}

.grad-introduce {
	/* padding-right: 4%;
	padding: 30px 4% 30px 10%;
	width: 100%;
	background: #18BFC5; */
	color: #333;
	font-size: 0.775vw;
	float: right;
	margin-top: 20px;
	padding-left: 20px;
	/* border-top-left-radius: 230px;
    border-bottom-left-radius: 230px; */
    overflow: hidden;
}

.grad-introduce p { line-height: 1.5;   position: relative;}
.grad-introduce p:before {
	content: "";
	position: absolute;
	left: -20px;
	top: 9px;
	width: 6px;
	height: 6px;
	border-radius:50% ;
	background: #18BFC5;
}


.co3-title {
	color: #18BFC5;
	font-size: 2vw;
	margin-bottom: 20px;
	font-weight: bold;
}

#degree {
	background-image: url(../images/lecture-bg.png);
    background-repeat: no-repeat;
    background-position: left 30px;
    padding-top: 40px;
    width: 100%;
    height: auto;
    /* overflow-x: hidden; */
    margin-bottom: 100px;
    padding-top: 40px;
}

.sc-logos {border-top: 1px #dcdcdc solid; border-left: 1px #dcdcdc solid; margin-bottom: 61px;}

.sc-logos dl {
	width:33.33%;
	float: left;
	border: 1px #dcdcdc solid;
	border-left:none ;
	border-top:none ;
	height:273px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.sc-logos dl:nth-child(3n),.sc-logos dl:last-child { border-right: 1px #dcdcdc solid;}


.sc-logos dt {
	width: 100%;
	height: 100%;
	display: table;
	background: #fff;
}

.sc-logos dt p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 100%;
	color: #333;
	font-size: 18px;
}

.sc-logos dt p img { height: 90px; margin-bottom:6px; }

.sc-logos dd {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	
	background: #18bfc5;
	color: #fff;
	padding: 30px 25px;
	font-size: 16px;
    line-height: 24px;
    overflow: hidden;
   
    opacity: 0;
	transform: translateY(100%);
    transition: all .5s;
}

.sc-logos dd h4 {
	font-weight: bold;
	margin-bottom: 10px;
	line-height:1.5;
	font-size: 22px;
	
}


.sc-logos dt p span {
    width: 100vw;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    /* width: 100%; */
    height: 60px;
    margin: auto;
    /* background: red; */
    padding: 0 20px;
}

.sc-logos dl:hover dd,
.sc-show dd {
	opacity: 1 !important;
	transform: translateY(0) !important;
    transition: all .5s;
}

.d-events {
	border-top:1px #18BFC5 solid ;
}

.d-events ul { list-style: none;}

.d-events ul li { 
	width: 100%; 
	background-image:none;
	background-repeat: no-repeat;	
	background-position: 100% center;
    background-size: auto 23px;
	padding: 15px 0;
	padding-right: 5%;
	display: table;

	border-bottom: 1px #dcdcdc solid;
	transition: all .4s;
}

.d-events ul li p {
    width: 69%;
    height: 66px;
    margin-right: 17%;
    /* background: #007AFF; */
    color: #666;
    float: left;
    overflow: hidden;
	
}



.d-events ul li p a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 66px;
    font-size: 20px;
    overflow: hidden;
     transition: all .3s;
}

.d-events ul li em { 
	    width: 13%;
    line-height: 66px;
    display: inline-block;
    float: left;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    transition: all .3s;
}

.d-events ul li:hover { cursor: pointer; background-image: url(../images/btn-left.png); border-color:#18BFC5 ; transition: all .3s;}
.d-events ul li:hover p a { color: #18BFC5; font-weight: bold; text-decoration: none; transition: all .3s;}
.d-events ul li:hover em { color: #18BFC5; transition: all .3s;}


/*career*/
.career-introl h2 {
	font-weight: bold;
	margin-top: 70px;
	margin-bottom: 38px;
	color: #18BFC5;
}

.career-introl ul { list-style: none; display: flex; justify-content: space-between; flex-flow: row nowrap;}

.career-introl dl {
	width: 23%;
	height: 475px;
	float: left;
	overflow: hidden;
	margin-right: 2%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.career-introl dl:last-child { margin-right: 0;}

.career-introl dt {
    display: inline-block;
  /*  padding: 5vh 3vh;*/
    width: 100%;
    height: 100%;
    
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1.3vw;
    line-height: 1.2;
    font-weight: lighter;
    z-index: 3;
    background:-webkit-linear-gradient(bottom, rgba(24,191,197,1) 10%,rgba(255,255,255,0) 46%);
    background:linear-gradient(bottom, rgba(24,191,197,1) 10%,rgba(255,255,255,0) 46%);
    background:gradient(bottom, rgba(24,191,197,1) 10%,rgba(255,255,255,0) 46%);
  /*  background:-webkit-gradient(bottom, rgba(24,191,197,1) 7%,rgba(255,255,255,0) 98%);
    background:linear-gradient(bottom, rgba(24,191,197,1) 7%,rgba(255,255,255,0) 98%);*/
}

.career-introl dt big {
    display: table-cell;
    width: 100vw;
    vertical-align: bottom;
    height: 475px;
    padding: 5vh 3vh;
    padding-right: 20%;
}

.career-introl dt h3 {
    font-weight: bold;
    font-size: 1.5vw;
}

.career-introl dd {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24,191,197,.9);
    z-index: 5;
    padding: 35px 3vh;
    color: #fff;
    opacity: 0;
    transform: translateY(100%);
    transition: all .3s;
}

.career-introl dd h4 {
  font-weight: bold;
    font-size: 26px;
    margin: 20px 0; margin-top: 0;
}

.career-introl dd .d-desc {  
    line-height: 1.5;
    color: #fff;
}

.career-introl dl:hover dd {
	display: block !important;
    opacity: 1 !important;
    transform: translateY(0px) !important;
   
    padding: 16px 15px !important;
     transition: all .5s;
}

.grad-2 {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 61%;
    padding: 30px 0;
    position: relative;
   /* margin-bottom: 100px;*/
}

.grad-2 hr { outline: none; margin: 50px 0;}

p.g2-wx {
	display: flex;
	justify-content: flex-start;
    flex-flow: row nowrap;
	align-content: center;
	margin-top: 5vh;
}

p.g2-wx img { min-width: 19%; height: 11vh;}

p.g2-wx span { 
	display: inline-block;
	font-weight: bold;
	color: #18BFC5;
	padding:  5vh 3vh;
	font-size: 18px;
}

.g2 p { font-weight: normal !important;}


/* undergraduate */
#admiss { position: relative;z-index: 1; margin-bottom: 66px; z-index: 5; overflow: visible;}

#admiss:before {
    content: "";
    position: absolute;
    left: -38%;
    top: 29%;
    width: 1000px;
    height: 1000px;
    border-radius: 50%;
    z-index: -1;
    background-color: #18BFC5;
    opacity: .05;
}

#admiss:after {
    content: "";
    position: absolute;
    left: 38%;
    top: 25%;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    z-index: -1;
    background-color: #18BFC5;
    opacity: .05;
}

.under-1 {position: relative; z-index: 5;}

.r9 {
	position: absolute;
	top: 302px;
	right: 0;
	width: 51%;
	height: 529px;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	border-top-left-radius: 70px;
	border-bottom-left-radius: 70px;
}

.u-introl {
	
    color: #333;
    line-height: 1.5;
    margin-top: 37px;
    height: 45vh;
    overflow-y: scroll;
    margin-bottom: 34px;
    padding-right:51px;
    
    scrollbar-face-color:#e7e7e7;/*滚动条颜色 #535353*/
    scrollbar-highlight-color:#F60;
    scrollbar-3dlight-color:#F00;
    scrollbar-darkshadow-color:#000;
    scrollbar-Shadow-color:#000;
    scrollbar-arrow-color:transparent;/*箭头颜色*/
    scrollbar-track-color:#f9f9f9;/*背景颜色 #ededed*/
}

.u-introl p { margin-bottom: 20px; font-size: 17px;}

.u-introl::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  
.u-introl::-webkit-scrollbar-button { display: none;} 

.u-introl::-moz-scrollbar-button { display: none;} 
.u-introl::-o-scrollbar-button { display: none;} 

.u-introl::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #e7e7e7;
  }
 .u-introl::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background   : #f9f9f9;
  }

a.btn-under {
	display: inline-block;
	padding: 20px;
	color: #18BFC5;
	border: 2px #18BFC5 solid;
	border-radius: 39px;
    width: 100%;
    text-decoration: none;
    font-size: 1vw;
    text-align: center;
	display: none;
	
}

a.btn-under:hover { text-decoration: none;}

.u-video {
	width: 47%;
	height:auto;
	position: absolute;
	right: 0;
	top: 70px;
	z-index: 5;
}

.u-video video { 
	display:block; 
	border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    float: right; 
    width: 100%;
    z-index: 1; 
    height: auto; 
    outline: none;
}

.u-video:before{
	content: "";
    width: 102%;
    height: 99%;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    position: absolute;
    right: 0;
    top: -8px;
    background-color: #18BFC5;
    z-index: -1;
}

.u-video:after {
	content: "";
    width: 99%;
    height: 93%;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    position: absolute;
    right: 0;
    top: -22px;
    background-color: #ffd904;
    z-index: -1;
}


.v-poster {
    width: 100%;
    height: 468px;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.u-video img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


.v-btn {
	width: 75px;
    height: 75px;
    border-style: none;
    outline: none;
    background: transparent;
    border-radius: 50%;
    border: 1px #fff solid;
    background-image: url(../images/v-btn.png);
    background-repeat: no-repeat;
    background-position: 56% center;
    position: absolute;
    bottom: 25px;
    left: 27px;
    z-index: 6;
}

.under-title {
	font-weight: bold;
	color: #333;
	margin-bottom: 40px;
}

.under-2 {
	width: 100%;	
	background-color: #18BFC5;
	border-radius: 15px;
	padding:25px 40px;
	color: #fff;
}

.under-2 ul { list-style: none; display: flex; justify-content: space-between; flex-flow: row nowrap;}

.under-2 ul li {
	display: table;
    height: 100px;
    width: 22%;
    border-right: 1px #fff solid;
    padding-right: 3%;
    font-size: 20px;
}

.under-2 ul li:last-child {
	border: none;
	padding: 0;
}

.under-2 ul li a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff;
}

.under-2 ul li:hover a { text-decoration: none;}

.under-3 {
	display: table;
	width: 100%;
	height: 135px;
	color: #333;
	font-size: 16px;
}

.under-3 ul { display: table-cell; vertical-align: middle;}

.under-3 h3 {font-weight: bold;margin-bottom: 11px; font-size: 30px;}

.u2 { margin-top: 65px; margin-bottom: 100px; position: relative;}

.ude-b-1 {display: block;  font-size: 30px;  color: #333 !important;}

.under-4 { color: #333;}

.under-4 b {font-weight: bold;font-size: 25px;}

.under-4 p {margin-bottom:30px;font-size:20px;}

.under-4 h4,dl.under-5 dd h4 {font-weight: bold;margin-bottom: 25px; font-size:30px; color: #18BFC5;}

.under-4 ul ,dl.under-5 dd ul { list-style: none; margin-bottom: 30px;}
.under-4 ul li,dl.under-5 dd ul li {
	position: relative;
	padding-left: 15px;
	z-index: 1;
	color: #333;
	font-size: 20px;
    line-height: 1.6;
}

.under-4 ul li:before ,dl.under-5 dd ul li:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #18BFC5;
	position: absolute;
	left: 0;
	top: 13px;
}

dl.under-5 { width: 100%;min-height: 60vh; position: relative;}

dl.under-5 dt {	
    min-width: 380px;
    min-height: 380px;
    width: 70vh;
    height: 70vh;
    border-radius: 50%;
    overflow: hidden;
    background-image: url(../images/about-1.png);
    background-repeat: no-repeat;
    background-position: 25% center;
    background-size: cover;
    position: absolute;
    top:-27%;
    left: 21px;
    z-index: 1;
}


dl.under-5 dd {
	display: block;
	position: absolute;	
	z-index: 6;
	margin-left: 59%;
    margin-top: 17%;
    color: #18BFC5;
    width: 42%;
}

dl.under-5 dd ul li {color: #18BFC5; }

.u-list {width: 100%; height: auto; margin-bottom: 101px;}
.u-list ul { list-style: none; border-top: 1px #18BFC5 solid;}
.u-list ul li { width: 100%; padding: 20px 0;border-bottom: 1px #18BFC5 solid;}
.u-list ul li .u-head {	height: 70px;}

.u-list ul li .u-head h3 {
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
	text-align: left;
	align-content: flex-start;
	line-height: 70px;
}

.u-list ul li .u-head h3 b { 
	color: #18BFC5; 
	font-weight: bold; 
	display: inline-block; 
	width: 90%; 
	text-align: left;
	font-size: 30px;
	cursor: pointer;
}

.u-head em {
	display: inline-block;
    width: 60px;
    height: 100%;
	margin-right: 2%;
	
}

.u-head em img { width: 100%;}

span.btn-uplus {
	display: inline-block;
	width: 35px;
	height: 35px;
	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: 20px;
    height: 2px;
    background-color: #18BFC5;
    position: absolute;
    top: 48%;
    left: 18%;
    z-index: 2;
}

span.btn-uplus:after {
	content: "";
    width: 2px;
    height: 20px;
    background-color: #18BFC5;
    position: absolute;
    top:6px;
    left: 47%;
    z-index: 2;
    opacity: 1;
}

.u-info { display: none; width: 100%; margin-top: 21px; padding-top: 40px; border-top: 1px #18BFC5 solid;}
.u-info dd {padding-right: 9%;}

.u-info h4.under-title {font-size: 26px;color: #333;}
.u-info dl { margin-bottom: 30px;}
.u-info dl dd p { color: #333; font-size: 18px; line-height: 1.8; text-align: left !important; }
.class-mate { /*margin-top: 50px;*/}
.class-mate dt p {
	font-size: 16px;
    color: #333;
    margin-bottom: 27px;
    height: 20px;   
    line-height: 20px;
    padding-left: 12px;
}

.curriculum * { font-family: myFirstFont !important; font-size: 17px !important; }


.u-zi { border-left: 28px #9d24e2 solid;}
.u-blue { border-left: 28px #1864c5 solid; }
.u-lightblue {  border-left: 28px #109fdc solid;}
.u-tiffiny { border-left: 28px #18bfc5 solid;}
.u-bohe { border-left: 28px #10dcaa solid; }
.u-green { border-left: 28px #1ae03f solid; }
.u-yellow {  border-left: 28px #ffd904 solid;}
.tan {
	border-style:none ;
	background: #18BFC5;
	border-radius: 10px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	width: 90%;
	padding: 13px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
	margin-top: 27px;
}

.u-show span.btn-uplus:after { opacity: 0 !important; }

/*overseas-introl*/
#oversea { position: relative; z-index: 1; width: 100%; margin-bottom:0; padding-bottom: 68px;}

#oversea:after {
	content: "";
    width: 800px;
    height: 800px;
    background: #18BFC5;
    opacity: .05;
    position: absolute;
    right: -300px;
    bottom: -353px;
    z-index: -1;
    border-radius: 50%;
}

/*.overseas-introl { font-size: 20px;  line-height: 37px;  padding: 11vh 0;  margin-left:9%;  margin-top: 50px;}*/
.overseas-introl {
    font-size: 20px;
    line-height: 37px;
    padding-top: 17vh;
    margin-left: 9%;
    /* margin-top: 50px; */
}

.overseas-introl p { clear: both;} 

.overseas-introl p span {
	display: inline-block;
	color: #18BFC5;
	font-size: 24px;
	margin-right: 15px;
	font-weight: bold;
	width: 8px;
	float: left;
}

.overseas-introl p span.overseas-con-1 {
    float: right;
    font-weight: normal;
    display: inline-block;
    width: 81%;
    color: #666;
    margin-right: 0;
    font-size: 17px;
}

.overseas-introl p em {
	float: left;
	display: inline-block;
    color: #e2e3e7;
    margin-right: 19px;
    font-weight: lighter;
    font-family: arilc;
        height: 31px;
    line-height: 31px;
}

.overseas-left {
	width:49%;
	position: absolute;
	left: 0;
	z-index: 3;
	top:175px;
	/*margin-top: 152px;*/
}

img.dis { display: none;}



/*4-22*/
/*.letter {
   position: relative;
    margin-top: -60px;
    z-index: 8;
    margin-bottom: 140px;
}
*/
.s-letters {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
}

.s-letters a {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    margin-right: 7px;
    text-decoration: none;
    font-family: myFirstFont;
}

.detail-infos p strong span ,.detail-infos p strong {
    color: #18BFC5 !important;
    line-height: 2;
    font-size: 22px !important;
}

.t-introl p span {
    line-height: 32px;
    font-size: 18px;
    width: 76%;
    float: left;
    font-family: myFirstFont;
}




.newslist {  }


ul.zp-type li div,ul.zp-type li div h4 { height: 100%; }

/*6-17*/
.weiyuanhui ol li { height: 245px; }

/*5-11 */
.yx-jieshao .m-left  {min-height: 450px; }


/* 2021-1-11 */
.r13 {
	position: absolute;
	top: 0;
	left: 0;
	width: 48%;
	min-height: 430px;
	height: 460px;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	padding: 20px 0;
	border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.yx-jieshao .col-lg-5 .m-left {  padding: 0; }

.yx-jieshao .grad-introduce { margin-top: 0; }

a.yuanxi {
	display: block;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.35;
	text-decoration: none;
}

/* 新增5个院系 */
.new-yuanxi {
	background-image: url(https://bio.sustech.edu.cn/static/site/images/lecture-bg.png);
	background-repeat: no-repeat;
	background-position: left 5%;
	background-size: 10%;
	margin-top: 35px;
	margin-bottom: 80px;
}

#yuanxi5 .swiper-button-next {
		float: left;
		margin-left: 0;
		position: static;
		margin-top: 155px;
		width: 60px;
		height: 60px;
		background: #fff;
		border: 1px #999 solid;
		border-radius: 50%;
		background-image: url(images/btn-next.png);
		background-repeat: no-repeat;
		background-position: center center;
		outline: none;
}

#yuanxi5 .swiper-button-next::after { content: "";}

#yuanxi5 .discplne { width: 100%; height: 312px; }
#yuanxi5 dl.discplne dt {
	padding: 40px 20px;
	width: 100%;
}

#yuanxi5 dl.discplne dt h3 {  font-size: 20px;font-weight: bold; } 


#yuanxi5 .discplne dd { 
	display: table;
	width: 100%;
	height: 101%;
	transform: translateY(0); 
	transition: all .35s; 
}

#yuanxi5 .discplne dd a {
	width: 100%;
	height: 100%;
	display: table-cell; 
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	line-height: 1.5;
	color: #fff;
	text-decoration: none;
}

#yuanxi5 dl.discplne dd img {
	margin-bottom: 8px;
	height: 80px;
	transition: all .35s;
	display:none;
}

#yuanxi5 .swiper-slide:hover dt h3 { opacity: 0; transition: all .35s; }
#yuanxi5 dl.discplne:hover dd img { }


/* 详情页师资分类 */
.teach_type {   width: 100%;  margin-bottom: 60px; margin-top: 60px; }
.teach_type ul { list-style: none; 	}
.teach_type ul li {
	display: inline-block;
	margin-right: 15px;
	line-height: 2.35;
	border: 2px #18bfc5 solid;	
	border-radius: 32px;
	font-size: 18px;
	overflow:hidden;
	transition:all .35s;
}

.teach_type ul li a { display: inline-block; padding: 0 25px;text-decoration: none; color: #333;transition:all .35s; }
.teach_type ul li:hover a {background: rgba(24,191,197,1);color: #fff; transition:all .35s;}

.teach_type ul li.active a {background: rgba(24,191,197,1);color: #fff; }

/* 详情页师资分类-end */