html {
	font-size: 100%;
}

body {
	font-size: 1em;
	background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #555555;
	font-size: 100%;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.container {
	padding: 0;
}

.undergraduate {
	width: 100%;
	max-width: 120em;
	margin: 0 auto;
}

h3.title01 {
	font-size: 1.875em;
	text-align: center;
	margin-top: 2.5em;
}

.abstract {
	text-align: center;
	margin-top: 0.9375em;
}

.undergraduate_bot {
	width: 100%;
	margin-top: 3.125em;
}

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

.undergraduate_bot li>div {
	width: 50%;
	height: 20.4375em;
	float: left;
	position: relative;
}

.opacity {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/opacitybg01_02.png) repeat;
	display: none;
}

.undergraduate_bot li>div a {
	display: block;
	width: 100%;
	height: 100%;
}

.undergraduate_bot li>div a img {
	width: 100%;
	/* height: 100%; */
}

.undergraduateIndro {
	background: #f2f2f2;
}

.undergraduateIndro h4 {
	margin: 1.5em 1.875em 0;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1.8em;
}

.undergraduateIndro h4 span {
	display: block;
	font-size: 0.875em;
}

.undergraduateIndro .em01 {
	margin: 1.8125em 2.8125em;
	display: block;
	width: 3.5em;
	height: 0.0625em;
	background: #7e1616;
}

.undergraduateIndro p {
	margin: 0 2.8125em;
	font-size: 0.9375em;
	line-height: 1.733em;
	height: 5em;
	overflow: hidden;
}

.undergraduateIndro .more03 {
	margin: 0.625em 2.8125em 0;
	display: block;
	width: 1.5em;
	height: 1.5em;
	background: url(../images/more03_03.png) no-repeat;
	float: right;
}

.undergraduate_bot li:hover .opacity {
	display: block;
}

.undergraduate_bot li:hover .undergraduateIndro {
	background-color: #7e1616;
	color: #FFFFFF;
}

.undergraduate_bot li:hover .undergraduateIndro h4 {
	color: #FFFFFF;
}

.undergraduate_bot li:hover .undergraduateIndro .em01 {
	background-color: #fff;
}

.undergraduate_bot li:hover .undergraduateIndro .more03 {
	background: url(../images/more04_03.png) no-repeat;
}


/*研究生培养*/

.graduate {
	width: 100%;
}

.graduateBot {
	width: 100%;
}

.graduateBot li {
	width: 32%;
	float: left;
}

.graduateBot li+li {
	margin-left: 2%;
}

.graduateBot li>div {
	width: 100%;
}

.graduateBot li>div .liImg {
	display: block;
	width: 100%;
	/* height: 17.5em; */
}

.graduateBot li>div img {
	width: 100%;
	/* height: 100%; */
}

.graduateBot {
	margin: 2.5em 0 1.875em;
}

.graduateBotIndro {
	margin: 2.1875em 0 3.4375em;
}

.graduateBotIndro h4 {
	font-size: 1.5em;
	text-align: center;
}

.graduateBotIndro em {
	display: block;
	width: 2.3125em;
	height: 0.3125em;
	background-color: #7e1616;
	margin: 1.25em auto;
}

.graduateBotIndro p {
	font-size: 0.9375em;
	text-align: center;
	line-height: 1.8em;
}

.more04 {
	display: block;
	width: 8.2857em;
	height: 2.8571em;
	border: 0.0714em solid #d0d0d0;
	margin: 1.7857em auto 0;
	color: #7e1616;
	text-align: center;
	line-height: 2.8571em;
	font-size: 0.875em;
	border-radius: 1.4286em;
}

.more04:hover {
	background: #7e1616;
	color: #FFFFFF;
}

.gain {
	width: 100%;
	background-color: #eeeeee;
}

.gainBot {
	margin: 2.5em 0 5em;
}

.gainImg {
	width: 39.5%;
	height: 19.6875em;
	position: relative;
}

.gainImg img {
	width: 100%;
	height: 100%;
}

