@charset "utf-8";

.subject {
	width: 100%;
	height: auto;
	margin: 30px 0px;
	overflow: hidden;
}

.subject1,
.subject3,
.titles {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
}

.subject2 {
	background: #f8f8f8;
	width: 100%;
	height: auto;
	overflow: hidden;
}

/*1200px以上轮播图*/
.slider {
	width: 100%;
	min-width: 1200px;
	height: 420px;
	position: relative;
	overflow: hidden;
	background: #fff;
	text-align: center;
}

.slider .bd {
	width: 1200px;
	position: absolute;
	left: 44.2%;
	margin-left: -490px
}

.slider .bd li {
	width: 1200px;
	overflow: hidden;
}

.slider .bd li img {
	display: block;
	width: 1200px;
	height: 420px;
}

.slider .tempWrap {
	overflow: visible !important
}

.slider .tempWrap ul {
	margin-left: -1200px !important;
}

.slider .hd {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 1;
	height: 8px;
	bottom: 20px;
	text-align: center;
}

.slider .hd li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 16px;
	height: 16px;
	line-height: 99px;
	overflow: hidden;
	background: url(../images/ydtp.png) 0 0px no-repeat;
	margin: 0 5px;
	cursor: pointer;
	filter: alpha(opacity=60);
}

.slider .hd li.on {
	background-position: 0 -21px;
	filter: alpha(opacity=100);
}

.slider .pnBtn {
	position: absolute;
	z-index: 1;
	top: 0;
	width: 100%;
	height: 420px;
	cursor: pointer;
}

.slider .prev {
	left: -55.8%;
	margin-left: -490px;
}

.slider .next {
	left: 55.75%;
	margin-left: 490px;
}

.slider .pnBtn .blackBg {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 420px;
	background: url(../images/btm.png) no-repeat;
	filter: alpha(opacity=50);
}

.slider .pnBtn .arrow {
	display: block !important;
	position: absolute;
	top: 40%;
	z-index: 1;
	width: 60px;
	height: 420px;
}

.slider .pnBtn .arrow:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.slider .prev .arrow {
	right: -60px;
	background: url(../images/zuo.png) no-repeat;
}

.slider .next .arrow {
	left: -50px;
	background: url(../images/you.png) no-repeat;
}

/*      subject1           */
.news {
	float: left;
	width: 786px;
	height: auto;
	overflow: hidden;
}

/* 新闻轮播图 */
div#slide-holder {
	width: 350px;
	height: 260px;
	position: relative;
	float: left;
}

div#slide-holder div#slide-runner {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
}

div#slide-holder img {
	margin: 0;
	display: none;
	position: absolute;
}

div#slide-holder div#slide-controls {
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 36px;
	display: none;
	position: absolute;
	background: url(../images/slide-bg.png);
}

div#slide-holder div#slide-controls p.text {
	float: left;
	color: #fff;
	display: inline;
	font-size: 10px;
	line-height: 16px;
	margin: 10px 0 0 20px;
	text-transform: uppercase;
	cursor: pointer;
}

div#slide-holder div#slide-controls p#slide-nav {
	float: right;
	height: 24px;
	display: inline;
	margin: 11px 15px 0 0;
}

div#slide-holder div#slide-controls p#slide-nav a {
	float: left;
	width: 16px;
	height: 16.2px;
	display: inline;
	font-size: 11px;
	margin: 0 5px 0 0;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#slide-holder div#slide-controls p#slide-nav a.on {
	background-position: 0 -21px;
}

div#slide-holder div#slide-controls p#slide-nav a {
	background: url(../images/ydtp.png) 0px 0px;
	color: transparent;
}

/* 通用title*/
.ty_title {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}

.ty_title span {
	float: left;
	font-size: 20px;
	color: #014642;
	display: block;
	width: auto;
	padding: 0px 2px;
	height: 38px;
	border-bottom: 2px solid #b29873;
	line-height: 28px;
        font-weight: bold;
}

.ty_title em {
	line-height: 26px;
	color: #014642;
	font-size: 18px;
	font-family: "宋体";
	margin-left: 9px;
}

.ty_title img {
	float: right;
	margin: 15px 0px 0px 6px;
}

.ty_title a {
	float: right;
	display: block;
	line-break: 26px;
	font-size: 13px;
	color: #666;
        margin-top: 10px;
}

.ty_title a:hover,
.newsul li a:hover p,
.newsul li a:hover span,
.noticeul a:hover p {
	color: #014642;
	text-decoration: underline;
}

/* 学院新闻*/
.newsdiv {
	float: left;
	margin-left: 15px;
	width: 420px;
}

