@charset "utf-8";
/* CSS Document */
@media (max-width:768px){
    .flexslider .slides li, .flexslider .slides li img { height: auto;}
	.col-sm-12{ width:100%; float:none;} 
	.col-sm-4{ }
	.col-padding{ padding:0 15px;}	
	.headBody{ min-width:100%;}
	.logo {
		width: 100%;
		float:none;
		width: 95%;
	}
	/*nav*/
	.nav{ display:none;}
	.navMobil{ display:block;}
	.navMobilButton{
		width: 36px;
		height: 32px;
		background: url(../images/navMobilButton.png) center center no-repeat;
		position: absolute;
		top: 90px;
		right: 18px;
		background-size: 70% 70%;
	 }
	 .navmobilUl{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/navoption.png) repeat;
    z-index: 999;}
		.navMobilClose{ width:36px; height:32px; background:url(../images/navMobilClose.png) center center no-repeat; position:absolute; top: 15px;
    right: 18px; background-size:70% 70%;}
		.navmobilUl{ display:none;}
		.navUl{ margin-top:57px;}
			.navUl li{ float:none; margin:0 10px; position:relative;}
				.navUl li .navtitle span{ text-decoration: none; height:45px; line-height:45px; font-size:18px; color:#fff;}
				.navUl li b{ display:none;}
			.navmobilUl .menu{ display:none; position: static; background:none; width:auto;}
			.navmobilUl li.navSelect .menu{ display:block;}
				.navmobilUl li.navSelect a span{ color:#dec26d !important;}
				.navmobilUl .menu a{ width:100%; text-align:left; text-indent:15px; border-bottom:1px solid #6573a1; color:#dec26d !important;}
	
	/*banner*/
	.banner{ min-width:100%;}
	.flex-control-nav{ z-index:888;}
	.show_text{ display:none;}
	.flex-direction-nav a{ top:65%;}
	.workBanner{ margin-top:20px;}
	.bannerUl{ width:96%; padding:0 15px;}
	.arrowCont{ position: absolute; top:-110px; right:12px;}
	.bannerUl ul{ height: 74px;}
		.bannerUl li {
			width: 251px;
			float: left;
		}
	.announceBox{ width:237px !important;}
	.announceLeft span{ width:65px; font-size:12px; height: 32px; line-height:32px;}
	.announceLeft b{ width:63px;font-size: 20px; height:40px; line-height:40px;}
	.announceRight {
		width: 157px;
		margin: 15px 0 0 14px;
	}
	.announceRight a{ font-size:14px;    
    text-align: justify;
    line-height: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}

	/*学院新闻*/
	.collegeNews{ padding-bottom:20px; }
	.workTitle{margin: 20px 15px 0; }
	.announceTitle .titleIcons{ margin: 18px 0 0 15px;}
	.workUl { margin: 20px 15px; }
	.workText{ width:72%;}
		.workText h3 a{ font-size:20px;}
		.workText span{ font-size:18px;}
		.workText p{ font-size:16px; text-align: justify; line-height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

	/*学术沙龙*/
	.research{ height:385px;}
    .researchScroll{ margin:30px 15px 0;}
	.reseaTitle h3{ margin-top:35px;}
	.researchScroll li a{ display:block; float:left; font-size:18px;}
	.dateLeft span{ font-size:18px;}
	.scrollText{ width:56.5%; float:left; margin-left:20px; margin-top:12px;}
		.scrollText p{ font-size: 18px; line-height:30px; padding-top:6px;}
	.unslider-wrap.unslider-carousel li{ height:210px;}
	.dateText{ float:left; margin:18px 0 0 15px; width:78%;}
	.unslider-nav{ margin:0 auto 0;}

	/*学生工作*/
	.studentLeft{ margin:23px 0 0 0; overflow:hidden;}
	.studentDate{ font-size:16px;}
	.studentDl{ margin:0 15px;}
		.studentDl dt img{ width:300px !important; height:auto;}
		.studentDl dd {
			width: 53%;
			margin:0 0 0 23px;
		}
		.studentDl dd p{ margin-top:15px; font-size: 16px; line-height: 25px;}
		.studentDl dd h3{ margin-top:15px; width:100%;}
	.studentUl{ margin:0 15px;}
		.studentUl li{ width:48%;}
	.studentUl h3 a{ font-size:20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display:block; width:100%;}
	.college a,.college span{ font-size: 16px;}
	

	/*学生党建*/
	  .yjfx{ margin:0 15px;}
			.yjfx li a,.party span{ width:100%;}
	  .party span{ height:73px;}
			.partyColor1 span { background: url(../images/partyColor@media2x1.png) no-repeat;}
			.partyColor2 span { background: url(../images/partyColor@media2x2.png) no-repeat;}
			.partyColor3 span { background: url(../images/partyColor@media2x3.png) no-repeat;}
			.partyColor4 span { background: url(../images/partyColor@media2x4.png) no-repeat;}
			.partyColor5 span { background: url(../images/partyColor@media2x5.png) no-repeat;}
			.partyColor6 span { background: url(../images/partyColor@media2x6.png) no-repeat;}
			.party span b{ width:239px; height:69px; line-height:69px; text-align:center; font-size:24px; font-weight:normal;margin-right: 49px;}
			.yjfx li a .img{ width:738px; height:448px;}

	 /*footer*/
	 .footer{ min-width:100%; padding-bottom:15px;}
	 .footRight{ display:none;}
	 .contactUl{ width:80%;}
	 	.contactUl li{ height:30px;}
	 .footBottom{ padding:10px 0;}


	 /*index2*/
	 .banner{ height:auto;}
	 .resealUl li,.downText{ margin:0 15px 20px; width: 96%;}
		 .resealUl li b { margin: 24px 18px 0 20px; }
	 .downloads{ padding-bottom:10px;}
	 .downText{ padding-bottom:15px;}
		 .downText li img{ width:30px; height:30px;}
		 .downText li a{ font-size:20px; line-height:34px; border-bottom:none; padding-left:15px;}
     .announIndex2{ width:96% !important;margin: 0 15px 30px; }
	 .announceColor1{ width:100%; background: url(../images/announcePic@2xMedia1.png) no-repeat;}
	 .announceColor2{ width:100%; background: url(../images/announcePic@2xMedia2.png) no-repeat;}
	 .announceColor3{ width:100%; background: url(../images/announcePic@2xMedia3.png) no-repeat;}
	 .announceColor4{ width:100%; background: url(../images/announcePic@2xMedia4.png) no-repeat;}
	 .announceColor5{ width:100%; background: url(../images/announcePic@2xMedia5.png) no-repeat;}
	 .announceColor6{ width:100%; background: url(../images/announcePic@2xMedia6.png) no-repeat;}
	 .buildText a{ font-size:20px;}
	 .buildUl li span{ font-size:18px;}
	 .outDiv{ width:77%;}


	 /*faculty页面*/
	 .detailCont{ margin-top:-3px;}
	.listLeft h3{ width:100%; background: #264d9c;}
	.scrollTitle{ width:auto; padding:0 15px; margin: 0;display: none;}
	.importLeft b{ margin: 28px 12px 0 0;}
	.boread a, .boread b, .boread span { font-size: 16px;}
		.facultyUl li{ width:48%;}
	.footer{ padding-top:30px;}

    /*detail页面*/
	.detailCont{padding-bottom: 0;}
	.detailTitle{ width:100%;}
		.detailTitle h3 {font-size: 26px;}
		.detailTitle p{ width:44%;}
			.detailTitle p span { font-size: 18px;}
	.detailPhase{ width:95%;}
	.detailPhase p { font-size: 18px; line-height: 31px;}
    .detailPhase img{ width:95%; display:block; margin:0 auto;}


	/*list页面*/
	.listDate span { font-size: 18px; color: #555;}
	.listText p a { font-size: 20px; color: #222;}
	.listText .textArrow{ margin-top:9px;}
    .listBanner img{ height:auto;}
	
	

}

@media (max-width:414px){
	body{ overflow-x:hidden;}
	.col-xs-12{width:100%; float:none; }
	.col-padding{ padding:0 15px;}
  .headRight {display:none;}
	.headBg{ min-height:100px;}
	.logo{ width:90%;}
		.logo img{ width:320px;}
	.navMobilButton{ top: 7px; right: 13px;}

	.flex-direction-nav{ display:none;}
	.flex-control-nav{ bottom:2px;}
	.arrowCont{ display:none;}
    .bannerUl{ width:400px;  overflow-x:scroll; overflow-y:hidden;}
	.bannerUl ul{ width:1780px !important;}
 
    /*学院新闻*/
	.collegeNews{ height:454px; padding-bottom:0;}
	.titleRight{ margin-top:14px;}
	.titleText h3{ font-size: 22px; padding-top:4px;}
	.titleText span{ font-size: 14px; padding-top:3px;}
	.workPic{ width:35%;}
		.workPic img{ width:100%; height:auto;}
    .workText{ width: 60%;}
		.workText h3 { margin-top: 0;}
			.workText h3 a{ font-size:14px; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
    overflow: hidden;}
		.workText span{ margin-top:5px; font-size: 14px;}
			.workText span b{ margin: 2px 9px 0 0;}
		.workText p{ line-height:1.2rem; font-size: 14px; margin-top:5px;}

	/*学术沙龙*/
	.research{ height:550px;}
	.unslider-wrap.unslider-carousel li{ height:380px;}
	.researchScroll li a{ float:none;}
	.scrollText{ width:292px; margin:15px auto 0; float:none; }
	.dateLeft span{ font-size:16px;}
	.dateText{ margin: 5px 0 0 9px; width: 70%;}
		.researchScroll li a{ font-size:14px;}
	.scrollText p{ font-size:14px; padding-top:0; text-align: justify;
    line-height: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}

	/*学生工作*/
	.studentDl dt img{ width:100% !important; }
	.studentDl dd{ width:100%; margin:13px 0 0;}
		.studentDl dd h3{ margin-top: 7px;}
	.studentUl li{ width:100%; float:none;}
		.studentUl h3 a{ font-size: 16px;}
	.college a, .college span {
		font-size: 14px;
	}

	/*学生党建*/
	.studentRight{ padding-bottom:20px;}
	.party span{ height:29px;}
			.partyColor1 span { background: url(../images/partyColor1.png) no-repeat;}
			.partyColor2 span { background: url(../images/partyColor2.png) no-repeat;}
			.partyColor3 span { background: url(../images/partyColor3.png) no-repeat;}
			.partyColor4 span { background: url(../images/partyColor4.png) no-repeat;}
			.partyColor5 span { background: url(../images/partyColor5.png) no-repeat;}
			.partyColor6 span { background: url(../images/partyColor6.png) no-repeat;}
			.party span b{ width:94px; height: 29px; line-height: 28px; text-align:center; font-size:14px; font-weight:normal;margin-right:26px;}
			.yjfx li a{ width:313px; margin:0 auto;}
				.yjfx li a .img{ width:313px; height:190px; margin:0 auto;}

	.footer{ display:none;}

	/*index2页面*/
	.schedule{ padding-bottom:20px;}
	.resealUl li, .downText{ margin: 0 15px 20px; width: 93%;}
	.downText li img { width: 23px; height: 23px; }
	.downText li a{ font-size: 16px; line-height: 26px; padding-left:6px;}
	.announIndex2{ width: 93% !important;}
	.buildText a{ font-size:16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block;width:92%;}
		.buildUl li span { font-size: 14px;}
	.downloads { padding-bottom:2px;}
	.outDiv { width:80%; }

	/*faculty页面*/
	.listLeft h3{ width:100%; font-size: 26px; }
		.listLeftUl li a{ font-size: 20px; }
	.boread { margin: 26px 5px 0 0;}
		.boread a, .boread b, .boread span { font-size: 16px;}
	.importLeft h3{ font-size: 18px; margin-top: 24px;}
	.importLeft b{ background-size:90% 90%; margin: 28px 9px 0 0;}
	.facultyUl{ margin:0 15px; width: 92%;}
		.facultyUl li { width: 100%;}
	
	/*detail页面*/
	.detailTitle h3 { font-size: 22px; padding:0 15px; line-height: 32px;}
	.detailTitle p { width: 72%;}
		.detailTitle p span { font-size: 14px;}
	.detailPhase p { font-size: 16px; line-height: 30px;}
	.detailImg { margin: 30px 0 35px;}
		.detailImg img{ width:380px; height:auto;}
	.detailImg span{ font-size:16px;}


	/*list页面*/
	.listUl{ margin:0 15px;}
	.listDate span { font-size: 16px; color: #555;}
	
	.listText p { width: 85%;}
		.listText p a { font-size:16px; color: #222; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block; width:100%;}
	.listText .textArrow { margin-top: 7px; }
	.listDate { padding-top: 27px;}
    .pageUl{ width:100%;}
  .pageUl table a {
    line-height: 30px;
}

	
}

@media (max-width:375px){
	.workText {
		width: 59%;
	}
	.flex-control-nav{ bottom:-1px;}
	 .bannerUl{ width:400px !important; overflow-x:scroll; overflow-y:hidden;}
	.bannerUl ul{ width:1580px !important;}

	.outDiv { width: 77%;}

	/*detail页面*/
	.detailTitle p { width:81%;}

	/*list页面*/
	.listUl { width: 92%;}
	.detailCont{padding-bottom: 0;}

}

@media (max-width:320px){
	.headBg {
		min-height: 110px;
	}
	.logo {
		width: 90%;
		margin: 18px 0;
	}
	.logo img {
		width: 280px;
	}
	.flex-control-nav{ bottom:-1px;}
	.bannerUl{ width:400px !important; overflow:scroll;}
	.bannerUl ul{ width:1620px !important; overflow:scroll;}
	.workText {
		 width: 58%;
		 margin-left:15px;
	}
	.party span b{ margin-right: 18px;}
	.party span{ width:290px; height:29px;}
			.partyColor1 span { background: url(../images/partyColor@media1x1.png) no-repeat;}
			.partyColor2 span { background: url(../images/partyColor@media1x2.png) no-repeat;}
			.partyColor3 span { background: url(../images/partyColor@media1x3.png) no-repeat;}
			.partyColor4 span { background: url(../images/partyColor@media1x4.png) no-repeat;}
			.partyColor5 span { background: url(../images/partyColor@media1x5.png) no-repeat;}
			.partyColor6 span { background: url(../images/partyColor@media1x6.png) no-repeat;}
	.yjfx li a .img {
		width: 290px;
		height: 176px;
		margin: 0 auto;
	}
	.studentDl dt img{ height:198px;}



	.resealUl li, .downText{ width: 91%;}
	.announIndex2{ width: 91% !important;}
    .outDiv {
    width: 74%;
}

	/*faculty页面*/
	.facultyText {
		width: 132px;
	}
	.pageUl{ width:100%;}
		.pageUl li a{ font-size:12px;}
	.facultyText p{ 
		text-align: justify;
		line-height: 1.5rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	 }
	 


	 
	/*detail页面*/
	.detailTitle p { width:92%;}
	.detailTitle h3 { font-size: 20px;}
	.detailPhase p {
		font-size: 14px;
		line-height: 26px;
	}
	.detailImg span { font-size: 14px; }

			
}