.teach_gain {
	width: 13.5625em;
	height: 6.25em;
	background: url(../images/opacitybg02_03.png) repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}

.teach_gain>a {
	display: block;
	margin: 0.5em;
	border: 0.0625em solid #fff;
	text-align: center;
	line-height: 5.125em;
	color: #FFFFFF;
}

.gainItem {
	width: 60%;
}

.gainBot li {
	float: left;
	width: 23%;
	height: 4.125em;
	border: 0.0625em solid #ccc;
	margin: 0.875em 1% 0;
	text-align: center;
	line-height: 4.125em;
}

.gainBot .mt1,
.gainBot .mt2,
.gainBot .mt3,
.gainBot .mt4 {
	margin-top: 0;
}

.gainBot li a {
	display: block;
}

.gainBot li:hover {
	background: #7e1616;
}

.gainBot li:hover a {
	color: #fff;
}

.more05 {
	display: block;
	width: 8.125em;
	height: 2.5em;
	background: url(../images/more05_03.png) no-repeat;
	text-align: center;
	line-height: 2.5em;
	margin: 3.125em auto 0;
	color: #7e1616;
}

.more05:hover {
	color: #7e1616;
}


/*下载专区*/

.downLoad {
	width: 100%;
}

.downLoadL {
	width: 47.2%;
	margin: 4.9375em 0;
}

.downLoadR {
	width: 39.3%;
	height: 19em;
	margin: 4.9375em 0;
	background: url(../images/loadborder.png) no-repeat;
	background-size: 100%;
}

.downLoadL h4 {
	margin: 1.333em 0;
	font-size: 1.875em;
}

.downLoadL p {
	text-indent: 2em;
	line-height: 2em;
}

.downLoadR li {
	width: 50%;
	height: 9.375em;
	float: left;
}

.load01 {
	background: url(../images/download01.png) no-repeat center 2.5625em;
}

.load02 {
	background: url(../images/download02.png) no-repeat center 2.5625em;
}

.load03 {
	background: url(../images/download03.png) no-repeat center 2.5625em;
}

.load04 {
	background: url(../images/download04.png) no-repeat center 2.5625em;
}

.downLoadR li a {
	display: block;
	width: 100%;
	height: 100%;
}

.downLoadR li a p {
	padding: 6.0625em 0 0em;
	text-align: center;
}

.load01:hover {
	background: url(../images/downloadhover01.png) no-repeat center 2.5625em;
}

.load02:hover {
	background: url(../images/downloadhover02.png) no-repeat center 2.5625em;
}

.load03:hover {
	background: url(../images/downloadhover03.png) no-repeat center 2.5625em;
}

.load04:hover {
	background: url(../images/downloadhover04.png) no-repeat center 2.5625em;
}

@media( max-width: 1499px) {
	.undergraduate_bot li>div{
		height: 19em;
	}
	.downLoadR li {
		height: 7.8em;
		background-position-y: 1.5625em;
	}
	.downLoadR li a p {
		padding: 4.0625em 0 0;
	}
	.downLoadR li:hover {
		background-position-y: 1.5625em;
	}
	.teach_gain {
		width: 12.5625em;
		height: 5.25em;
	}
	.teach_gain>a {
		line-height: 4.125em;
	}
}

@media( max-width: 1279px) {
	.undergraduate_bot li>div{
		height: 17em;
	}
	.undergraduateIndro .em01 {
		margin: 0.8125em 2.5em;
	}
	.undergraduateIndro h4 {
		line-height: 1.5em;
		margin: 0.5em 1.5em 0;
	}
	.undergraduateIndro p {
		margin: 0 2.5em;
	}
	.teach_gain {
		width: 10.5625em;
		height: 4.25em;
	}
	.teach_gain>a {
		line-height: 3.125em;
	}
	.downLoadR li {
		height: 6.3em;
		background-position-y: 0.5625em;
	}
	.downLoadR li:hover {
		background-position-y: 0.5625em;
	}
	
}

