/* about */
.about { width: 100%; min-height: 7rem; padding: .7rem 0; position: relative; z-index: 1;}

.about_bg {
	width: 86%;
	height: 6.17rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.yuanxi_jianjie { min-height: 5.5rem;  color: #fff; padding-right: 3%;}

.yuanxi_jianjie h4 { font-size: .18rem;}

.yuanxi_jianjie h1 { font-size: .38rem; margin: .22rem 0 .4rem;}

.yuanxi_jianjie p { font-size: .18rem; line-height: 1.5; font-weight:lighter;}


.about_us {
   /* margin: .5rem 0; */
    line-height: 1.8;
    font-size: .16rem;
    color: #333;
}

.about_us table {
	width: 100%;
	height: auto;
	background-color: #f3f3f3;
	color: #0075D1;	
}

.about_us table tr td {padding: .4rem .6rem; position: relative; z-index: 1;}
.about_us table tr td::after {
	content: "";
	height: 60%;
	width: 1px;
	background-color: #dcdcdc;
	position: absolute;
	top: 20%;
	right: 0;
	z-index: 1;
}

.about_us table tr td:last-child::after { content: ""; width: 0;}

.about_us table tr td big {
	font-size: .36rem;
}

.about-mode { width: 100%; margin-top: 1rem;}
.about-mode ul { list-style: none; padding: 0;}
.about-mode dl {
	width: 48%;
	float: left;
	height: 2.35rem;
	margin-bottom: 1rem;
}

.about-mode dl:nth-child(2n) { margin-left: 4%;}

.about-mode dt {
	width: 42%;
	height: 100%;
	float: left;
	margin-right: 5%;	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.about-mode dd {	
	display: block;
	float: left;
	width: 53%;
	height: 100%;
	overflow: hidden;
}

.about-mode dd h3 {
	font-size: .28rem;
	color: #3451e2;
	margin-bottom: .2rem;
}

.about-mode dd h3 span.nums {
	font-family:"DIN-Regular";
	font-weight: bold;
}

.about-mode dd p { color: #333;font-size: .16rem;	line-height: 1.5;}

/* 大事记 */
.history { margin-bottom: .85rem;}

.event_list { width: 100%;}

.event-items { width: 100%;min-height: 1rem; position: relative; z-index: 1;}

p.e-year {
	width: 1.2rem;
	height: .55rem;
	background-color: #999;
	color: #fff;
	font-family:"DIN-Regular";
	font-weight: bold;
	text-align: center;
	font-size: .2rem;
	line-height: 2.9;
	position: absolute;
	left: 0;
	top: 0;
}

.event {
	width: 83%;
	margin-left: 17%;
	padding: .3rem 0;
	border-top: 1px #dcdcdc solid;
	cursor: pointer;
	/* background-color: #eee; */
}

/*.event-items:last-child .event{border-bottom: 1px #dcdcdc solid;}
*/
.event dl {	width: 100%;font-size: .2rem; color: #333; margin-bottom: .25rem;     border-bottom: 1px  #dcdcdc  solid;  padding-bottom: 0.25rem; }
.event dl dt.e-mouth {
	width:10%;
	line-height: 1;
	float: left;
	margin-right: 2%;
	text-align: left;
	font-size: .20rem;	
}

.event dl dd {
	display: block;
	width: 88%;
	float: left;
}

.event dl dd ul { list-style: none;}

.event dl dd ul li {
	width: 100%;
	margin-bottom: .25rem;
	font-size: .20rem;
	color: #333;
}

h3.e-title { font-weight: normal;     font-size: .22rem;}
.e-img { margin-top: .2rem; font-size:.16rem; display: none;}
.e-img img { max-width: 100%;}


.e-show .e-year { background-color: #0075D1;}
.e-active .e-mouth,
.e-active .e-title {color: #0075D1 !important; }


/* 招聘 */
.zhaopin { margin-bottom: 1rem;}

.zp-type { width: 100%; background-color: #eee;}

.zp-type ul { list-style: none; /* padding: .24rem .15rem; */}

.zp-type ul li {
	width: 100%;
	border-left: 4px #dcdcdc solid;
	padding: .15rem 0;
	padding-left: .2rem;
	line-height: 1.35;
	font-size: .2rem;
	transition: all .35s;
}

.zp-type ul li a {
	color: #333;
	display: inline-block;
	font-weight: normal;
	text-decoration: none;
	transition: all .35s;
}

.zp-type ul li:hover,
.zp-show {  border-color:#3451e2 !important ; transition: all .35s;}

.zp-type ul li:hover a ,
.zp-show a {color:#3451e2 !important; font-weight: bold; transition: all .35s;}

.zhaopin_list { width: 100%;}

.zp_items {	border-top: 1px #dcdcdc solid;	width: 100%;}

.zp_items:last-child {border-bottom: 1px #dcdcdc solid;}

h3.zp_title {padding: .24rem 0; font-weight: 600; font-size: .24rem;color: #474747;}

h3.zp_title span {	text-transform: uppercase;}

.zp_info {
	width: 100%;
	padding: .08rem 0 .25rem;
	color: #474747;
	line-height: 1.8;
	font-size: .16rem;
	display: none;
}

.zp_info strong,.zp_info b { font-size: .18rem;}

.zp_active { border-color: #3451e2 !important; }
.zp_active .zp_title {color: #3451e2 !important;}


.contact {}
.contact .map { width: 86%; height: 7.25rem; margin-bottom: .72rem; }
.contact .map iframe { display: block; border: none; width: 100%; height: 100%;}

.lianxi ,
.lianxi dl { width: 100%;}

.lianxi dt {
	width: 25%;
	float: left;
	margin-right: 5%;
}

.wx {
	width: 33%;
	float: left;
	margin-right: 10%;
	text-align: center;	
}

.wx img { height: .87rem;}

.wx span { display: block; font-size: .12rem; color: #666;}

.lianxi dd {
	display: block;
	width: 70%;
	float: left;
	color: #000;
	line-height: 1.8;
	font-size: .18rem;
}



/* news */
.news_list ul li { margin-bottom:.85rem;}

.gaonggao_list { width: 100%; border-top: 1px #dcdcdc solid;}
.gaonggao_list dl.g-items {	
	width: 100%; 
	cursor: pointer;
	border-bottom: 1px #dcdcdc solid;
	padding: .32rem 0;
}
.gaonggao_list dl.g-items dt {
	width: 12%;
	float: left;
	margin-right: 5%;
	font-size: .24rem;
	font-weight: lighter;
	color: #333;
}

.gaonggao_list dl.g-items dd {
	display: block;
	width: 83%;
	float:left;
	color: #333;
}

h3.g-title {font-size: .24rem; }

.g-desc {
	margin-top: .2rem;
	width: 100%;
	height: auto;	
	padding-bottom: .48rem;
	display: none;
}

.g-desc p { font-size: .16rem; color: #666; font-weight: 400; line-height: 1.5; }

.g-desc a { 
	display: inline-block;
	padding: 0;
	margin-top: .56rem;
	width: 1.59rem;
	height: .3rem;
	line-height: .3rem;
	padding: 0 .15rem;
	background-color: #00d3e0;
	color: #fff;
	text-decoration: none;
	font-size: .14rem;
	transition: all .35s;
}

.g-desc a:hover { padding-left: .2rem; transition: all .35s;}

.gaonggao_list dl.g-items:hover dt,
.gaonggao_list dl.g-items:hover dd,
.g-active {	color: #3451e2 !important;}

.g-active h3.g-title { font-weight: bold;}


/* 讲座 */
.lectures { width: 100%;}

.lectures ul { list-style: none;}

.lectures ul li {
	width: 100%;
	position: relative;
	z-index: 1;	
	cursor: pointer;
	transition: all .35s;
}

.lectures ul li::after {
	content: "";
	width: 100%;
	height: 55%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	/*background-color: #00d3e0;*/
	background-color: #007aff;
	opacity: 0;
	transition: all .35s;
}

.lectures ul li .container { border-bottom: 1px #dcdcdc solid; padding: .8rem 0 .7rem;}
/* .lectures ul li:last-child .container { border: none;} */

.lects-imgs ,.lecs-box { height:4.73rem;}

.lects-imgs {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition: all .35s;
}

.lects-imgs a { display: block; height: 100%;}

h3.lects-title a {
	font-size: .3rem;
	color: #333;
	margin-bottom: .3rem;
	text-decoration: none;
	transition: all .35s;
}

.lects-desc p {
	display: -webkit-box;
	height: .88rem;
	overflow: hidden;
	font-size: .16rem;
	line-height: 1.5;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;	
}

.lects-time { line-height: 1.8; margin-top: .87rem; font-size: .2rem; color: #333;transition: all .35s; }


a.link_more {
	margin-top: .9rem;
	width: 1.59rem;
	height: .3rem;
	line-height: .3rem;
	padding: 0 .15rem;
	background-color: #fff;
	color: #fff;
	text-decoration: none;
	font-size: .14rem;
	transition: all .35s;
}

.lectures ul li:hover::after { content: ""; opacity: 1; transition: all .35s; }
.lectures ul li:hover .container { border-color: transparent;}
.lectures ul li:hover .lects-imgs { box-shadow: 0 15px 35px rgba(0,0,0,.15);transition: all .35s;}
.lectures ul li:hover .lects-time { color: #fff;transition: all .35s;}
.lectures ul li:hover a.link_more { padding-left: .2rem; color: #333;transition: all .35s;}


/* 新闻详情页 */
.news-date p { color: #00d3e0; font-size: .3rem; }

.news-detail {  padding-right: 3%;}

h3.news-title { line-height: 1.5; font-size: .28rem; color: #333; margin-bottom: .3rem;}
.news-info {
	width: 100%;
	font-size: .16rem;
	color: #333;
	line-height: 1.8;
}

.news-info img { width: 100%;}

.hot { 
	padding: .22rem 0;
	padding-right: 0; 
	padding-top: 0;
/* 	height: 6.8rem; */
	padding-left: .5rem;
	/* overflow-y: scroll; */
}

.hot dl { width: 100%; margin-bottom: .2rem;}
.hot dt {
	width: 40%;
	height: .95rem;
	float: left;
	margin-right: 3%;
}

.hot dt a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.hot dt a img {
	width: 100%;min-height: 100%;
	object-fit: cover;
}

.hot dd {
	height: .95rem;
	width: 57%;
	float: left;
	color: #346ee2;
	font-size: .16rem;
}

.hot dd span {
	display: block;
	margin-top: 5px;
}

.hot dd h6 a {
	font-size: .17rem;
	color: #333;
	line-height: 1.35;
	text-decoration: none;
	display: -webkit-box;
	max-height: .88rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:3 ;
	-webkit-box-orient: vertical;
}

.hot dl:hover h6 a {
	color: #0075D1;
	font-weight: 600;
}


.hot h3.tuijian {
	font-size: .2rem;
	color: #333;	
	margin-bottom: .28rem;
	position: relative;
	z-index: 1;
	text-align: right;
	cursor: pointer;
}

.hot h3.tuijian a {
    display: inline-block;
    width: .75rem;
    padding-left: .3rem;
    height: .35rem;
    line-height: .35rem;
    background-image: url(../images/icons/back.png);
    background-repeat: no-repeat;
    background-position: 8px 40%;
	text-decoration: none;
   /* position: absolute;
    top: 50%;
	right: .4rem;
	transform: translateY(-58%); */
}

.page-change {
	border-top: 1px #DCDCDC solid;
	padding-top: .25rem;
}

.page-change a {
	color: #666;
	text-decoration: none;
	font-size: .16rem;
}

.page-change a:hover { color: #00b3ee;}



/* 期刊 */
.magzine_list { padding-top: 10px;}

.magzine_list ul { list-style: none;}

.magzine_list ul li {
	width: 23.5%;
	height: auto;
	margin-bottom: .8rem;
	float: left;
	margin-right: 2%;
	/* background-color: #eee; */
	text-align: center;
	cursor: pointer;
}

.magzine_list ul li:nth-child(4n) { margin-right: 0;}

img.no { display: none;}

.pic-view {
	width: 100%;
	height:4rem;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-bottom: .25rem;
	transform: translateY(0px);
	transition: all .35s;
}

.pic-view img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%,-50%);
}

em.btn_preview {
	display: block;
	width: 1rem;
	height: 1rem;	
	position: absolute;
	bottom: -.38rem;
	right: -.38rem;
	background-image: url(../images/icons/view.png);
	background-repeat: no-repeat;
	background-position: 0.25rem .25rem;
	background-color: rgba(0,0,0,.35);
	border-radius: 50%;
	opacity: 0;
	transition: all .35s;
}


.magzine_list ul li h3{
	font-size: .22rem;
	color: #333;
	text-align: center;
	line-height: 1.5;
	padding: 0 8px;
	display: -webkit-box;
	max-height: .98rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: .15rem;
}

.magzine_list ul li a.btn_download { opacity: 0;transition: all .35s;}
.magzine_list ul li:hover a.btn_download { 
	opacity: 1;
	background-color: #00b3ee;
	color: #fff;
	transition: all .35s;
}

.magzine_list ul li:hover .pic-view { 
	transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,.15);
	transition: all .35s;
}
.magzine_list ul li:hover h3 { color: #00a9e1;}
.magzine_list ul li:hover em.btn_preview { opacity: 1; transition: all .35s;}


/* 国际合作 */
.zuzhi { width: 100%; margin-bottom: .8rem;}

.stric span { display: block; padding-left: 0; line-height: 1.5;}

.zuzhi ul { list-style: none;}
.zuzhi ul li {
	width: 22%;
	float: left;
	margin-right: 4%;
	height: 1.8rem;
	margin-bottom: .35rem;
	/* background-color: #eee; */
	display: table;
}

.zuzhi ul li:nth-child(4n) { margin-right: 0;}

.zuzhi ul li .t-cell { vertical-align: middle; text-align: center;}

.zuzhi ul li img { max-width: 100%;  height: .77rem;}

.zuzhi ul li p ,.zuzhi ul li p a{
	font-size: .17rem;
	padding: 0 8px;
	margin-top: .15rem;
	text-decoration: none;
	color: #333;
	max-height: .75rem;
}


/* 师资 */

.s-letters {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    margin-bottom: .5rem;
}

.s-letters a {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    margin-right: .05rem;
    text-align: center;
    line-height: .36rem;
    text-decoration: none;
    font-size: .18rem;
}

.s-letters a:hover,
.s-select { background-color: #00d3e0 !important; color: #fff !important;}

.form_for_search {
    width: 100%;
    height: .36rem;
    border-bottom: 1px #3451e2 solid;
    position: relative;
    z-index: 1;
}

input.t_input {
    width: 90%;
    height: .34rem;
    outline: none;
    padding: 0 .05rem;
    line-height: .38rem;
    font-size: .16rem;
    background: transparent;
}

button.btn_submit {
    display: block;
    width: .35rem;
    height: .35rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    padding: 0;
    outline: none;
    background: transparent;
    background-image: url(../images/icons/btn_search_blue.png);
    background-size: 77%;
    background-repeat: no-repeat;
    background-position: center 15%;
}

.teacher_list { width: 100%;}
.teacher_list ul { list-style: none;}
.teacher_list ul li {
    width: 24%;
    height: auto;
    float: left;
    margin-right: 1.3%;
    margin-bottom: .56rem;
	ransition: all .35s;
}

.teacher_list ul li:nth-child(4n) { margin-right: 0;}

.t-pics {
	width: 100%;
	height: 3.6rem;
	margin-bottom: .2rem;
	color: #333;
}

.t-pics a {
	display: block;
	width: 100%;
	height: 100%;	
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.t-pics a img {
   height: 100%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.t-desc h3 { margin-bottom: .2rem;}

.t-desc h3 a { 
	font-size: .24rem;
	color: #333; 
	text-decoration: none;
	line-height: 2;
}

.t-desc h3 span { font-weight: normal; display: block; font-size: .18rem;}

.t-desc p { font-size: .16rem; margin-bottom: .36rem; opacity: 0; transition: all .35s; }

a.personlink {
	display: block;
	background-color: #00d3e0;
	line-height: 2;
	padding: 0 .15rem;
	color: #fff;
	text-decoration: none;
	opacity: 0; 
	transition: all .35s; 
}

.teacher_list ul li:hover .t-desc p,
.teacher_list ul li:hover a.personlink {
	opacity: 1; transition: all .35s;
}


.t_detail_left { width: 100%; margin-bottom: 35px;}

.t_img { margin-bottom: .2rem;}
.t_img img { width: 100%; }

h3.t_name {	margin-top: .4rem;	font-size: .24rem;}

p.t_zhiwei2 { font-size: .18rem;}

.t-desc2 p,
.t-desc2 a.personlink { opacity: 1;}

a.backford {
    display: inline-block;
    text-decoration: none;
    margin-top: .25rem;
    font-size: .16rem;
}

.co-theam {
	font-size: .24rem; 
	color: #333;
	margin-bottom: .47rem;
	padding-bottom: .2rem;
	border-bottom: 1px #dcdcdc solid;
}

.co-theam {
	font-size: .24rem;
	color: #333;
	margin-bottom: .47rem;
	padding-bottom: .2rem;
	border-bottom: 1px #dcdcdc solid;
	position: relative;
	z-index: 1;
}

.co-theam  a.backford  { position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: 0; font-size: .14rem; color: #007AFF; }

.t_detail {
	font-size: .18rem;
	line-height: 1.5;
}

/* 人才培养 */
.rencai { width: 100%;}
dl.rencai-box { margin-bottom: .8rem;}

dl.rencai-box dt {
	height: 4.13rem;
	width: 40%;
	float: left;
	margin-right: 3%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

dl.rencai-box dt img {
	width: 100%;
	object-fit: cover;
}

dl.rencai-box dd {	
	display: block;
	width: 57%;
	float: left;
	height: 4.13rem;
	position: relative;
	z-index: 1;
}

dl.rencai-box dd h3 { font-size: .3rem; color: #333; line-height: 1.5;}

dl.rencai-box dd .rc_desc {
	font-size: .18rem; color: #666;
	margin-top: .38rem; line-height: 1.5;
}

dl.rencai-box dd span {
	display: block;
	background-color: #00c7d3;
	color: #fff;
	width: 3.35rem;
	line-height: 1;
	position: absolute;
	bottom: .57rem;
	padding: 5px 8px;
	font-size: .16rem;
}

.rc_info {
	border-top: 1px #dcdcdc solid;
	padding-top: .66rem;
	line-height: 1.5;
}



/* 资源下载 */
.download_list {width: 100%; }
.download_list ul { list-style: none; padding-top: 28px;}
.download_list ul li {
	width: 100%;
	margin-bottom: .25rem;
	float: left;
	cursor: pointer;
	transition: all .35s;
}

.download_list ul li dl { }

.download_list ul li dt {
    width: 14%;
    height: .65rem;
    float: left;
    margin-right: 3%;
    background-color: #00c7d3;
    color: #fff;
    position: relative;
    z-index: 1;
	text-align: center;
	line-height: .65rem;
	font-size: .24rem;
}

.download_list ul li dt span.years {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	font-size: .6rem;
	opacity: .25;
}

.download_list ul li dd {
	display: block;
	width: 83%;
	float: left;
	max-height: .65rem;
	overflow: hidden;
}

/* .download_list ul li:nth-child(2n-1) { background-color: #f5f5f5;}
 */


.download_list ul li h4 {
	padding-left: .58rem;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto;
	display: table;
	width: 100%;
	height: .65rem;
}

.f-pdf { background-image: url(../images/icons/f-pdf.png);}
.f-word { background-image: url(../images/icons/f-word.png);}
.f-excel { background-image: url(../images/icons/f-excel.png);}
.f-ppt { background-image: url(../images/icons/f-ppt.png);}


.download_list ul li h4 a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: .65rem;
	/* display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; */
	font-size: .22rem;
	color: #333;
	line-height: 1.35;
	text-decoration: none;
}

a.btn_download {
	display: block;
	width: 100%;
	line-height: 1.3;
	background-color: #eee;
	color: #666;
	font-size: .14rem;
	text-decoration: none;
	margin-top: .15rem;
	padding: 5px 8px;
	text-align: left;
	transition: all .35s;
}

.download_list ul li:hover {  box-shadow: 0px -1px 24px rgba(0,0,0,.1);}

/* .download_list ul li:hover a.btn_download {
	background-color: #00b3ee;
	color: #fff;
	transition: all .35s;
} */


/* 教育教学 */
.course { width: 100% ;}
.c-items { width: 100%; margin-bottom: .5rem;}

h3.c-letter {
	width: 100%;
	line-height: 1.5;
	font-size: .36rem;
	color: #333;
	border-bottom: 2px #00c7d3 dashed ;
	margin-bottom: .18rem;
}

.c-list { width: 100%; margin-top: .5rem; }

.c-list table  { width: 100%;}

.c-list table tr td {
	text-align: center;
	vertical-align: middle;
	padding: .20rem 0;
	border-bottom: 1px #dcdcdc solid;
	font-size: .18rem;
}


.c-list table tr:nth-child(1) td {
	
	background-color: #eee;
	color: #333;
	font-size: .2rem;
	font-weight: bold;	
	line-height: 1.3;
	border-bottom: none;
	padding: .15rem 0;
	/* border-right: 1px #dcdcdc solid; */
}

.c-list table tr td:nth-child(1) {width: 12%;}
.c-list table tr td:nth-child(2) {width: 25%;}
.c-list table tr td:nth-child(3) {width: 13%;}
.c-list table tr td:nth-child(4) {width: 9%;}
.c-list table tr td:nth-child(5) {width: 9%;}
.c-list table tr td:nth-child(6) {width: 20%;}
.c-list table tr td:nth-child(7) {width: 12%;}

.c-list table tr td a { display: inline-block; text-decoration: none; color: #3f92e7;}
.btn_slidedown {
	width: 1rem;
	height: auto;
	line-height: 2.5;
	text-align: center;
	margin: auto;
	margin-top: .35rem;
	background-color: #00c7d3;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	display: none;
}

.c-pic { 
	width: 100%; 
	height: 1rem;
	transform-origin: center center;
	transform:rotate(0) scale(1);
	transition: all .35s;
	position: relative;
	z-index: 1;
}
.c-pic img { 
	position: absolute;
	z-index: 2;
	height: 1rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all .35s;
}

.c-pic:hover { z-index: 5;}

.c-pic:hover img {
	/* transform: rotate(0) scale(1.2); */
	height: 2rem;
	transition: all .35s;
}

.c-info { margin-bottom: 35px;}

.c-info h3 { 
	box-sizing:content-box;	    
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	font-size: .32rem; 
	color: #333; 
	height: auto;
	
	line-height:1.5; 	
	margin-bottom: .35rem;
	
	border-left: 6px #00d3e0 solid; 
	padding-left: .1rem;
	position: relative;
	z-index: 1;
}

.c-info h3 a {
	float: none;
	display: inline-block;
	position: absolute;
	margin-top: 0;
	right: 0;
	top: 2%;
}

.c-info img { width: 100%;}

.c-info table { width: 100%;}
.c-info table tr td {
	font-size: .18rem;
    font-weight: 400;
    line-height: 1.8;
    padding: 15px;
}
.c-info table tr td:nth-child(1) {width: 3%;}
.c-info table tr td:nth-child(2) {width: 20%;}

.c-info table tr:nth-child(2n-1) { background-color:#eee; }


/* mooc */
.mooc_list {}
.mooc_list ul { list-style: none;}
.mooc_list ul li {
	width: 32%;
	float: left;
	margin-right: 1%;
	margin-bottom: .72rem;
	transition: all .35s;
	cursor: pointer;
}

.mooc_list ul li:nth-child(3n) { margin-right: 0;}

.mooc-video { width: 100%; height: 3rem; margin-bottom: .25rem; overflow: hidden; position: relative;z-index: 1;}

.mooc-video img.poster {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	min-height: 100%;
	z-index: -1;
	transition: all .35s;
}

.wamp {
	width: 100%;
	height: 100%;
	background-color: rgba(0,52,157,0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	transition: all .35s;
}

em.btn_video {
	display: block;
	width: .5rem;
	height: .5rem;
	border: 4px  #346ee2 solid;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);	
	z-index: 1;
	transition: all .35s;
}

em.btn_video::after {
	content: "";
	width: 0;
	height: 0;
	border: .12rem transparent solid;
    border-left: .18rem #346ee2 solid;
	border-right: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-35%,-47%);	
	z-index: 1;
	transition: all .35s;
}

.mooc_list ul li h3 { font-size: .22rem; color: #333;transition: all .35s;}

.mooc_list ul li:hover h3 { color: #346ee2;transition: all .35s;}

.mooc_list ul li:hover .wamp {background-color: rgba(0,52,157,0.4); transition: all .35s;}

.mooc_list ul li:hover em.btn_video {border-color: #fff; transition: all .35s;}
.mooc_list ul li:hover em.btn_video::after {border-left-color: #fff; transition: all .35s;}

#window {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 80;
	background-color: rgba(0,0,0,.8);	
	display: none;
}

.btn-close {
	display: block;
	width: .5rem;
	height: .5rem;
	position: absolute;
	top: 7vh;
	right: 10vh;
	background-image: url(../images/icons/btn-close.png);
	background-repeat: no-repeat;
	background-position: center center;
	/* border: 1px #fff solid; */
	cursor: pointer;
}

.video { height: 80vh; margin-top: 10vh; max-width: 100%;}

/* 科学研究 */
.research_area {}
.research_area ul { list-style: none;}

.research_area ul li {
	width: 32%;
	float: left;
	margin-right: 1.5%;
	margin-bottom: .85rem;
	transition: all .35s;
}

.research_area ul li a {
	display: block;
	text-decoration: none;
	color: #333;
}

.research_area ul li:nth-child(3n) { margin-right: 0;}

.research_area ul li h3 {  font-size: .24rem; margin-bottom: .25rem;}
.research_area ul li h3 a {
	font-weight:bold;
	display: -webkit-box;
	height: .7rem;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical ;
}


.area_desc { height: 2.2rem; overflow: hidden;}
.area_desc strong,
.area_desc b { font-weight: 400;}

p.date {
	background-color: #00b3ee;
	color: #fff;
	font-size: .14rem;
	line-height: 1.3;
	padding: 5px;
	margin-top: .42rem;
	opacity: 0;
	transition: all .35s;
}

.research_area ul li:hover p.date{
	opacity: 1;
	transition: all .35s;
}


/* 成果 */
.xueshuchengguo {}
.cg_lsit { margin: 0; padding: 0;}

.cg_lsit ul { list-style: none;}

.cg_lsit ul li {
	padding-bottom: .5rem;
	border-bottom: 1px #dcdcdc solid;
	margin-bottom: .6rem;
	cursor: pointer;
	transition: all .35s;
}

.cg_lsit ul li:last-child { border: none; padding-bottom: 0;}

.cg_lsit ul li dl { width: 100%;}
.cg_lsit ul li dt { width: 35%; float: left; height: 3.3rem; margin-right: 3%;}
.cg_lsit ul li dt a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.cg_lsit ul li dt a img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .35s;
}

.cg_lsit ul li a {
	display: block;
	text-decoration: none;
	color: #333;
}

.cg_lsit ul li dd {
	display: block;
	float: left;
	width:62%;
	height: 3.3rem;	
}

.cg_lsit ul li dd h3 {
	font-size: .3rem;
	font-weight: bold;
	margin-bottom: .35rem;
	line-height: 1.5;
}

.cg_lsit ul li dd h3 a { font-weight: bold;}

.cg-desc {
	height: 2.5rem;
	width: 100%;
	overflow: hidden;
	color: #666;
	font-size: .18rem;
}

.cg_lsit ul li:hover dt img {
	transform: translate(-50%,-50%) scale(1.1);
	transition: all .35s;
}

.cg_lsit ul li:hover dd h3 a { color: #0075D1;transition: all .35s;}


.team { overflow: hidden;}

.research-left {
	width: 20%;
	float: left;
	margin-right: 5%;
	position: relative;
	z-index: 1;
	border-bottom: 1px #dcdcdc solid;
}

/* .research-left::after {
	content: "";
	width: 280%;
	height: 100%;
	border-bottom: 1px #dcdcdc solid;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
} */

.research-left ul { list-style: none;}
.research-left ul li {
	width: 100%;
	height:auto;
	position: relative;
	z-index: 1;
}

/* .research-left ul li::after {
	content: "";
	width: 280%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	transition: all .35s;
} */

.research-left ul li a {
	display: block;
	text-decoration: none;
	font-size: .18rem;
	color: #333;
	padding: .1rem .15rem;
	transition: all .35s; 
}

.research-left ul li:hover a ,
.research-left ul li.active a {  color: #fff;transition: all .35s; }

.research-left ul li:hover,
.research-left ul li.active{
	background-color: #00b3ee;
	transition: all .35s; 
}

.research-right {width: 75%;float: left;}

.research-info { width: 100%; color: #333; font-size: .18rem; line-height: 1.5;}

.research-info table tr td { padding: .44rem; line-height: 1.8 !important; }


.research-info table tr td:nth-child(1) {
	text-align: center;
	vertical-align: middle;
}

/* 在研课题 */
.zykt_years {width: 100%; margin-bottom: .2rem;}

.zykt_years a {
	display: inline-block;
	margin-right: 1.8%;
	font-size: .28rem;
	height: .5rem;
	color: #333;
	line-height: .52rem;
	padding:0 .25rem;
	background-color: #eee;
	float: left;
	margin-bottom: .3rem;
	text-decoration: none;
}

.zykt_years a:last-child { margin-right: 0;}

.years_select,
.zykt_years p:hover {
	color: #fff !important;
	background-color: #00b3ee !important;
}


.zykt_list ul { list-style: none;}

.zykt_list ul li { cursor: pointer; padding-bottom: .38rem; color: #333; border-bottom: 1px #dcdcdc solid ;transition: all .35s;}

.zykt_list ul li:last-child { border-bottom: none;}

.zykt_list table { width: 100%;}

.zykt_list table thead { background-color: #eee; color: #333; }


.zykt_list table tr td {
	padding-top:.26rem;
	text-align: center;
	vertical-align: middle;
	font-size: .18rem;
	
	/* border-right: 1px red solid; */
}

.zykt_list table thead td { padding: .15rem 0; line-height: 2;}

.zykt_list table tr td:nth-child(1) {width: 18%;}
.zykt_list table tr td:nth-child(2) {width: 12%;}
.zykt_list table tr td:nth-child(3) {width: 18%;}
.zykt_list table tr td:nth-child(4) {width: 12%;}
.zykt_list table tr td:nth-child(5) {width: 10%;}
.zykt_list table tr td:nth-child(6) {width: 15%;}
.zykt_list table tr td:nth-child(7) {width: 5%; transition-property: transform;}
.zykt_list table tr td h3 {
	font-weight: normal;
	font-size: .18rem;
	line-height: 1.5;
	padding: 0 .2rem;
}

.zy_desc {
	margin-top: .35rem;
	color: #333;
	display: none;
}

.zy_desc dl { width: 100%; padding-left: .23rem;}

.zy_desc dt { font-size: .2rem; font-weight: bold; width: 10%; float: left;}

.zy_desc dd {
	display: block;
	width: 85%;
	float: left;
	font-size:.16rem;
	line-height: 1.5;
	
}

em.btn_down {
	display: block;
	width: .15rem;
	height: .15rem;
	border-bottom: 2px #333 solid;
	border-right: 2px #333 solid;
	/* position: absolute;
	top: 50%;
	left: 50%; */
	transform-origin: center center;
	-webkit-transform: translate(85%,3%)  rotate(-45deg);
	-moz-transform: translate(85%,3%)  rotate(-45deg);
	-ms-transform: translate(85%,3%)  rotate(-45deg);
	transform: translate(85%,3%)  rotate(-45deg);
	transition: all .5s;
}

.zykt_list ul li:hover ,
.zy_selected { color: #00b3ee !important;}

.zykt_list ul li:hover em.btn_down {
	border-color: #00b3ee ;
}
.zy_selected em.btn_down {
	border-color: #00b3ee !important;
	transform:translate(85%,3%)  rotate(45deg) !important;
	-webkit-transform:translate(85%,3%)  rotate(45deg) !important;
	-moz-transform:translate(85%,3%)  rotate(45deg) !important;
	-ms-transform:translate(85%,3%)  rotate(45deg) !important;
	transition: all .35s;
}


/* 资源下载 */
ul.tz-li li .pic-view { width: 100%;  height: 3.7rem;}
ul.tz-li li .pic-view img { height: 100%; min-width: 100%;}
ul.tz-li li h3 { font-size: 0.2rem; }