/* @font-face {
	font-family:"sy-Nomal";
	src:url(../font/SourceHanSansCN-Normal.ttf) ;
}

@font-face {
	font-family:"sy-Regular";
	src:url(../font/SourceHanSansSC-Regular.otf) ;
}

@font-face {
	font-family:"sy-Bold";
	src:url(../font/SourceHanSansTC-Bold.otf) ;
}*/

@font-face {
	font-family: myFirstFont;
	src:url(../font/Exo2-Regular.ttf) ;
} 


body {
	margin: 0; padding: 0;
	/* font-family:"Microsoft YaHei","Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; */
	font-family: myFirstFont;
	font-size: 16px;
	color: #333;
	cursor: default;
	background: #fcfcfc;
	overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd { margin: 0; padding: 0;}

a { display: inline-block; text-underline: none; text-decoration: none; color: #333;}

input,button {
	outline:none;
	border-style: none;	
}


.screenfixed{
		position: fixed;
		padding-top: 50px;
		top: 0;left: 0; right: 0;z-index: 100;
		background: transparent;
	}
	
	.screenfixed ul li a,.screenfixed .lang a { color: #fff;}
	
	.screenfixed .menu ul li:hover a {
	    border-color: #fff;
	    text-decoration: none;
	    color: #fff;
	    transition: all .3s;
	}
	
	.screenfixed .logo {
		background-image: url(../images/ft-logo.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size:auto 100%;
	}
	
	.screenfixed .logo img { opacity:0 ;}
	
	.screenfixed .link {background: rgba(40,183,188,0.6);}

div#header-page-one {background: rgba(252,252,252,0); /*position: fixed; top: 0; transition: all .5s;*/}

#header-page-one  .menu ul li p a { color: #333; }
#header-page-one  .menu ul li:hover p a {color:  #28b7bc; }
/*#header-page-one .menu ul li:hover ol a { color: #333; }*/
#header-page-one ol a:hover { color:  #28b7bc;  }

/* 公共组件 */
.fixed{
	position: fixed;
	padding-top: 50px;
	top: 0;left: 0; right: 0;
	z-index: 100;
	background: rgba(252,252,252,1) !important;
	box-shadow: 0 15px 63px rgba(0,0,0,0.3);
	transition: all .5s;
}


.container { max-width: 1600px; min-width: 1200px; width: 92% !important; margin: auto;}

.head {	
	width: 100%;padding-top: 30px;margin: auto;transition: all .3s;
	background: -webkit-linear-gradient(rgba(0,0,0,.64) 7%, rgba(255,255,255,0) 98%);
				background: -o-linear-gradient(rgba(0,0,0,.64) 7%, rgba(255,255,255,0) 98%);
				background: linear-gradient(rgba(0,0,0,.64) 7%, rgba(255,255,255,0) 98%);
}

#header-home-one {
	position: absolute;
	top: 0;
	left: 0;
	right: 0; z-index: 50;
}

#header-home-one .menu ul li p a { color: #fff; }


#header-home-one .logo img { opacity: 0 ; }

#header-home-one .logo {
	background-image: url(../images/ft-logo.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size:auto 100%;
}

/*.head:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background: -webkit-linear-gradient(top, rgba(0,0,0,.5) 7%,rgba(255,255,255,0) 98%);
    background: -webkit-gradient(top, rgba(0,0,0,.5) 7%,rgba(255,255,255,0) 98%);
    background: linear-gradient(top, rgba(0,0,0,.5) 7%,rgba(255,255,255,0) 98%);
}*/

.logo { width: 100%; height: 64px;}
.logo a { display: block; width: 100%; height: 100%;position: relative; }

.logo img { height: 100%;
  /*  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);*/
}

.lang {
	width: 100%; 
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	min-height: 1.5625rem;
	line-height: 2;
	text-align: right;
}

	.lang * { margin: 0 8px; color: #28b7bc; font-size: 14px;  text-transform: capitalize; }
	.lang a:hover { color: #28b7bc; }

	.lang span {   color: #999; margin: 0;}
	.fixed .lang span { opacity: .3; color: #999 !important; }

	.lang a:hover {text-underline: none; text-decoration: none;}

	.pages a:nth-child(1),.pages a:last-child {     
	    display: inline-block;
	    width: auto;
	    font-size: 14px;
	    padding: 2px 13px;
	    line-height: 1.75;
	    border: 1px #18BFC5 solid;
	    text-transform: uppercase;
	    font-family: myFirstFont;
	    color: #18BFC5;
	    margin: 0 10px;
	}

	.pages a:nth-child(1):hover,.pages a:last-child:hover {}

	a.en { margin-left: 20px;font-family: myFirstFont;}
	a.ch { color: #999 ;}
	
	.btn-for-search,.btn-for-search-in {
		display: inline-block;
		width: 22px;
		height: 22px;
		margin-top: 2px;
		background-color: #18BFC5;
		border-radius: 50%;
		background-image: url(../images/icon-scale.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 10px;
	}
	
	/*放首页*/
	.btn-for-search-in { display: none;}

	.link {
		display: inline-block;
		padding: 1px 21px;
		color: #28b7bc;
		background: rgba(40,183,188,0.1);
		border-radius:30px;
		margin-right: 2%;
    	margin-top: -3px;
	}


.menu { width: 105%; margin-left: -5%;}

	.menu ul  {
		width: 100%;
		list-style: none;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		text-align: right;
		padding-top: 1rem;
	}

	.menu ul li {font-size:23px; margin: 0 2%; text-transform: capitalize;  font-weight: bold;     position: relative;}
	
	.menu ul li:last-child { margin-right: 0;}

	.menu ul li a {
		display: inline-block;
		padding-bottom: 6px;		
		border-bottom: 5px transparent solid;
		transition: all .3s;
	}

	.menu ul li:hover p a { border-color: #28b7bc; text-decoration: none; color: #28b7bc; transition: all .3s;}
	
	.current-menu-item p a {border-color: #28b7bc !important; text-decoration: none !important; color: #28b7bc !important; transition: all .3s;}


	/* 二级菜单栏 */
	ol.sub-nav{
		position: absolute;
		left: 0;
		 z-index: 15;
		width: 100%;
		padding: 0;
		text-align: left;
		width: 226px;
		padding: 15px;
		background: #f8f8f8;
		display: none;
	}
	
	ol.sub-nav a {
	    position: static;
	    font-size: 14px;
	    text-align: left;
		width: 100%;
		padding: 5px 0;
		margin-bottom: 4px;
		padding-right: 15px;
		
		background-size: 8px auto;
		background-repeat: no-repeat;
		background-position: 98% center;
		border-bottom: 3px transparent solid !important;
	}
	
	.menu ul li:last-child ol.sub-nav {left: auto; right: 0; 	}

 	.menu ul li:hover ol.sub-nav { display: block;}
	
	.menu ul li ol.sub-nav a:hover {text-decoration: none;  border-color: #28b7bc !important;  color: #28b7bc; background-image: url(../images/btn-left.png); transition: all .3s;}


/* co-title */
.co-title { 
	font-weight: bold;  
	margin-top: 55px;
    /*padding-left: 24px; */
	
	text-transform: uppercase; 
	color: #333;
}

.co-title h3 {font-size: 36px; font-weight: bold;  word-break: keep-all;}


/* foot */
.foot {
	background-image: url(../images/ft-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: auto;
	padding-top:40px;
	color: #fff;
	margin-top: 130px;
}

.ft-logo {
	height: 80px;
	position: relative;
	margin-bottom: 40px;
}

.ft-logo img { width: 81%;}

.ft-logo * {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size:32px;
	text-transform: uppercase;
}

.ft-content {	width: 100%;height: auto;  }
.ft-content2 {width: 112% ; margin-right: -15px;}

	.ft-add {
	 	padding-left: 27px;    
	    font-size: 16px;
	    line-height: 2;
	    background-image: url(../images/ft-add.png);
	    background-repeat: no-repeat;
	    background-position: left 2px;
	    background-size: 20px;
	    margin-bottom: 25px;
	    color: #fff;
	}

	.ft-mail {
		padding-left: 28px;
	    font-size: 16px;
	    line-height: 2;
	    background-image: url(../images/ft-mail.png);
	    background-repeat: no-repeat;
	    background-position: left 8px;
	    background-size: 20px;
	    margin-bottom: 25px;
	    color: #fff;
	    font-family: myFirstFont;
	}

	.ft-share {
		display: flex;
		justify-content: flex-start;
		flex-flow: row nowrap;
		margin-top: 40px;
	}

	.ft-share a {
		display: inline-block;
	    width: 26px;
	    height: 26px;
	    line-height:21px;
	    background-color: #fff;
	    border-radius: 5px;
	    text-align: center;
	    margin-right: 5px;
	    transition: all .3s;
	}

	.ft-share a img { height: 13px; object-fit: cover;}

	.ft-share a:hover {
		/*box-shadow:  0 0 8px 35px rgba(0,0,0,.1);*/
		transform: translateY(-3px);
    	transition: all .3s;
 	}
	

.ft-content ul {list-style: none; padding-right: 10%;}

	.ft-content ul li {
		font-size: 0.8vw;
		line-height: 2.5;
		border-bottom: 1px transparent solid;
		transition: all .3s;
	}

	.ft-content ul li a { color: #fff; text-transform: capitalize;}

	.ft-content ul li:hover { border-color: #fff; transition: all .3s; }

	.ft-content ul li:hover a { text-decoration: none; }
	
.contact { padding-top: 133px; float: right;width:100%;}

.contact dl {  margin-bottom: 15px;}

.contact dt,.contact dd { float: left;}

.contact dt {  margin-right: 5%;}

.contact dt img {height: 89px;  }

.contact dd { display: block; width: 40%; color: #fff; font-size: 12px; line-height: 1.5; padding: 15px 0;}

.ft-copyright {
	border-top:1px rgba(255,255,255,0.5) solid ;
	text-align: left;
	color: #fff;
	line-height: 4;
	font-size: 12px;
	margin-top: 80px;
	font-family: myFirstFont;
}

.ft-copyright span { margin-left: 5%; float: right;}
.ft-copyright span a { color: #fff; text-decoration:none;  }

.backtop {
	display: none;
	width: 50px;
	height: 50px;
	border: 1px #28b7bc solid;
	border-radius:50% ;
	background: #fff;
	background-image: url(../images/backtop.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: fixed;
    right: 47px;
    bottom: 47px;
	z-index: 99;
}


/*侧栏  right-nav*/
.navbars {
	position: fixed;	
	right: 0;
	top: 22%;
	z-index: 100;
	max-width:231px;
	width:72px;
   /* height: 381px; */
	border: 1px rgba(255,255,255,0.5) solid;
	
	background: rgba(0,0,0,0.3);
	border-radius: 12px;
	display: none;
	/*overflow: hidden;*/
	/*display: none;*/
}

.navbars ul {
	/* height: 300px; */
	list-style: none;
	/* display: flex;	
	flex-direction: column;
	justify-content: center; */
	align-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	
}

.navbars ul li {	
	display: table;	
	width: 100%;
    height: 62px;
	transition: all .3s;	
}


/*5-18*/
.navbars { width: auto; height: 372px;transform: translateX(65%); transition: all .5s;}
.navbars:hover { transform: translateX(0); transition: all .5s;}
.navbars ul li p { display: table;}
.navbars ul li p span{
	color: #fff;
	height: 52px;
	display: table-cell;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 20px 10px;
	background-size: auto 30px;
	padding-left: 76px;
    padding-right: 22px;
	text-align: left;
	text-transform: capitalize;
}

.navbars ul li p a,.navbars ul li p a:hover { display: block; color: #fff; text-decoration: none;}

.r-home { background-image:url(../images/r-home.png) ;}
.r-pepole { background-image:url(../images/r-pepole-hover.png);}
.r-syudent { background-image:url(../images/r-syudent.png) ;}
.r-research { background-image:url(../images/r-research.png) ;}
.r-teacher { background-image:url(../images/r-teacher.png) ;background-position: 22px 10px !important;}
.r-hezuo { background-image:url(../images/r-hezuo.png) ;}



/* .navbars ul li:before, */
.navbars ul li div.wamps ol {
	padding-left: 0;
	width: 251px;
	min-height: 315px;
	background: #fff;
	padding: 25px;
	border-radius:20px ;
	position: relative;
	
	box-shadow: 0 0 35px rgba(0,0,0,0.2);
}

.navbars ul li div.wamps ol:after{
	content: "";
	width: 0;
	height: 0;
    border-top: 12px transparent solid;
    border-left: 12px transparent solid;
    border-right: 29px transparent solid;
    border-bottom: 0px transparent solid;
	position: absolute;
    left: 100%;	
    z-index: 50;
    opacity:1;
	display: block;
    transition: all .5s;
}

.navbars ul li:nth-child(1) div.wamps ol:after { 
    border-top: 20px #fff solid;
    border-left: 0px #fff solid;
    top: 11%;
}

.navbars ul li:nth-child(2):hover div.wamps {
	top: 58px;
}

.navbars ul li:nth-child(2) div.wamps ol:after{ 
	border-top: 20px #fff solid;
	border-left: 0px #fff solid;
    top: 11%;
}

.navbars ul li:nth-child(3):hover div.wamps {
	top: 78px;
}

.navbars ul li:nth-child(3):hover div.wamps ol:after { 
	border-top: 20px #fff solid;
	border-left: 0px #fff solid;
	top: 25%;
}

.navbars ul li:nth-child(4):hover div.wamps {
	top: 58px;
}

.navbars ul li:nth-child(4):hover div.wamps ol:after {
	border-bottom: 20px #fff solid;
	border-left: 0px #fff solid;
    top: auto;
	bottom: 45%;
}

.navbars ul li:nth-child(5):hover div.wamps {
    bottom: 0; top: auto;
}

.navbars ul li:nth-child(5):hover div.wamps ol:after {
	border-bottom: 20px #fff solid;
	border-left: 0px #fff solid;
    top: auto;
	bottom: 30%;
}


.navbars ul li:nth-child(6):hover div.wamps ol {display: none;}

.navbars ul li:nth-child(6):hover div.wamps {
	bottom: 0; top: auto;
	display: none;
}

.navbars ul li:nth-child(6):hover div.wamps ol:after {
	border-bottom: 20px #fff solid;
	border-left: 0px #fff solid;
    top: auto;
    display: none;
	bottom: 11%;
}



.navbars ul li p {
	position: relative; 
	z-index: 1; 
	display: table-cell; 
	width: 100%; 
	height: 100%; 
	text-align: center; 
	vertical-align: middle;
	transition: all .3s;
}

.navbars ul li p:after {
	content: "";
	width: 150%;
	height: 100%;
	background: rgba(40,183,188,1);
	position: absolute;
	left: 0;
	top: -1px;
	z-index:-1;
	border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
	border: 1px #fff solid;
	transform: translateX(100%);
	transition: all .3s;
}

.navbars ul li p img {height:29px;}

.navbars ul li:hover p:after{
	content: "";
	transform: translateX(0);
	transition: all .3s;
}

.navbars ul li:hover div.wamps { display: block; transition: all .5s ;}

.navbars ul li:hover div.wamps ol:after { opacity: 1; transition: all .5s ease .1s; } 


/*4-14*/
.navbars ul li div.wamps {
	position: absolute;
	right: 99%;
	top: 0;
	bottom: auto;
	padding-right: 25px;
	/* opacity: 0; */
	display: none;
	
}


.navbars ul li div.wamps ol {
	padding-left: 0;
	width: 251px;
	min-height: 315px;
	background: #fff;
	padding: 25px;
	border-radius:20px ;
	position: relative;
	box-shadow: 0 0 35px rgba(0,0,0,0.2);
}

/*.navbars ul li div.wamps {
	position: absolute;
	right: 150%;
	bottom: 0;
	width: 251px;
	min-height: 315px;
	background: #fff;
	padding: 25px;
	border-radius:20px ;
	box-shadow: 0 0 35px rgba(0,0,0,0.2);
	opacity: 0;
	display: none;
	
}*/




.navbars ul li div.wamps h4 {
	font-size: 18px;
	text-transform: uppercase;
	color: #28b7bc;
	height: 60px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px #28b7bc solid;
	font-weight: bold;
	line-height: 1.5;
}

.navbars ul li div.wamps a {
	display: block;
	color: #333;
	font-size: 15px;
	line-height: 1.2;
	border-bottom: 1px transparent solid;
	margin-bottom: 10px;
	text-transform: capitalize;
	text-decoration: none;
}

.navbars ul li div.wamps a:hover {
	border-color:#28b7bc ;
	color: #28b7bc;
	text-decoration: none;	
}

li.shizi-nav { display:none !important;}

.navbars ul li:nth-child(2) .r-colleges {background-image: url(../images/r-teacher.png);}

/*.navbars ul li:hover div.wamps {
	display: block;
	opacity: 1;
	transition: all .5s;
}*/


/* inner-ban */
.inner-ban {
	width: 96%; margin: auto;
	height: 400px;
	border-radius: 50px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	/*margin-top: 111px;*/
}

.sub-navbar {
	position: relative;
	height: 130px;
	/*background: #eee;*/
	z-index: 3;
	margin-top:-65px;
	margin-bottom: 100px;
}

.sub-navbar:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	height: 100%;
	width: 50%;
	background: #18bfc5;
	border-top-right-radius: 150px;
	border-bottom-right-radius: 150px;
}

.sub-navbar ul {
	list-style: none;
	padding-right: 2%;
	/*display: inline-block;*/
	height: 130px;	
	display: flex;
	justify-content: flex-start;
	flex-flow: row nowrap;
	
}

.sub-navbar ul li {
	display: inline-block;
	font-weight: bold;
	font-size: 24px;
	padding:38px 0;
	padding-right: 3%;
	background: #18bfc5;
/*	display: table;*/
	border: none;
	margin: 0;
	line-height: 1.9;
	height: 100%;
	width: auto;
	border-left:5px #18BFC5 solid ;
}

.sub-navbar ul li:last-child {	
	border-top-right-radius:150px ;
	border-bottom-right-radius:150px ;
}

.sub-navbar ul li:last-child a { margin-right: 30px; }

.sub-navbar ul li a { 
	/*display:table-cell;
	vertical-align: middle;*/
	border-bottom: 4px transparent solid; 
	text-decoration: none; 
	color: #fff;
	line-height: 1.3;
	padding-bottom: 5px;
	text-transform: capitalize;
}

.sub-navbar ul li:hover a {	border-color:#fff ;}

.active a  { border-color:#fff !important; }

.sub-navbar ul li ol { padding: 20px 0; background: #f2f2f2; display: none;  transition: all .5s;}
.sub-navbar ul li ol p { font-size: 14px; line-height: 2.5; text-align: center;}
.sub-navbar ul li ol p a { display: inline-block; color: #333; border: none;}

.sub-navbar ul li:hover ol {display: block; transition: all .5s;}

.sub-navbar ol p:hover a {
	border: none;
	color: #18BFC5;
	text-decoration: underline;}

/*通用便捷入口*/
.bianjie {	margin-bottom: 130px;display: none; }
.bianjie ul { 
	list-style: none;
	display: flex;
	justify-content:flex-start;
	flex-flow: row nowrap;
	border: 1px #bfbfbf solid;
	height: 20vh;	
}

.bianjie ul li {	
	border-right: 1px #bfbfbf solid;
	text-align: center;
	display: table;
	width: 20%;
	height: 100%;
}

.bianjie ul li a {
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
	color: #666;
	text-align: center;
	background: #fff;
	text-decoration: none;
	transition: all .3s;
}

.bianjie ul li:last-child { border: none;}

.bianjie ul li:hover a {
	text-decoration: none;
	color: #18bfc5;
	transform: scale(1.1);
	box-shadow: 0 0 25px rgba(0,0,0,0.2);
	transition: all .3s;
}

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

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

/* tanchuang */
#windows { 
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 201;
	width: 100%;
	height: 100%;
	display: none;
}

.pic-scale {
	display: table;
    width: 80%;
    margin: auto;
    height: 100vh;
}

.pic-scale p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100vh;
}

.pic-scale p img { height: 90vh;}
 
.btn-scale {
	display: block;
	width: 180px;
    height: 180px;
    position: absolute;
    right: -80px;
    bottom: -80px;
	background: #18bfc5;
	border-radius:50% ;
	overflow: hidden;
	background-image: url(../images/icon-scale.png);
	background-repeat: no-repeat;
	background-position: 27% 26%;
    background-repeat: no-repeat;
    background-size:31px;
}

.pic-scale2 {
	width: 70%;
	height: auto;
	margin: auto;
	color: #fff;
	/*padding: 10vh 0;*/
	display: table;
}

.tab-cell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100vh;
}


.pic-scale2 h4{ font-size: 28px;color: #fff; margin-bottom: 30px;}

.btn-close2 {
	position: absolute;
	z-index: 100;
	top: 10vh;
	right: 15%;
	width: 40px;
	height: 40px;
	background-image: url(../images/btn-close2.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.pic-scale2 img  { width: 100%;}

.pic-scale2 video { width: 100%; outline: none;}

.bk-box {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.bk-box3 {z-index: -1 !important;}


/* 分页 - page */
.pages {
	width: 60%;
	margin: auto;
	text-align: center;
	/*margin-bottom: 110px;*/
}

.pages a {
	display: inline-block;
	width: 30px;
	height: 30px;
	color: #333;
	line-height: 30px;
	text-align: center;
	border-radius: 8px;
	font-size: 17px;
	margin: 0 5px;
	text-decoration: none;
	font-family: myFirstFont;
}

.pages-zp { margin-top: 32px; margin-bottom: 27px;}
.pages-zp ul { border: none !important; }

.pages a:hover,.pages a.active { background: #18BFC5 !important; color: #fff !important;text-decoration: none ;}

.pagination {
   /* display: inline-block;*/
    padding-left: 0;
    margin:auto; 
    border-radius: 4px;
    display: flex;
    justify-content: center;
    flex-flow: row nowrap;
}

/*searchban*/
.searchban {
	width: 96%;
	/*height: 44vh;*/
	height: 458px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius:30px;
	overflow: hidden;
	margin:auto;
	/*margin-top:112px;*/
	/*position: relative;
	z-index: 1;*/
}

.searchban .search {    top: 196px;}

/*result*/
.result { margin-top: 60px; margin-bottom: 100px;}
.result ul { width: 78%; margin: auto; list-style: none;     margin-bottom: 35px;}
.result ul li { clear: both;width: 100%; border-bottom: 1px transparent solid; padding: 10px 0;}
.result ul li h3 a { display: block; color: #333; font-size: 18px; text-decoration: none;}
.result ul li h3 span { float: right;font-size: 16px;}

.result ul li:hover { border-color:#18BFC5 ;}
.result ul li:hover a { color: #18BFC5; text-decoration: none;}


/* 移动端 */
.sm-nav {
    width: 100%;
    position: fixed;
    padding: 20px 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    display: none;
    background: #fff;
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
}

.sm-logo { width:52%; float: left;}
.sm-logo img { width: 100%;}

.dot { float: right; width: 35px; height: 35px; margin-top: 4px;}

.dot span {
    display:block;
    width: 100%;
    height: 3px;
    margin: 0;
    margin-top:5px;
    background: #18BFC5;
    opacity: 1;
    transform-origin: center center;
    transition: all .3s;
}

.slide-down span:first-child { transform: rotate(45deg) translate(5px,7px); }
.slide-down span:nth-child(2) {opacity: 0; transition: all .3s;}
.slide-down span:last-child { transform: rotate(-45deg) translate(4px,-6px); }

.sm-navlist { 
	width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 100;
   background: rgba(40,183,188,.95);
    padding: 33px 0;
    padding-top: 83px;
    display: none;
}

.sm-navlist ul {
	list-style: none;
	width: 96%;
	margin: auto;
}

.sm-navlist ul li { text-transform: capitalize; padding: 10px 0; font-size: 16px; border-bottom: 1px #fff solid;}

.sm-navlist ul li a { color: #fff; text-decoration: none; display: block;}

#tipes { 
		 position: static;
		 width: 88%;
		 height: 40px;
		 background-image: url(../images/tipes.png);
		 background-repeat: no-repeat;
		 background-position: left center;
		 padding: 0;
		 background-size: 35px;
		 border-radius:0 ;
		 margin-top: 23px;
	}
	
#tipes .swiper-slide { padding-left: 43px; opacity: 0.4; overflow: hidden;}
#tipes .swiper-slide h4 { font-size: 15px; line-height: 1.3; display: table; height: 100%; overflow: hidden;}
#tipes .swiper-slide h4 a {    display: table-cell; vertical-align: middle;  width: 100%;   height: 44px;}

#tipes .swiper-slide.swiper-slide-active {opacity: 1 ; }

#tipes .swiper-slide.swiper-slide-active h4 a {color: #18bfc5 !important;}

#lectures2 .lecturesbox {  transform: scale(1); }
#lectures2 .swiper-container { margin-top: 30px;}
#lectures2 .swiper-pagination { width: 100%; right: 0; text-align: center;}
#lectures2 .swiper-pagination-bullet {
    width: 16px;
    height: 17px;
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    opacity: 1;
    border: 1px #2cc1c7 solid;
    outline: none;
    margin: 0 5px;
}

#lectures2 span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #2cc1c7 !important;
}

#lectures2 .lectures-imgs { border-radius:15px ;}

a.btn-phone { 
	background: #18BFC5;
    display: inline-block;
    float: right;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: lighter;
    padding: 5px 15px;
}

/* lec */
.selectByyear {  height: auto; margin-bottom: 35px; background: #F9F9F9; display: flex; flex-flow: row nowrap; justify-content: space-between; }
	
#r11 { margin-left: -5%;}

.lec-years { 
	width: 20%; height: 60px;line-height: 60px; float: left; text-align: center; background:#18bfc5 ; color: #fff; border-style: none; font-size: 35px;
	position: relative;
	z-index: 1;
	transition: all .3s;
	cursor: pointer;
}

.lec-years select {	
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	cursor: pointer;
	border: none;  background:#18bfc5 ; color: #fff; outline: none; width: 100%; height: 100%; text-align: center; padding: 0 25px;  
    font-size: 20px;
    position: absolute; top: 0; left: 0;
}

.lec-years:after {
	content: "";
    width: 0;
    height: 0;
    border: 6px transparent solid;
    border-top: 6px #fff solid;
    position: absolute;
    right: 25px;
    top: 27px;
    z-index: 5;
	opacity: 0;
	transition: all .3s;
}

.lec-years:hover:after { opacity: 0.8; transition: all .3s;}

.lec-years select option { 
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border: none;
	outline: none; background: #eee; color: #333; }
.lec-years select::-ms-expand,
.lec-years select::-webkit-expand { display: none;}

.lec-month { width: 78%; float: right; height: 60px; line-height: 60px;}

.lec-month ul {  display: flex; justify-content: space-between; flex-flow: row nowrap; list-style: none;padding-right: 15px;}

.lec-month ul li { display: inline-block;font-size: 0.9vw; font-weight: bold; color: #666; font-family: myFirstFont;}

.lec-month ul li:hover {color: #18bfc5;}

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


/* ul.news-type 4-22 */
.main.main-co-title-1 {  padding-top: 23px;  background-image: none;}
ul.news-type { width: 100%;}
ul.news-type a {  font-size: 28px;  margin-right: 3%; text-decoration: none;   border-bottom:4px transparent solid; padding-bottom: 8px;}
ul.news-type a:hover, a.n-shaw  { color: #18BFC5 !important; font-weight: bold !important; border-color: #18BFC5 !important; }

/*a.globaltext_89 { display: none !important; }*/
#pxmbimg_m { display: none; } 




/*  新增banner 3-15 */
.search { display: none; }
#banner .gallery-top .swiper-slide h2 {/* top: 300px; */ width: 32%; }

.new-mode {
	position: absolute;
	right: 0;
	bottom: 0;
	height:313px;
	z-index: 50;
	max-width: 60%;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    height: 100%;
}

.nav>li {
    position: relative;
    display: block;
    height: calc(100% / 3);
    border-bottom: 1px #fff solid;
    padding: 13px 0;
	
}


#banner .gallery-top .swiper-slide h2 {
    position: absolute;
    /*top: 70.1vh;*/
     width: 31%;
    bottom: 100px;
}


#t-gonggao,
.lect-new {  background-repeat: no-repeat; background-size: cover; background-position: center center; }

#t-gonggao a,
.lect-new a {  color: #fff; text-decoration: none; }

#t-gonggao {
    width: 51%;
    height: 100%;
    background-color: #28b7bc;
	background-image: url(../images/yuan-1.png);
    padding: 30px 60px;
    color: #fff;
    float: left;
}

.lect-new {
    width: 49%;
    float: left;
    height: 100%;
	padding: 50px 40px;
	padding-right: calc(8% + 30px);
	color: #fff;
    background-color: #186dc5;
	background-image: url(../images/yuan-2.png);
	position: relative; 
}

.lect-new .swiper-pagination { top: 42%; right: 0;  transform: translateY(-50%);  }
.lect-new span.swiper-pagination-bullet-active { background: #fff !important; }			 
.lect-new .swiper-pagination-bullet { margin: 0 5px; border-color: #fff !important; }


.lect-new .lect-bt {  margin-bottom: 25px; position: relative; }
.lect-new .lect-bt h3 { font-size: 30px; padding-bottom: 20px; font-weight: bold; border-bottom: 1px #fff solid; margin-bottom: 20px;  }

.lect-new .swiper-slide p {
    display: block;
    text-align: left;
    color: #fff;
    font-size: 15px;
    margin-top: 10px;
    background-position: left 5px;
    background-size: auto 12px;
    padding-left: 21px;
}

.lect-new .lect-tittle { margin-bottom: 15px;	}

.lect-new .lect-tittle a ,
.nav>li h4 a { 
	font-size: 18px; 
	line-height: 1.5;
	display: -webkit-box;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #fff;
}


.lec-speaker {  background-image: url(../images/lectures-person-bai.png);	}			
.lec-date {  background-image: url(../images/lectures-time-bai.png);  }			
.lec-address {  background-image: url(../images/lectures-add-bai.png);	}


a.yuanxi {
    color: #333;
    text-decoration: none;
}

.letter { margin-top: 0;margin-bottom: 50px;  }

.s-letters { display: block; border-top: 2px rgba(24,191,197,.15) solid; padding-top: 15px; } 

.t-type2 { width: 100%; }
.t-type2 ul { padding: 0; }
.t-type2 ul a {
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 3px transparent solid;
	margin-bottom: 15px;
	text-decoration: none;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin-right: 40px;
	transition: all .35s;
}

.t-type2 span { color: #999; font-size: 18px; font-weight: bold; margin-right: 10px; }

.t-type2 ul a:hover ,
.choose { border-color: #18bfc5 !important; color: #18bfc5 !important; transition: all .35s; }



@media  screen and (max-width:1086px)  {
	.t-type2 ul a {
	    display: inline-block;
	    padding-bottom: 5px;
	    border-bottom: 3px transparent solid;
	    margin-bottom: 2px;
	    text-decoration: none;
	    color: #333;
	    font-size: 15px;
	    font-weight: bold;
	    margin-right: 17px;
	    transition: all .35s;
	}
}




/* 新增banner 3-15  */