@media( max-width: 991px) {
	.undergraduateIndro h4{
		margin: 0.5em 0;
	}
	.undergraduateIndro .em01 {
    margin: 0.8125em 0em;
    }
	.undergraduateIndro p {
		height: 5.333em;
		overflow: hidden;
		margin: 0;
	}
	.graduateBot li>div .liImg {
		/* height: 10.5em; */
	}
	.gainBot .mt4 {
		margin-top: 0.875em;
	}
	.gainBot li {
		width: 31%;
		height: 4.9em;
	}
	.downLoadR li {
		height: 4.9em;
		background-position-y: 0.2em;
	}
	.downLoadR li:hover {
		background-position-y: 0.2em;
	}
	.downLoadR li a p {
		padding: 3em 0 0;
	}
	.downLoadL h4 {
		margin: 0.3em 0;
	}
}

@media( max-width: 768px) {
	.undergraduate_bot li>div{
		height: 13em;
	}
	h3.title01 {
		margin-top: 1em;
	}
	.undergraduate_bot li {
		width: 100%;
	}
	.gainImg {
		width: 100%;
	}
	.gainItem {
		width: 100%;
	}
	.gainBot .mt1,
	.gainBot .mt2,
	.gainBot .mt3,
	.gainBot .mt4 {
		margin-top: 0.875em;
	}
	.downLoadL {
		width: 100%;
		float: none;
		margin: 1em 0;
	}
	.downLoadR {
		width: 90%;
		margin: 0 auto;
		background: none;
		float: none;
	}
	.downLoadR li {
		height: 11.4em;
		background-position-y: 2.2em;
	}
	.downLoadR li:hover {
		background-position-y: 2.2em;
	}
	.downLoadR li a p {
    padding: 6em 0 0;
}
}
@media (max-width:425px)
{
	  .gainBot li{line-height: 2.125em;}  
	  .more05{margin-top: 1em;}
	  .gainBot{margin: 2.5em 0 1em;}
	  .downLoadL{width: 96%;margin: 1em auto;}
	  .more04{width: 6.2857em;}
}




/*党团建设开始*/
.build{
	width: 100%;
}
.build>h3{
	text-align: center;
	font-size: 1.875em;
	line-height: 1.5em;
	margin: 2.333em 0 1.333em;
}
.buildBot{
	background: #293352;
	width: 100%;
	height: 45em;
}
/*学院团委*/
.youth{
	width: 100%;
}
.youth h3{
	text-align: center;
	font-size: 1.875em;
	line-height: 1.5em;
	margin: 2.333em 0 1.333em;
}
.youthBot{
	padding: 1.25em 0;
	
}
.youthBot li{
	float: left;
	width: 31%;
	height: 32.5em;
	box-shadow:#999 0px 0px 0.625em;
	position: relative;
}
.youthBot li+li{
	margin-left: 3%;
}
.youthImg{
	margin: 1.25em;
}
.youthBot li a{
	display: block;
	width: 100%;
}
.youthBot li a img{
	width: 100%;
	max-height: 23em;
}
.youthBot h4{
	font-size: 1.125em;
	margin: 1.111em;
	color: #333;
}
.youthBot h4 span{
	font-size: 0.875em;
	color: #777;
}
.youthBot p{
	font-size: 0.875em;
	margin: 1.429em;
	line-height: 2.286em;
}
.youthBot em{
	display: block;
	width: 100%;
	height: 0.125em;
	background: #7e1616;
	position: absolute;
	bottom: 0;
}

