@charset "utf-8";
.content .banner
{
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;}


.content .banner.news
{
	background-image: url(../images/news_banner.jpg);}

.content .banner.about
{
	background-image: url(../images/about_banner.jpg);}

.content .banner.faculty
{
	background-image: url(../images/faculty_banner.jpg);}

.content .banner.research
{
	background-image: url(../images/research_banner.jpg);}

.content .banner.train
{
	background-image: url(../images/train_banner.jpg);}

.content .banner.job
{
	background-image: url(../images/job_banner.jpg);}


.content .banner .channelname
{
	position:absolute;
	line-height: 2.7em;
	font-size: 36px;
	border-left: 5px #f9461d solid;
	padding: 0 50px 0 40px;
	z-index: 0;
	top: 50%;
	margin-top: -46px;
	left: 55px;}

.content .banner .mainWrap
{
	height: 280px
;}

.content .banner .channelname b
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #fff;
	opacity: 0.85;
	filter: alpha(opacity=85);
	left: 0;
	top: 0;}

.content .local
{
	background: #E4EAEE
;}


.content .local i
{
	font-size: 16px;}

.content .local a
{
	line-height: 46px;
	font-size: 13px;}


.content .local a.current
{
	color:#1692c6;}


.content .newslist ul
{
	margin: 20px 0;}

.content .newslist li
{
	border-bottom: 1px solid #eee;}

.content .newslist li a
{
	display: block;
	padding: 30px 20px;
	position: relative;}


.content .newslist li a:hover
{
	background: #E9F0F5;}

.content .newslist li a:hover .time
{
	background-position: -91px 0;
	color: #f9461d;}

.content .newslist li a:hover h3
{
	color: #f9461d;}


.content .newslist li a:hover b
{
	position: absolute;
	right: -18px;
	bottom: -20px;
	width: 100%;
	height: 100%;
	background: url(../images/shadow.jpg) no-repeat bottom right;
	z-index: -1;}

.content .newslist li a .time
{
	background: url(../images/hexagon.jpg) no-repeat left top;
	height: 56px;
	width: 91px;
	color: #fff;
	font-size: 28px;
	text-align: center;
	padding-top: 25px;
	float: left;}

.content .newslist li a .time span
{
	display: block;
	font-size: 14px;
	padding-top: 5px;}

.content .newslist li a .wrapper
{
	margin-left: 110px;}

.content .newslist li a h3
{
	font-size: 18px;
	line-height: 1.5em;
	color: #273238;
	padding: 0 ;}

.content .newslist li a p
{
	font-size: 14px;
	color: #666;
	padding-top: 8px;
	line-height: 1.5em
;}

.content .newslist li a img
{
	float: left;
	margin-right: 30px;}

.content .newslist li a span.link
{
	display: inline-block;
	padding: 0 20px;
	line-height: 32px;
	background: #b5b5b5;
	color: #fff;
	margin-top: 20px;}

.content .loadmore
{
	padding-top: 20px;
	text-align: center
;}

.content .loadmore a
{
	line-height: 48px;
	background: #1692C6;
	font-size: 16px;
	text-align: center;
	padding:0 50px;
	display: inline-block;
	color: #fff;
	border-radius: 4px;}

.content .loadmore a:hover
{
	background: #157CA7;}

.content .innercontent .detailcontent h1
{
	font-size: 30px;
	line-height: 1.25em;
	color: #273238;
	padding: 0;
text-align:center;
}

.content .innercontent .detailcontent .title
{
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding: 67px 0 15px 0;
	margin-bottom: 30px;}

.content .detailcontent .title .time
{
	display: block;
	padding-top: 20px;
	font-size: 14px;}

.content .innercontent .article
{
	/* font-size:16px; */
	line-height: 1.75em;
	word-wrap: break-word;
	}

.content .innercontent .article p
{
	margin:0 0 0.75em 0;}

.content .innercontent .article h2
{
	font-size: 18px;
	color: #1692c6;
	padding:10px 0 10px 0;}

.content .innercontent .article a
{
	border-bottom: 1px dashed #000;
	padding-bottom: 3px;}

.content .innercontent .article img
{margin-left: -30px;
	height: auto !important;
    max-width: 90%;}

.content .innercontent .article .postimg
{
	padding: 10px 0 10px 0;
	margin-left: -5px;}

.content .innercontent .article .postimg li
{
	float: left;
	width: 25%;}

.content .innercontent .article .postimg.col3 li
{
	width: 33.33%
;}

.content .innercontent .article .postimg.col2 li
{
	width: 50%
;}

.content .innercontent .article .postimg li div
{
	margin-left: 5px;}

.content .innercontent .article .postimg img
{
	width: 100%;}

.content .innercontent .article .postimg span
{
	display: block;
	text-align: center;
	padding: 15px 0 25px 0;
	font-size: 13px;
	line-height: 1.5em
;}

.content .innercontent .article .imgmark
{	
	color: #666;
	padding: 0.5em 0 2em 0;
	text-align: center;
	font-size: 13px;
	line-height: 1.5em
;}

.content .innercontent .title
{
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding: 67px 0 0 0;
	margin-bottom: 50px;}

.content .innercontent h1
{
	font-size: 36px;
	line-height: 1.25em;
	color: #273238;
	padding-bottom: 15px;}

.content .innercontent .title b
{
	width: 90px;
	display: block;
	background: #f96a49;
	height: 3px;
	margin:auto;}

.content .innercontent .dean
{}

.content .innercontent .dean .photo
{
	/*width: 235px;
	float: left;
	background: #f2f2f2;
	text-align: center;
	box-shadow: 0 10px 15px 0 rgba(0,0,0,0.15);*/}

.content .innercontent .dean .photo span
{
	display: block;
	padding: 25px 0;
	font-size: 16px;
	color: #333;}

.content .innercontent .dean .photo img
{
	width: 100%;}

.content .innercontent .dean .article
{
	color: #666;
	/*margin-left: 280px;*/}

.content .innercontent .dean .article p
{
	text-indent: 2em;}

.content .innercontent .history .photowrapper
{
	float: left;
	width: 212px;
	text-align: center;}
.content .innercontent .history .photowrapper .photo {
font-size: 16px;
line-height: 26px;
}
.content .innercontent .history .photowrapper img
{margin-bottom: 10px;
	border-radius: 50%;
	border:6px solid #fff;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	width: 100%;}

.content .innercontent .history .photowrapper span
{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333;
	line-height: 1.75em;
	padding: 15px 0 45px 0;}

.content .innercontent .history .article
{
	color: #666;
	margin-left: 280px;
	border-left: 4px solid #eaeae8;
	padding-left: 40px;}

.content .innercontent .history .article h3
{
	font-size: 24px;
	color: #1692c6;
	font-family: "times new roman";
	padding-bottom: 10px;
	position: relative;}


.content .innercontent .history .article li
{
	padding-top: 5px;
	padding-bottom: 30px;}

.content .innercontent .history .article h3 b
{
	background: url(../images/dot.jpg) no-repeat;
	height: 22px;
	width: 22px;
	position: absolute;
	left: -53px;
	top: 4px;}

.content .innercontent .historyimglist 
{
	margin-left: -38px;
	display: flex;
	flex-wrap: wrap;}

.content .innercontent .historyimglist li
{
	float: left;
	width: 33.33%;}

.content .innercontent .historyimglist li div
{
	margin-left: 38px;
	text-align: center;
	background: #f2f2f2;
	box-shadow: 0 10px 15px 0 rgba(0,0,0,0.15);
	margin-bottom: 40px;}

.content .innercontent .historyimglist li div img
{
	width: 100%;}

.content .innercontent .historyimglist li div span
{
	display: block;
	padding: 20px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.75em
;}

.content .innercontent .academic
{
	padding-bottom: 80px;}

.content .innercontent .academic ul
{
	margin-left: -48px;}

.content .innercontent .academic li 
{
	float: left;
	width: 14.25%;}

.content .innercontent .academic li a
{
	display: block;
	margin-left: 48px;
	text-align: center;
	font-size: 14px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	background: #fff;}


.content .innercontent .academic li a:hover
{
	position: relative;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 36px;
	margin-right: -12px;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);
	color: #f96a49
;}

.content .innercontent .academic li a img
{
	width: 100%;
	margin-bottom: 12px;}

.content .innercontent .leader 
{}

.content .innercontent .leader li
{
	border-bottom: 1px solid #ddd;
	padding: 25px 0;}

.content .innercontent .leader li div
{
	float: left;
	color: #333;
	font-size: 16px;
	line-height: 30px;}

.content .innercontent .leader li div.year
{
	width: 25%;
	font-size: 16px;
	/*font-family: "times new roman";*/
	color:#1692c6;}

.content .innercontent .leader li div.name
{
	width: 20%;}
.content .innercontent .leader li div.position
{
	width: 55%;}

.content .innercontent .subnav
{
	margin-left: -8px;}

.content .innercontent .subnav li
{
	float: left;
	width: 33.33%;}

.content .innercontent .subnav.col4 li
{
	width: 25%;}

.content .innercontent .subnav.col5 li
{
	width: 20%;}

.content .innercontent .subnav li.current a
{
	background: #1692C6;
	color: #fff;}

.content .innercontent .subnav a
{
	display: block;
	line-height: 60px;
	font-size: 18px;
	color: #666666;
	background: #f2f2f2;
	margin-left: 8px;
	text-align: center;}

.content .innercontent .subnav a:hover
{
	background: #e6e6e6;}

.content .contbtmpd
{
	padding-bottom: 80px;}

.content .innercontent .org .col-1
{
	border-bottom: 1px solid #ddd;
	color:#1692c6;
	font-size: 18px;
	padding: 25px 0;
	width: 20%;}

.content .innercontent .org .col-2
{
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	color: #333;
	line-height: 1.75em;
	padding: 25px 0;}

.content .innercontent .org .col-3
{
	width: 80px;
	vertical-align: top;}
.content .innercontent .org .col-4 a
{
	border-bottom: 1px dashed #333;
	padding-bottom: 3px;}

.content .innercontent .mapwrapper
{
	background: #f2f2f2;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);}

.content .innercontent .mapmain
{
	width: 60%;
	height: 390px;
	float: left;}

.content .innercontent .contacttxt
{
	width: 40%;
	float: left;}

.content .innercontent .contacttxt h2
{
	font-size: 18px;
	color: #1692c6;
	padding: 40px 0 20px 35px;}
.content .innercontent .contacttxt p
{
	color: #273238;
	line-height: 1.75em;
	font-size: 14px;
	padding-left: 35px;}

.content .innercontent .contacttxt .qcode
{
	padding-left: 35px;
	padding-top: 20px;}

.content .innercontent .contacttxt .qcode img
{
	vertical-align: bottom;}

.content .innercontent .contacttxt .qcode span
{
	display: inline-block;
	padding-left: 10px;}

.content .innercontent .faculty  .catalog,.content .innercontent .research .catalog,.content .innercontent .student .catalog
{
	background: #f2f2f2;
	line-height: 56px;
	font-size: 24px;
	text-align: center;
	margin-top: 20px;}

.content .innercontent .faculty  .alphabet
{
	margin-left: -12px;
	padding: 10px 0 10px 0;}

.content .innercontent .faculty  .alphabet li
{
	display: inline-block;
	padding: 10px 0 ;}

.content .innercontent .faculty  .alphabet li a
{
	font-size: 30px;
	font-family: "times new roman";
	background: #f2f2f2;
	line-height: 56px;
	margin-left: 12px;
	display: block;
	width: 40px;
	text-align: center;}

.content .innercontent .faculty  .alphabet li a:hover
{
	color: #f96a49;}

.content .innercontent .faculty  .alphabet li a.current
{
	background: #1692C6;
	color: #fff;}

.content .innercontent .faculty .subcatalog
{
	font-size: 16px;
	color: #1692c6;
	padding-top: 10px;
	padding-bottom: 10px;}

.content .innercontent .faculty .pepolelist
{
	padding-top: 20px;
	margin: 0 40px;}

.content .innercontent .faculty .pepolelist ul
{
	padding-bottom: 20px;}

.content .innercontent .faculty .pepolelist li
{
	float: left;
	width: 20%;
	font-size: 16px;
	padding: 6px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}


.content .innercontent .faculty .pepolelist li a:hover
{
	color: #f96a49;}

.content .innercontent .facultydetail 
{
	padding-top: 70px;}

.content .innercontent .facultydetail .img
{
	float: left;}

.content .innercontent .facultydetail .article
{
	margin-left: 320px;}

.content .innercontent .facultydetail .article h1
{
	font-size: 30px;
	padding-bottom: 0;}

.content .innercontent .research h2.subtitle
{
	font-size: 28px;
	line-height: 1em;
	text-align: center;
	padding: 50px 0 25px 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;}

.content .innercontent .research .itemlist
{
	line-height: 1.5em;
	color: #333;
	font-size: 14px;}

.content .innercontent .research .itemlist li
{
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;}

.content .innercontent .research .itemlist h3
{
	color: #1692C6;
	font-size: 18px;
	padding-bottom: 10px;}

.content .innercontent .research .itemlist p
{
	padding-top: 5px;}
.content .innercontent .research .itemlist p span
{
	font-weight: bold;
	font-style: italic;}

.content .innercontent .research .itemlist div
{
	padding-bottom: 10px;
	font-size: 16px;}

.content .innercontent .research .subsubnav
{
	text-align: center;
	padding-top: 35px;}

.content .innercontent .research .subsubnav.notoppd
{
	padding-top: 0px;}


.content .innercontent .research .subsubnav a
{
	display: inline-block;
	line-height: 40px;
	background: #f2f2f2;
	width: 118px;
	margin:0 10px 10px 10px;
	font-size: 16px;
	text-align: center;}

.content .innercontent .research .subsubnav a.current
{
	background: #1692C6;
	color: #FFF;}

.content .innercontent .student .catalog
{
	margin-top: 40px;}

.content .innercontent .research td
{
	border-bottom: 1px solid #ddd;
	padding: 25px 10px;
	font-size: 16px; 
	line-height: 1.75em;}

.content .innercontent .research td td
{
	border:0;
	padding: 0;}

.content .innercontent .research .col-1
{
	color: #1692C6;}

.content .innercontent .research .col-w4
{
	width: 40%;}

.content .innercontent .platform li
{
	padding:0 0 40px 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #ddd;}

.content .innercontent .platform .img
{
	width: 354px;
	background: #f2f2f2;
	float: left;}

.content .innercontent .platform .img img
{
	width: 100%;}

.content .innercontent .platform .img span
{
	display: block;
	text-align: center;
	font-size: 16px;
	padding: 15px 0;}

.content .innercontent .platform .wrapper
{
	margin-left: 400px;}

.content .innercontent .platform .wrapper h3
{
	font-size: 24px;
	line-height: 1.5em;}

.content .innercontent .platform .wrapper p
{
	font-size: 14px;
	color: #666;
	text-indent: 2em;
	padding: 20px 0 30px 0;
	line-height: 1.5em
;}

.content .innercontent .platform .wrapper a
{
	display: inline-block;
	background: #1692C6;
	line-height: 48px;
	padding: 0 30px;
	font-size: 16px;
	color: #fff;
	float: right;
	border-radius: 4px;}

.content .innercontent .platform .wrapper a:hover
{
	background: #157EAA;}


.content .innercontent .train .itemlist
{
	line-height: 1.5em;
	color: #333;
	font-size: 15px;
	padding-top: 30px;
	padding-bottom: 30px;}

.content .innercontent .train .itemlist li
{
	border-bottom: 1px solid #eee;}

.content .innercontent .train .itemlist li a
{
	display: block;
	padding: 25px;
	position: relative;}

.content .innercontent .train .itemlist li a:hover
{
	background: #DDEBF3;
	color: #F6795D;}

.content .innercontent .train .itemlist li a i
{
	color: #F6795D;}

.content .innercontent .train .itemlist li a span
{
	float: right;
	color: #666;
	margin-left: 30px;}

.content .innercontent .train .itemlist li a:hover b
{
	content: "";
	position: absolute;
	right: -15px;
	bottom: -10px;
	width: 100%;
	height: 100%;
	background: url(../images/shadow.jpg) no-repeat bottom right;
	background-size: 100% 100%;
	z-index: -1;}

.content .innercontent .student
{
	padding-top: 30px;}

@media screen and (max-width:1000px)
{
	
	.content .banner .mainWrap
	{
		height: 200px;}
	
	.content .banner .channelname
	{
		font-size: 30px;}
	
		
	.content .innercontent .detailcontent h1,.content .innercontent h1
	{
		font-size: 32px;}
	
	.content .innercontent .detailcontent .title,.content .innercontent .title
	{
		padding-top: 50px;
		margin-bottom: 40px;}
	
	.content .innercontent .academic li a
	{
		margin-left: 25px;}
	
	.content .innercontent .academic ul
	{
		margin-left: -25px;}
	
	.content .innercontent .academic li a:hover
	{
		padding-left: 0;
		padding-right: 0;
		margin-left: 25px;
		margin-right: 0;
		box-shadow: none;}
	
	.content .contbtmpd
	{
		padding-bottom: 40px;}
	
	.content .innercontent .academic
	{
		padding-bottom: 40px;}
	
	.content .innercontent .org .col-1,.content .innercontent .org .col-2
	{
		display: inline-block;
		width: 100%;}
	
	.content .innercontent .org .col-1
	{
		border-bottom: 0;
		padding-bottom: 0;
		padding-top: 30px
	;}
	
	.content .innercontent .org .col-2
	{
		padding-top: 10px;}
	
	.content .innercontent .platform .img
	{
		width: 300px;}
	
	.content .innercontent .platform .wrapper
	{
		margin-left: 330px;}
	
	.content .innercontent .subnav
	{
		text-align: center;}
	
	.content .innercontent .subnav li	
	{
		display: inline-block;
		width: auto !important;
		padding-bottom: 8px;
		float: none
	;}
	
	
	.content .innercontent .subnav li a
	{
		padding: 0 20px;}
}

@media screen and (max-width:700px)
{

	
	.content .newslist li a img
	{
		float: none;
		margin: 0;
		margin-bottom: 20px;
		width: 100%;}
	
	.content .newslist li a span.link
	{
		display: none;}
	
	.content .newslist li a
	{
		padding: 20px 0;}
	
	.content .newslist li a:hover
	{
		background: none;}
	
	.content .newslist li a:hover b
	{
		display: none;}
	
	.content .newslist li a .time
	{
		transform: scale(0.75) translateX(-15px);}
	
	.content .newslist li a:hover .time
	{
		background-position: 0 0;
		color: #fff;}
	
	.content .newslist li a .wrapper
	{
		margin-left: 95px;}

	.content .innercontent .academic li
	{
		width: 20%;}
	
	.content .innercontent .history .photowrapper
	{
		width: 160px;}
	
	.content .innercontent .history .article
	{
		margin-left: 200px;}
	
	.content .innercontent .historyimglist li
	{
		width: 50%;}
	
	.content .innercontent .mapmain,.content .innercontent .contacttxt
	{
		width: 100%;}
	
	.content .innercontent .contacttxt h2
	{
		padding-top: 30px;}
	
	.content .innercontent .contacttxt
	{
		padding-bottom: 30px;}
	
	.content .innercontent .faculty .pepolelist li
	{
		width: 33.33%;}
	
	.content .innercontent .facultydetail .img img
	{
		width: 200px;}
	
	.content .innercontent .facultydetail .article
	{
		margin-left: 240px;}
	
	.content .innercontent .platform .img
	{
		width: 100%;
		float: none;
		margin-bottom: 30px;}
	
	.content .innercontent .platform .wrapper
	{
		margin-left: 0;}
	
	.content .innercontent .platform .wrapper a
	{
		float: none;
		width: 100%;
		box-sizing: border-box;
		text-align: center;}
	
	.content .innercontent .train .itemlist li a span
	{
		float: none;
		display: block;
		margin-left: 0px;
		padding-bottom: 5px;
		color: #888;}
	
	.content .innercontent .train .itemlist li a
	{
		padding: 15px;}
	
	.content .innercontent .train .itemlist li a i
	{
		display: none;}
	
	.content .innercontent .train .itemlist li a:hover b
	{
		display: none;}

}


@media screen and (max-width:500px)
{
		.content .banner .mainWrap
	{
		height: 120px;}
	
	.content .banner .channelname
	{
		font-size: 18px;
		margin-top:-22px;
		left: 25px;}
	
	.content .innercontent .detailcontent h1,.content .innercontent h1
	{
		font-size: 24px;}
	
	.content .innercontent .detailcontent .title,.content .innercontent .title
	{
		padding-top: 30px;}
	
	.content .innercontent .academic li
	{
		width: 33.33%;}
	
	.content .innercontent .dean .photo
	{
		float: none;
		margin-bottom: 40px;
		width: auto;}
	
	.content .innercontent .dean .article
	{
		margin-left: 0;}
	
	.content .innercontent .history .photowrapper
	{
		float: none;
		width: 100%;}
	
	.content .innercontent .historyimglist li
	{
		width: 100%;}
	
	.content .innercontent .history .photowrapper img
	{
		width: 80%;}
	
	.content .innercontent .history .article
	{
		margin-left: 0;}
	
	.content .innercontent .leader li div.year
	{
		width: 100%;}
	
	.content .innercontent .leader li
	{
		padding: 15px 0
	;}

	
	
	.content .innercontent .faculty .pepolelist li
	{
		width: 50%;}
	
	.content .innercontent .facultydetail .img img
	{
		width: 140px;}
	
	.content .innercontent .facultydetail .article
	{
		margin-left: 180px;}
	
	.content .innercontent .facultydetail .article h1
	{
		font-size: 26px;}
	
	.content .innercontent .research h2.subtitle
	{
		font-size: 24px;}
	
	.content .innercontent .faculty  .catalog, .content .innercontent .research .catalog, .content .innercontent .student .catalog
	{
		font-size: 20px;
		line-height: 50px;}
	
	.content .innercontent .research  > table > tbody > tr > td
	{
		display: block;
		width: 100%;
		border: 0;
		padding: 0;}
	
	.content .innercontent .research > table td:first-child
	{
		padding-top: 15px;
		font-size: 18px
	;}
	
	.content .innercontent .research > table table td:first-child
	{
		padding-top: 0px;
		font-size: 16px
	;}
	.content .innercontent .research > table table td:last-child
	{
		padding-bottom: 0px;}
	
	.content .innercontent .research td:last-child
	{
		border-bottom: 1px solid #ddd;
		padding-bottom: 15px;}
	
	.content .innercontent .research .col-w4
	{
		width: 100%;}
	
	.content .innercontent .research.institute table table .col-w4
	{
		width: 80px;}
	
	.content .innercontent .research.institute table table td
	{
		border: 0;}
	
	.content .innercontent .article .postimg li
	{
		width: 100% !important;}
		
}

@media screen and (max-width:400px)
{
	.content .innercontent .academic li
	{
		width: 50%;}
	
	.content .innercontent .faculty .pepolelist li
	{
		width: 100%;}
	
	.content .innercontent .facultydetail .img
	{
		float: none;
		text-align: center;}
	.content .innercontent .facultydetail .img img
	{
		width: 80%;
		margin-bottom: 30px;}
	
	.content .innercontent .facultydetail .article
	{
		margin-left: 0;}
	
		
	.content .innercontent .subnav li
	{
		width: 100% !important;}
	
	.content .innercontent .contacttxt .qcode
	{
		padding-right: 35px;}
	
	.content .innercontent .contacttxt .qcode img
	{
		width: auto;
		max-width: 100%;}
	
	.content .innercontent .contacttxt .qcode span
	{
		padding-top: 15px;
		text-align: center;
		display: block;}

}