.newsjj {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.newsbt {
	float: left;
	width: 70%;
	font-size: 16px;
	color: #000;
}

.newsxq {
	float: left;
	margin: 10px 0px 15px 0px;
	width: 70%;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}

.newsxq a,
.research_div div a,
.people_div div a {
	color: #014642;
	font-weight: bold;
}

.newsrq {
	float: right;
	width: 18%;
	background: #eee;
	margin-top: -20px;
}

.newsrq span {
	display: block;
	width: 80%;
	margin: 0px auto;
	line-height: 32px;
	font-size: 22px;
	border-bottom: 1px dashed #333;
	text-align: center;
}

.newsrq em {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 24px;
}

.newsrq div {
	background: #014642;
	color: #fff;
	text-align: center;
	line-height: 26px;
}

.newsul {
	width: 100%;
	height: auto;
	border-top: 1px dashed #eee;
}

.newsul li {
	width: 100%;
	height: auto;
	margin-top: 15px;
}

.newsul li a {
	display: block;
	width: 100%;
	height: auto;
	background: url(../images/jt1.png) no-repeat 0px 4px;
	overflow: hidden;
}

.newsul li p {
	float: left;
	text-indent: 1.5em;
	width: 76%;
}

.newsul li span {
	float: right;
}

/* 通知公告*/
.notice {
	float: right;
	width: 370px;
}

.noticeul {
	float: left;
	width: 100%;
	height: auto;
}

.noticeul li {
	padding: 3px 0px;
	height: auto;
	width: 100%;
	border-bottom: 1px dashed #ddd;
}

.noticeul a,
.activity_ul li a,
.research_a,
.research_ul a {
	display: block;
	width: 100%;
	overflow: hidden;
	height: auto;
}

.noticeul a div {
	float: left;
	width: 19%;
}

.noticeul a em,
.noticeul a div span {
	display: block;
	width: 100%;
	text-align: center;
}

.noticeul a em {
	line-height: 29px;
	color: #666;
	font-size: 22px;
}

.noticeul a div span {
	color: #888;
	font-size: 12px;
}

.noticeul a>span {
	display: block;
	width: 1px;
	height: 36px;
	float: left;
	margin-top: 5px;
	background: #ddd;
}

.noticeul a p {
	float: left;
	width: 68%;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 2%
}

.noticeul a p img {
	margin: 4px 0px 0px 10px;
}

.noticeul a img {
	margin-top: 12px;
}

/*             subject2                   */
.titles {
	margin: 38px auto;
}

/*学术活动 */
.activity {
	float: left;
	width: 31%;
}

.activity .research_ul_li {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.activity .research_ul_li img {
	width: 15px;
	vertical-align: middle;
	display: inline-block;
	height: 15px;
}

.activity .research_ul_li span {
	line-height: 35px;
	color: #B29873;
	position: relative;
	top: 2px
}

.activity .research_ul_li p {
	/* margin-top: 9px; */
}

.activity_ul,
.research_ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.activity_ul li {
        width: 100%;
	height: auto;
	line-height: 35px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #EEEEEE;
	margin-top: 5px;

}

.activity_ul li a>p {
	float: left;
	width: 12%;
	background: #014642;
	height: auto;
	padding: 3px 0px;
}

.activity_ul li em {
	display: block;
	width: 100%;
	line-height: 18px;
	text-align: center;
	color: #fff;
}

.activity_div {
	float: right;
	width: 84%;
}

.activity_div p {
	width: 100%;
	/* height: 42px; */
	/* line-height: 42px; */
	font-size: 14px;
}

/*.activity_div span {
	display: block;
	width: 100%;
	line-height: 22px;
	font-size: 12px;
	color: #888;
}*/

/*科研进展 */
.research {
	float: left;
	width: 30.1%;
	margin-left: 3.7%;
}

.research_a img {
	float: left;
	width: 45%;
	height: 140px;
}

.research_div {
	float: right;
	width: 50%;
}

.research_div p {
	width: 100%;
	line-height: 20px;
	font-size: 16px;
}

.research_div div {
	font-size: 12px;
	color: #888;
	line-height: 20px;
	margin: 10px 0px;
}

.research_div span {
	display: block;
	color: #333;
	font-size: 12px;
}

.research .activity_div img {
	width: 15px;
	vertical-align: middle;
	display: inline-block;
	height: 15px;
}

.research .activity_ul .activity_div{
	width: 70%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.research_ul li {
	width: 100%;
	height: auto;
	border-bottom: 1px dashed #ccc;
}

.research_ul a {
	background: url(../images/jt2.png) no-repeat 0px 11px;
	height: 32px
}

.research_ul li p {
	float: left;
	line-height: 32px;
	text-indent: 1.5em;
}

.research_ul li span {
	display: block;
	float: right;
	line-height: 32px;
}

/*人才培养 */
.people {
	float: right;
	width: 27.5%;
}

.people .research_ul_li {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.people .research_ul_li li {
	height: 35px;
	line-height: 35px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #EEEEEE;
	margin-top: 5px;
}

.people .research_ul_title {
	width: 70%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.people .research_ul_title img {
	width: 15px;
	vertical-align: middle;
	display: inline-block;
	height: 15px;
}

.people .research_ul_time {
	width: 30%;
	float: left;
	text-align: center;
}

/*党建与思想政治教育 */
.party {
	float: left;
	width: calc(100% - 34%)
}

.party .research_ul_li {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.party .research_ul_li .left {
	float: left;
	width: calc(50% - 25px);
	margin-right: 25px;

}

.party .research_ul_li .right {
	float: left;
	width: calc(50% - 25px);
	margin-left: 25px;

}

.party .research_ul_li img {
	width: 15px;
	display: inline-block;
	vertical-align: middle;
}

.party .research_ul_li span {
	color: #B29873;
	position: relative;
	top: 2px;
}

.party .title {
	margin-bottom: 20px;
	margin-top: 9px;
}


.party .desc {
	color: #999999;
	line-height: 25px;
	margin-bottom: 10px;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.activity_div {
	float: right;
	width: 68%;
}

.research .research_ul_time {
	width: 30%;
	float: left;
	text-align: center;
}

.activity_div p {
	width: 100%;
	/* height: 42px; */
	/* line-height: 42px; */
	font-size: 14px;
}

/*.activity_div span {
	display: block;
	width: 100%;
	line-height: 22px;
	font-size: 12px;
	color: #888;
}*/


/*团学动态 */
.group {
	float: right;
	width: 27.5%;
}

.group .research_ul_li {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.group .research_ul_li li {
	height: 35px;
	line-height: 35px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #EEEEEE;
	margin-top: 5px;
}

.group .research_ul_title {
	width: 70%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.group .research_ul_title img {
	width: 15px;
	vertical-align: middle;
	display: inline-block;
	height: 15px;
}

.group .research_ul_time {
	width: 30%;
	float: left;
	text-align: center;
}

/*             subject3                   */
.tab {
	width: 100%;
	margin: 40px 0px 10px 0px;
	overflow: hidden;
	height: auto;
}

.tab-hd {
	overflow: hidden;
	zoom: 1;
}

.tab-hd li.tabtive {
	background: #014642;
	color: #fff;
}

.tab-bd>li {
	display: none;
}

.tab-bd li.thisclass {
	display: list-item;
}

.tabul1 {
	float: left;
	width: 169px;
}

.tabul1 li {
	width: 100%;
	line-height: 61px;
	font-size: 20px;
	color: #666;
	text-align: center;
	background: #eee;
	cursor: pointer;
}

.tabul1 li i {
	font-size: 32px;
	margin-right: 10px;
}

.tabul2 {
	float: left;
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-left: 0px;
	width: 1000px;
	height: 100px;
}

.box,
.box2 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

.imgs2 {
	width: 618px;
	height: 100px
}

.imgs {
	width: 1236px;
	height: 100px
}

.imgs li a,
.imgs2 li a {
	display: block;
	height: 100%;
	width: 100%;
}

.imgs img,
.imgs2 img {
	width: 86%;
	height: 100%
}

.imgs li,
.imgs2 li {
	float: left;
	height: 100%;
	width: 206px
}


/*             1200px以下首页大图轮播图                  */
.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-pagination-bullet {
	background: #fff !important;
	opacity: 1 !important;
	width: 14px !important;
	height: 14px !important;
}

.swiper-button-next,
.swiper-button-prev {
	top: 45% !important
}

.swiper-button-prev {
	background: url(../images/zuo1.png) no-repeat !important;
	left: 0px !important;
}

.swiper-button-next {
	background: url(../images/you1.png) no-repeat !important;
	right: 0px !important;
}

.swiper-pagination-bullet-active {
	background: #007E37 !important;
}

.swiper-container {
	display: none;
}

.swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

.swiper-slide img {
	width: 100%;
	height: auto;
	min-height: 320px
}

/*低于1600*/
@media screen and (max-width: 1600px) {
	.slider .next {
		margin-left: 527px
	}
}

/*低于1440*/
@media screen and (max-width: 1440px) {
	.slider .next {
		margin-left: 546px
	}
}

/*低于1200*/
@media screen and (max-width: 1199px) {

	.subject1,
	.subject3,
	.titles {
		width: 100%;
	}

	.news,
	.notice,
	.activity,
	.research,
	.people {
		float: none;
		width: 90%;
		margin: 0px 5%;
		overflow: hidden;
	}

	.notice,
	.research {
		margin: 20px 5%;
	}

	div#slide-holder {
		width: 40%;
	}

	.newsdiv {
		width: 58%;
		margin-left: 2%;
	}

	.noticeul a div {
		width: 12%;
	}

	.ty_title span {
		line-height: 28px;
	}

	.people_div img {
		height: auto;
	}

	.noticeul a p {
		width: 82%;
	}

	.slider {
		display: none;
	}

	.swiper-container {
		display: block;
	}

	.tabul1 {
		width: 14%;
	}

	.tabul2 {
		width: 82%;
		padding: 14px 1.5%;
	}

	.swiper-slide img {
		min-height: 360px
	}
}

/*低于768*/
@media screen and (max-width: 768px) {
	.newsxq {
		margin-bottom: 12px;
	}

	.newsul li {
		margin-top: 12px;
	}

	.tabul1 {
		width: 90%;
		float: none;
		margin: 0px 5%;
	}

	.tabul1 li {
		float: left;
		width: 50%;
	}

	.tabul2 {
		float: none;
		width: 90%;
		margin: 0px 5%;
		border-left: 1px solid #ddd;
		padding: 0px;
		overflow: hidden;
		height: auto;
	}

	.tabul2>li {
		width: 94%;
		margin: 14px 3%;
	}

	.imgs2 {
		width: 660px
	}

	.imgs {
		width: 1320px
	}

	.imgs li,
	.imgs2 li {
		float: left;
		height: 100%;
		width: 220px
	}

	.swiper-slide img {
		min-height: 300px
	}
}

/*手机*/
@media screen and (max-width:414px) {
	.noticeul a img {
		margin-top: 7px;
	}

	.subject1,
	.subject3,
	.titles {
		width: 100%;
	}

	.news,
	.notice,
	.activity,
	.research,
	.people,
	.party,
	.group {
		float: none;
		width: 90%;
		margin: 0px 5%;
		overflow: hidden;
	}

	.party {
		padding-bottom: 50px;
	}

	.party .research_ul_li .left {
		width: 100%;
	}

	.party .research_ul_li .right {
		width: 100%;
		margin: 0 auto;
		margin-top: 20px;
	}

	.notice,
	.people {
		margin-bottom: 20px;
	}

	div#slide-holder,
	.newsdiv {
		width: 100%;
		float: none;
	}

	.newsdiv,
	.research {
		margin: 20px auto;
	}

	.ty_title {
		width: 100%;
		float: none;
	}

	.ty_title span {
		line-height: 28px;
		font-size: 22px;
	}

	.ty_title em {
		font-size: 16px;
	}

	.slider {
		min-width: 350px;
	}

	.slider .bd,
	.slider .tempWrap {
		width: 100%;
	}

	.slider .bd li img {
		width: 100%;
		height: auto;
	}

	.imgs,
	.imgs2 {
		height: auto;
	}

	.tabul2>li li {
		width: 115px;
		height: auto;
	}

	.tabul1>li {
		line-height: 40px;
		font-size: 18px;
	}

	.tabul1 li i {
		font-size: 24px;
	}

	.imgs img,
	.imgs2 img {
		min-height: 50px;
		max-height: 100px;
	}

	.newsul li p {
		text-indent: 1.2em;
		width: 100%;
	}

	.research_ul li span,
	.newsul li span,
	.noticeul a div,
	.noticeul a>span {
		display: none;
	}

	.noticeul a p {
		line-height: 36px;
		width: 88%;
		float: left
	}

	.research_a img,
	.research_div {
		width: 100%
	}

	.research_div p {
		line-height: 30px
	}

	.activity_div p {
		/* height: 24px */
	}

	.activity_ul li a>p {
		width: 18%
	}

	.activity_div {
		width: 81%
	}

	.newsul li p,
	.newsbt,
	.noticeul a p,
	.activity_div p,
	.research_div p,
	.research_ul li p {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.swiper-slide img {
		min-height: 200px
	}
}

@media screen and (max-width:330px) {
	.noticeul a p {
		width: 84%;
	}

	.tabul2>li li {
		width: 96px;
	}

	div#slide-holder div#slide-controls p#slide-nav {
		margin-right: 0px;
	}

	div#slide-holder div#slide-controls p.text {
		margin: 10px 0 0 0px;
	}
}


.ssjg input  {display:block;}