/*学院工会*/
.trade{
	width: 100%;
	background: #eeeeee;
	padding-bottom: 3.75em;
}
.trade .title02{
	text-align: center;
	font-size: 1.875em;
	line-height: 1.5em;
	margin: 2.333em 0 1.333em;
}
.tradeBot li{
	width: 23.5%;
	height: 18.75em;
	float: left;
}
.tradeBot li+li{
	margin-left: 2%;
}
.tradeBot li>a{
	display: block;
	width: 100%;
	height: 12.5em;
}
.tradeBot li>a img{
	width: 100%;
	height: 100%;
}
.tradeBot li>h3{
	/* height: 6.25em; */
	line-height: 2em;
	padding: 0.2em 0;
}
.tradeBot li>h3 a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.tradeBot li>h3:hover a{
	color: #7e1616;
}
.tradeBot li p{
	font-size: 0.875em;
	line-height: 2.286em;
	height: 6.429em;
	overflow: hidden;
}
.tradeBot li .more06{
	display: block;
	width: 58.294%;
	height: 2.777em;
	background-color: #fff;
	font-size: 1.125em;
	border: 1px solid #7e1616;
	border-radius: 1.388em;
	text-align: center;
	line-height: 2.777em;
	float: right;
	margin-top: 2em;
}
.tradeBot li .more06:hover{
	background-color: #7E1616;
	color: #fff;
}
.tradeBot .more001{
		display: none;
		width: 100%;
		height: 3em;
		background: #7E1616;
		color: #fff;
		text-align: center;
		line-height: 3em;
		margin-top: 1em;
	}
@media( max-width: 1499px) {
	.buildBot{
		height: 35em;
	}
	.youthBot li{
		height: 28.5em;
	}
	.tradeBot li .more06{
		margin-top: 1em;
		height: 2.4em;
		line-height: 2.4em;
	}
}
@media (max-width:1279px){
	.buildBot{
		height: 30em;
	}
	.youthBot li{
		height: 25em;
	}
	.tradeBot li>h3 {
    height: 5.25em;
    line-height: 1.5em;
    padding: 1em 0;
	}
	.tradeBot li{
		height: 14.75em;
	}
	.tradeBot li>a{
		height: 9.5em;
	}
	.tradeBot li p{
		height: 4.429em;
	}
	.tradeBot li .more06 {
    margin-top: 0em;
    height: 2em;
    line-height: 2em;
	}
}
@media (max-width: 991px) {
	.tradeBot li>a {
    height: 7.5em;
	}
	.tradeBot li>h3 {
    height: 4.25em;
    line-height: 1.5em;
    padding: 0.5em 0;
	}
	.tradeBot li {
    height: 11.75em;
	}
}
@media (max-width: 768px) {
	.buildBot{
		height: 24.5em;
	}
	.youth h3{
		margin: 0em 0;
	}
	.youthBot{
		padding: 1em 0;
	}
	.youthImg{
		margin: 0;
	}
	.youthBot p{
		display: none;
	}
	.youthBot li{
		height: 100%;
	}
	.youthBot h4{
		line-height: 1.5em;
		margin: 0;
		text-align: center;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.trade .title02{
		margin: 0.5em 0;
	}
	.tradeBot{
		width: 96%;
		margin: 0 auto;
	}
	.tradeBot li .more06{
		display: none;
	}
	.tradeBot .more001{
		display: block;
		
	}
	.tradeBot li{
		width: 50%;
		height: 12.75em;
	}
	.tradeBot li>a {
    height: 10.5em;
	}
	.tradeBot li .more06 {
		margin: 1em 0.5em;
	    height: 2em;
	    line-height: 2em;
	}
	.tradeBot li+li{
		margin-left: 0;
	}
	.tradeBot li>h3 {
    height: 2.25em;
    line-height: 1.5em;
    padding: 0.5em 0.5em;
	}
	.tradeBot li p {
    height: 4.429em;
    margin: 0 0.5em;
	}
}
@media (max-width:425px){
	.buildBot{
		height: 14.5em;
	}
	.tradeBot li .more06 {
		margin: 0 0.5em;
	    height: 1.5em;
	    line-height: 1.5em;
	}
	.tradeBot li {
	    width: 50%;
	    height: 10.75em;
	}
	.tradeBot li>a {
	    height: 8.5em;
	}
	.build>h3{
		margin: 0.5em 0;
	}
}
@media (max-width:375px){
	.tradeBot li .more06 {
		margin: 0 0.5em;
	    height: 1.5em;
	    line-height: 1.5em;
	}
	.tradeBot li {
	    width: 50%;
	    height: 8.75em;
	}
	.tradeBot li>a {
	    height: 6.5em;
	}
}


li#youth-li-no-pic {
    height: 10em;
}