body {
	background-color: #fff;
}
.ejbanner {
	width: 100%;
}
.ejbanner img{
	width: 100%;
	height: 240px;
}
.ejcon {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 20px;
	border-top: 6px solid #0453a4;
	background-color: #f1f1f1;
}
/* 二级左边导航 */
.twonav {
	width:300px;
	min-height: 1000px;
	margin-bottom: 5px;
	padding-left: 15px;
	float: left;	
	height: 100%;
	background-color: #f1f1f1;
	position: relative;
	box-shadow: 2px -6px 10px #ccc;
	z-index: 10;
}
.twotitle {
	margin: 30px 0;
	font-size: 22px;
	margin-left: 10px;
}
.twotitle p {
	color: #0453a4;
}
.twotitle span {
	text-transform: uppercase;
	color: #bcc7da;
}
.twonav li {
	width: 100%;
	height: 45px;
	padding: 0 20px;
	line-height: 45px;
	color: #333;
	background-color: #fff;
	margin-bottom: 5px;
}
.twonav li:hover, .twonav li.twoxz {
	background-color: #0c85d1;
}
.twonav li:hover a, .twonav li.twoxz a{
	color: #fff;
}
.twonav li a {
	display: block;
	width: 100%;
}
/*二级右边内容 */
.twocon {
	width: 900px;
	min-height: 1000px;
	margin-bottom: 5px;
	padding-left: 40px;
	float: left;
	background-color: #fff;	
	border-right: 1px solid #e1e0e0;
}
.twocon  h2 {
	border-bottom: 1px solid #ededed;
	padding: 10px 0 30px;
	font-size: 24px;
	margin-bottom: 40px;
}
/* 学院简介 */
.xyjj  h2 {
	text-align: center;
}
.xyjj  p {
	text-indent: 2em;
	line-height: 30px;
	color: #494949;
}
/* 学院新闻 */
.twonews {
	padding-right: 25px;
}
.twonews li {
	width: 100%;
	border-bottom: 1px dotted #a1a1a1;
	height: 48px;
	line-height: 48px;
}
.twonews li i {
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	background: url(../images/news.png) no-repeat;
	background-size: 100%;
	margin: 17px 12px 0;
}
.twonews li a {
	width: 670px;
	height: 48px;
	overflow: hidden;
	display: block;
	float: left;
}
.twonews li a:hover {
	color: #014f98;
}
.twonews li span {
	font-size: 14px;
	color: #999;
	display: block;
	float: right;
	padding-right: 25px;
}
/* 公告通知 */
.notice dl {
	width: 100%;
	overflow: hidden;
	padding-right: 20px;
	margin-bottom: 27px;
}
.notice dt {
	float: left;
	width: 93px;
	height: 88px;
	border: 1px solid #0c85d1;
	text-align: center;
	color: #0c85d1;	
	font-size: 14px;
}
.notice dt p {
	font-size: 30px;
	margin: 10px 0 0;
}
.notice dd {
	float: right;
	width: 715px;
}
.notice dd h4 {
	line-height: 30px;
	margin-top: 0;
}
.notice dd p {
	color: #848484;
	font-size: 14px;
	margin-bottom: 0;
}
.notice dl:hover dt {
	color: #fff;
	background-color: #0c85d1;
}
/* 详情页 */
.details {
	width: 100%;
	background-color: #fff;
	padding:0 0 50px;
	margin: 0;
}
.detitle {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ededed;	
}
.detitle h2 {
	padding: 0 0 20px;
	margin-bottom: 0;
	font-size: 24px;
}
.detitle p {
	margin-top: 25px;
	color: #8f8f8f;
	font-size: 14px;
}
.detitle a {
	color: #8f8f8f;
	font-size: 14px;
}
.detitle p a:hover {
	text-decoration: underline;
}
.decon h2 {
	color: #0453a4;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	margin-top: 30px;
}
.decon .detime {
	margin: 20px 0 30px;
	font-size: 14px;
	color: #8f8f8f;
	text-align: center;
}
.decon .detime span {
	margin: 0 10px;
}
.decon p {
	line-height: 30px;
	text-indent: 2em;
}
.decon .depage {
	border-top: 1px solid #c1c1c1;
	margin-top: 30px;
	padding-top: 30px;
}
.decon .depage span {
	color: #0453a4;
}
.decon .depage p {
	text-indent: 0;
}
.decon .depage a:hover {
	text-decoration: underline;
}
/* 系及行政 */
.staff .nav-tabs{
	border: none;
}
.staff .nav-tabs li a{
	background-color: #dcdcdc;
	border-radius: 30px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.staff .nav-tabs>li.active>a, .staff .nav-tabs>li.active>a:focus, .staff .nav-tabs>li.active>a:hover{
	border: none;
	color: #fff;
	background-color: #0453a4;
}
.staff .tab-pane {
	margin-top: 30px;
}
.staff .tab-pane li {
	width: 190px;
	height: 40px;
	text-align: center;
	line-height: 36px;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	border: 1px solid #b2aead;
	border-bottom: 4px solid #b2aead;
}
/* 博士生导师 */
.teachcon .tetit{
	font-size: 18px;
	color: #0453a4;
	font-weight: bold;
	margin-bottom: 30px;
}
.teachcon .tetit span{
	font-size: 14px;
	color: #666;
	font-weight: normal;
}
.teachcon ul li {
	width: 114px;
	float: left;
	margin: 0 40px 30px 15px;
}
.teachcon li img {
	width: 114px;
	height: 114px;
	display: block;
	border-radius: 50%;
	margin-bottom: 10px;
}
.teachcon li span {
	width: 100%;
	display: block;
	text-align: center;
}
/* 机构设置 */
.incon {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.incon h3 {
	color: #0453a4;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
.incon li {
	float: left;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dotted #d7d7d7;
	margin-right: 15px;
}
.incon li i {
	display: block;
	float: left;
	width: 12px;
	height: 5px;
	background: url(../images/in.png) no-repeat;
	margin: 18px 15px 0 0;
}
.incon li a {
	display: block;
	float: left;
	width: 360px;
}
/* 历史沿革 */
.htcon {
	margin-bottom: 60px;
}
.htcon h3 {
	color: #0453a4;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}
.htcon li {
	width: 100%;
	overflow: hidden;
	height: 45px;
	line-height: 45px;
	position: relative;
	background: url(../images/xian.jpg) repeat-y;
	background-position: 89px 0;
}
.htcon li b {
	font-weight: normal;
	background: url(../images/history.png) no-repeat;
	background-position: 7px 11px;
	color: #fff;
	text-align: center;
	float: left;
	width: 75px;
	height: 40px;
}
.htcon li i {
	width: 9px;
	height: 9px;
	margin-top: 19px;
	background-color:#494949; 
}
.htcon li span {
	float: left;
	margin-left: 10px;
}
.dean span {
	display: inline-block;
	width: 85px;
	font-size: 14px;
}
/* 学院领导 */
.lead {
	margin-right: 35px;
}
.lead h3 {
	border-left: 8px solid #0c85d1;
	padding-left: 14px;
	font-size: 20px;
	color: #0453a4;
	font-weight: bold;
	margin-bottom: 20px;
}
.lead h3 span {
	margin: 0 15px;
}
.leadcon dl {
	width: 100%;
	height: 265px;
	padding: 20px 15px 0;
	overflow: hidden;
	background-color: #ededed;
}
.leadcon dl dt {
	float: left;
	margin-right: 30px;
}
.leadcon dl dd {
	line-height: 24px;
	font-size: 14px;
}
.leadcon dd .leadtit {
	font-size: 20px;
	color: #1954b4;
	margin-bottom: 20px;
	font-weight: bold;
}
.leadcon .leadtit span {
	font-size: 14px;
	color: #333;
	margin-left: 15px;
	font-weight: normal;
}
.lead img {
	width: 162px;
	height: 197px;
}
.leadmore {
	width: 100%;
	text-align: right;
	padding-right: 20px;
}
.leadmore img {
	width: 30px;
	height: 16px;
}
.leadcon2,.leadcon3 {
	float: left;
	margin-bottom: 30px;
}
.leadcon2 {
	width: 500px;
}
.leadbox {
	float: left;
	background-color:#e5e5e5;
	padding:15px;
	margin-right: 15px;
	text-align: center;
	margin-bottom: 20px;
}
.leadbox p {
	font-size: 18px;
	color: #1954b4;
	font-weight: bold;
	margin: 10px 0 0;
}
/* 核心师资详情页 */
.perbox dl {
	width: 100%;
	overflow: hidden
}
.perbox dt {
	float: left;
	padding: 10px;
	margin: 5px 0 0 5px;
	box-shadow: 1px 1px 10px #d1d1d1;
}
.perbox dt img {
	width: 125px;
	height: 180px;
}
.perbox dd {
	float: left;
	width: 560px;
	margin-left: 25px;
}
.perbox dd ul {
	width: 100%;
	overflow: hidden;
}
.perbox dd li {
	margin-bottom: 10px;
}
.perbox ul.libox li{
	float: left;
	width: 50%;
}
.perbox dd li span {
	display: inline-block;
	width: 82px;
	color: #4d86c2;
}
.percon h4 {
	color: #4d86c2;
	margin-bottom: 20px;
}
.percon div {
	margin: 30px 0;
}
.percon div p{
	line-height: 30px;
}
/*慕课样式开始*/
.twovideo dl{
	width: 830px;
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 25px;
	padding-bottom: 25px;
}
.twovideo dt img {
	width: 260px;
	height: 145px;
	float: left;
}
.twovideo dl dd {
	float: right;
	width: 540px;
	height: 145px;
}
.twovideo dd h3 {
	font-size: 20px;
	font-weight: normal;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 5px 0 15px;
}
.twovideo dd p {
	width: 100%;
	height: 60px;
	overflow: hidden;
	line-height: 20px;
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
}
.twovideo dd a {
	color: #0c85d1;
	font-size: 14px;
	background-color: #edf8ff;
	padding: 8px 12px;
}
.twovideo dd a:hover {
	color: #0c90e3;
}
/*慕课样式结束*/
@media (max-width: 768px){
	.ejbanner img{
		height: auto;
	}
	.twonav {
		width:100%;
		margin-bottom: 5px;
		padding: 10px 10px 0;
		min-height: auto;
		float: none;	
		position: relative;
		box-shadow: none;
	}
	.twotitle {
		margin: 5px 0  10px 0;		
		overflow: hidden;
	}
	.twotitle p {
		font-size: 20px;
		float: left;
	}
	.twotitle span {
		font-size: 14px;
		float: left;
		margin-top: 6px;
		margin-left: 10px;
	}
	.twonav ul {
		width: 100%;
		overflow: hidden;
	}
	.twonav li {
		width: auto;
		float: left;
		height: 30px;
		line-height: 30px;
		margin-right: 10px;
		padding: 0 11px;
		margin-bottom: 10px;
	}
	/*二级右边内容 */
	.twocon {
		width: 100%;
		min-height: auto;
		margin-bottom: 5px;
		padding: 10px;
		float: none;
		border: none;
	}
	.twocon  h2 {
		font-size: 20px;
		margin-top: 0;
		margin-bottom: 10px;
		padding-bottom: 15px;	
	}
	/* 学院简介 */
	.xyjj  h2 {
		border-bottom: 1px solid #ededed;
		text-align: center;		
	}
	.xyjj  p {
		line-height: 24px;
		margin-bottom: 5px;
	}
	/* 学院新闻 */
	.twonews {
		padding-right: 0;
	}
	.twonews li {
		height: 30px;
		line-height: 30px;
	}
	.twonews li i {
		width: 10px;
		height: 10px;
		margin: 10px 8px 0;
	}
	.twonews li a {
		width: 280px;
		height: 30px;
	}
	.twonews li span {
		display: none;
	}
	.notice dl {
		padding-right: 0;
		margin-bottom: 15px;
		border-bottom: 1px dotted #ccc;
	}
	.notice dt {
		display: none;
	}
	.notice dt p {
		font-size: 22px;
		margin: 5px 0 0;
	}
	.notice dd {
		width: 100%;
		padding-bottom: 15px;
	}
	.notice dd h4 {
		line-height: 20px;
		font-size: 14px;
		margin-bottom: 8px;
	}
	.notice dd p {
		font-size: 10px;
	}
	.details {
		padding:0 0 20px;
	}
	.detitle h2 {
		padding: 0 0 20px;
		font-size: 16px;
	}
	.detitle p {
		margin-top: 21px;
		font-size: 12px;
	}
	.detitle a {
		font-size: 12px;
	}
	.decon h2 {
		font-size: 16px;
		line-height: 24px;
		margin-top: 20px;
		font-weight: normal;
	}
	.decon .detime {
		margin: 15px 0;
		font-size: 12px;
	}
	.decon .detime span {
		margin: 0 5px;
	}
	.decon p {
		line-height: 24px;
	}
	.decon .depage {
		margin-top: 20px;
		padding-top: 20px;
	}
	.staff .nav-tabs {
		margin-top: 15px;
	}
	.staff .nav-tabs li a{
		padding: 5px 15px;
	}
	.staff .tab-content {
		width: 100%;
		overflow: hidden;
	}
	.staff .tab-pane {
		margin-top: 15px;
	}
	.staff .nav-tabs>li.active>a, .staff .nav-tabs>li.active>a:focus, .staff .nav-tabs>li.active>a:hover {
		border: 1px solid #ddd;
	}
	.staff .tab-pane li {
		width: 98px;
		margin-right: 10px;
	}	
	.teachcon .tetit{
		margin-bottom: 20px;
	}
	.teachcon .tetit span{
		display: block;
		margin-top: 10px;
	}
	.teachcon ul {
		width: 100%;
		overflow: hidden;
	}
	.teachcon ul li {
		width: 93px;
		margin: 0 15px 15px 0;
	}
 	.teachcon li img {
		width: 93px;
		height: 93px;
	}
	.incon {
		margin-bottom: 0;
	}
	.incon h3 {
		margin-bottom: 10px;
	}
	.incon li {
		float: none;
		margin-right: 0;
	}
	.incon li a {
		display: block;
		float: left;
		width: 260px;
	}
	.htcon li {
		height: auto;
		max-height: 55px;
	}
	.htcon li span {
		width: 200px;
		line-height: 24px;
		padding-top: 10px;
	}
	.dean span {
		width: 50px;
		font-size: 12px;
	}
	.lead {
		width: 100%;
		overflow: hidden;
		margin-right: 0;
	}
	.lead h3 {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.lead h3 span {
		margin: 0 10px;
	}
	.leadcon dl {
		height: auto;
		padding: 15px;
	}
	.leadcon dl dt {
		float: none;
		text-align: center;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.leadcon dl dd {
		float: none;
		font-size: 12px;
		line-height: 18px;
	}
	.leadcon dd .leadtit {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.leadcon .leadtit span {
		font-size: 12px;
		margin-left: 5px;
	}
	.lead img {
		width: 110px;
		height: 135px;
	}
	.leadmore {
		width: 100%;
		text-align: right;
		padding-right: 20px;
	}
	.leadmore img {
		width: 30px;
		height: 16px;
	}
	.leadcon2,.leadcon3 {
		margin-bottom: 0;
	}
	.leadcon2 {
		width: 100%;
	}
	.leadbox p {
		font-size: 14px;
		margin: 10px 0 0;
	}
	.perbox dt {
		width: 97%;
		text-align: center;
		float: none;
		margin: 5px;
	}
	.perbox dd {
		margin-top: 20px;
		float: none;
		width: 100%;
		margin-left: 40px;
	}
	.perbox dd li span {
		width: 65px;
	}
	.perbox dd ul {
		margin-bottom: 0;
	}
	.perbox ul.libox li{
		float: none;
		width: 100%;
	}
	.percon h4 {
		margin-bottom: 15px;
	}
	.percon div {
		margin: 20px 0;
	}
	.percon div p{
		line-height: 26px;
	}
	/*慕课样式开始*/
	.twovideo dl{
		width: 100%;
		padding-bottom: 15px;
	}
	.twovideo dt {
		width: 100%;
		text-align: center;
	}
	.twovideo dt img {
		width: 260px;
		height: 145px;
		float: none;
	}
	.twovideo dl dd {
		float: none;
		width: 100%;
	}
	.twovideo dd h3 {
		margin-top: 15px;
	}
	/*慕课样式结束*/
	}
@media (max-width: 361px){
	.htcon li span {
		width: 192px;
	}
}
@media (max-width: 321px){
	.twonews li a {
		width: 240px;
	}
	.htcon li span {
		width: 156px;
	}
	.leadbox {
		padding: 8px;
		margin-right: 9px;
	}
}