@charset "utf-8";
/* CSS Document */


@media (max-width:768px){
.col-sm-12{ 
	width:97%;
	 padding-right: 10px;
    padding-left: 10px;
}
.col-sm-9 {
    width: 72%;
	padding-right: 10px;
    padding-left: 10px;
}
.col-sm-3 {
    width: 22%;
	padding-right: 10px;
    padding-left: 10px;
}
		.headBg{ min-width:100%;  overflow: visible;}
		.logo img{ width:380px;}
		.nav{ display:none;}
		.navMobil{ display:block;}
		.navMobilButton{ width:36px; height:32px; background:url(../images/navMobilButton.png) center center no-repeat; position:absolute; top: 90px;
    left: 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; border-bottom:1px solid #6573a1; margin:0 10px;}
				.navUl li a{ text-decoration: none; height:45px; line-height:45px; font-size:16px;}
				.navUl li b{ display:none;}
				.navUl li.navSelect a{ color:#e8b632; font-weight:bold;}
		 .unslider{  min-width:100%; height:auto;}
			 .unslider-wrap li a img{ height:auto;}
			 .scrollText{ display:none;}
		 .endeaScroll{ padding:0; height:250px; }
			 #img-slider .slider-area{ width:730px; height:250px; margin:0 auto;}
			 #focus ul li { width:730px;height:250px; position: relative;}
			 #focus ul li .slider-scroll{ width:243px; padding:0;}
			 #focus ul li img{ width:230px; height:130px; border-top-right-radius:6px; border-bottom-right-radius:6px; margin:0 auto;}
			 #img-slider div.btn-left{ left:-5px; top:54px;}
			 #img-slider div.btn-right{ right:-9px; top:54px;}
				#img-slider div.btn-left span,#img-slider div.btn-right span{ background-size:70% 70%;}
		  .cloudText h3{ font-size:18px; line-height:25px; padding:0 18px;}
		  .cloudDate{ padding:0 18px;}
			  .cloudDate span{ font-size:17px;}

		  /*科研动态*/
		  .workGreat{ padding:20px 0 0; width:100%;}
		  .workTitle a{ font-size:28px;}
		  .workPic{ width:28%;}
		  .workText{ width:72%; padding-bottom: 13px;}
			  .workText h3 a{ font-size:21px;}
			  .workText span{ font-size:18px; margin-top:8px;}
			  .workText p { font-size: 18px; line-height: 28px; margin-top:10px; width: 93%; }

		  /*通知公告*/
		  .pioneerTitle h3{ font-size:28px;}
		  .pioneerUl h3 a { font-size: 20px; }
		  .workSymbol a { font-size:16px; padding:0 5px; height:26px; line-height:26px; }
		  .workSymbol span { font-size: 18px;line-height:26px;}


		  /*走进科协*/
		  .associat{ min-width:100%; margin-top:45px;}
		  .associatDl dt{ width:80px; height:80px; background-size:100% 100%; margin-right:11px;}
		  	 .associatDl dt span{ width:39px; font-size:18px; margin: 15px auto 0;}
		  .associatDl dd{ width:111px; height:52px; margin-right:10px; font-size: 18px;
    padding: 11px 20px; line-height:26px;}
		  .associatDl dd.associatSelect{ height:60px;}
		  .associat p{ font-size: 18px;}
		  .associat p.paragraph1,.associat p.paragraph2,.associat p.paragraph3{ width:97%;}

		  /*学术社团*/
		  .learnUl li{ width:31.9%; margin: 0 0 40px 0; padding:0 5px;}
		  .learnDl dt{ width:100%; height:133px;}
		  .learnDl dt img{ width:100%; height:100%;}
		  .learnPic{ width:100%; height:100%;}
			   .learnPic span{ width: 46%; margin:48px auto 0; font-size:26px; font-weight: normal;}
		  .society a{ font-size:18px;}
		  .societyDate b{ font-size:16px; margin-left: 0;}
		  .societyDate span{ font-size:16px;}
		  
		  /*学术社团*/
		  .footer{ height:350px; min-width:100%;}
				.footerTop{ border-bottom:none; height:auto; margin:0 10px; overflow:hidden;}
				.footLeftUl li{ margin-right:39px;}
		  .footLeft{ width:100%;}
		  .footRight img{ margin:10px auto 0; width:226px; display:block;}
		  .footerBottom{ margin-top:0px;}
				.footerBottom li{ float:none; height:32px;}
						.footerBottom li b{ margin: 0 10px 0 0;}
						.footerBottom li span{ padding-top:1px;}

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

		 /*list页面*/
		 .main{ margin:-3px auto;}
		 .listLeft,.listRight,.main{ width:100%; float:none;}
		 .listRight{ margin-top:10px;}
		 .listRightUl{ width:95%; margin:0 15px;}
		 .compute{ width: 92%; padding-top: 0;}
				.compute h3 a{ font-size:22px;}
				.compute span{ font-size:18px;}
		 .listLeft h3{ width:100%;}
		 .listLeftUl li{ line-height:27px; padding: 15px 28px 0;}
				.listLeftUl li a{ font-size:22px;}
		 .listZero{ font-size:20px;}
		 .compute p {
			font-size: 18px;
			line-height: 27px;
		}
		.pageUl {
			width: 408px;
		}
			.pageUl li a{ font-size:18px;}


}

@media (max-width: 414px){
.col-xs-12{ 
	width:95%;
	 padding-right: 10px;
	padding-left: 10px;
	float:none;
}
.col-xs-8 {
	width:60%;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-4 {
	width: 35%;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-6{ 
	width:50%;
	
}
	.headBg{ min-width:100%;  overflow: visible;}
		.logo img{ width:200px;}
		.logo{ padding-top:23px; margin:0;}
		.headSearch{ width:30%; margin-left:118px; float:none;display: none;}
		.headSearch span{ width:150px; text-align:center; margin-top: 4px;}
		.nav{ display:none;}
		.navMobilButton{ width:36px; height:32px; background:url(../images/navMobilButton.png) center center no-repeat; position:absolute; top: 23px;
    left: 330px; background-size:60% 60%;}
		.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; border-bottom:1px solid #6573a1; margin:0 10px;}
				.navUl li a{ text-decoration: none; height:45px; line-height:45px; font-size:16px;}
				.navUl li b{ display:none;}
				.navUl li.navSelect a{ color:#e8b632; font-weight:bold;}
		 .unslider{  min-width:100%; height:auto;}
			 .unslider-wrap li a img{ height:auto;}
			 .scrollText{ display:none;}
		 .endeaScroll{ padding:0; height:200px; }
			 #img-slider .slider-area{ width:360px; height:200px; margin:0 auto;}
			 #focus ul li { width:360px;height:200px; position: relative;}
			 #focus ul li .slider-scroll{ width:117px; padding:0;}
			 #focus ul li img{ width:113px; height:64px; border-top-right-radius:6px; border-bottom-right-radius:6px; margin:0 auto;}
			 #img-slider div.btn-left{ left:-5px; top:54px;}
			 #img-slider div.btn-right{ right:-9px; top:54px;}
				#img-slider div.btn-left span,#img-slider div.btn-right span{ background-size:70% 70%;}
		  .cloudText h3{    font-size: 12px; line-height: 25px;  padding: 0 1px;}
		  .cloudDate{ padding:0 18px; margin-top: 0;}
			  .cloudDate span{ font-size:12px; text-align:center; float:none;}
			  .cloudDate a{ margin-right:0;font-size: 14px; height: 27px; line-height: 27px;   }

		  /*科研动态*/
		  .workGreat{ padding:20px 0 0; width:100%;}
		  .workTitle a{ font-size:20px;}
		  .workPic{ width:37%;}
		  	.workPic img{ width:130px; height:80px;}
		  .workText{ width:62%; padding-bottom: 13px;}
			  .workText h3 a{ font-size:14px; white-space: nowrap; width:95%; display:block;
    text-overflow: ellipsis;
    overflow: hidden;
    }
			  .workText span{ font-size:12px; margin-top:8px;}
			  .workText p { font-size: 12px; line-height: 23px; margin-top:2px; width: 93%;  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}

		  /*通知公告*/
		  .pioneerTitle h3{ font-size:20px;}
		  .pioneerUl h3 a { font-size:16px; white-space: nowrap; width:95%; display:block;
    text-overflow: ellipsis;
    overflow: hidden;}
		  .workSymbol a { font-size:12px; padding:0; height:22px; line-height:22px;  }
		  .workSymbol span { font-size: 12px;line-height:22px;}


		  /*走进科协*/
		  .associatCont{ padding-top:30px;}
		  .associat{ min-width:100%; margin-top:24px;}
		  .associatDl dt{ width:46px; height:60px; background-size:100% 100%; margin-right:11px;}
		  	 .associatDl dt span{ width: 34px; font-size: 15px; margin: 10px auto 0;}
		  .associatDl dd{ width: 57px; height: 42px; margin-right: 10px; font-size: 12px; padding: 6px 5px; line-height: 22px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
		  .associatDl dd.associatSelect{ height:49px; text-align: justify;
    line-height: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
		  .associat p{ font-size: 14px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}
		  .associat p.paragraph1,.associat p.paragraph2,.associat p.paragraph3{ width:97%;}

		  /*学术社团*/
		  .learnUl li{ width:47%; margin: 0 0 40px 0; padding:0 5px;}
		  .learnDl dt{ width:100%; height:100px;}
		  .learnDl dt img{ width:100%; height:100%;}
		  .learnPic{ width:100%; height:100%;}
			   .learnPic span{ width: 57%; margin: 38px auto 0; font-size: 16px; font-weight: normal;}
		  .society a{ font-size:14px;line-height: 1.5rem; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
	.societyDate {
    margin-top: 0px;
}
		  .societyDate b{ font-size:12px; margin-left: 0;}
		  .societyDate span{ font-size:12px;}
		  
		  /*学术社团*/
		  .footer{ height:337px; min-width:100%; margin-top:20px; display:none;}
				.footerTop{ border-bottom:none; height:auto; margin:0 10px; overflow:hidden;}
				.footLeftUl li{ margin-right:39px;}
		  .footRight img{ margin:10px auto 0; width:226px; display:block;}
		  .footerBottom{ margin-top:0px;}
				.footerBottom li{ float:none; height:32px;}
						.footerBottom li b{ margin: 0 10px 0 0;}
						.footerBottom li span{ padding-top:1px;}
			
		  /*detail页面*/
		  .detailPhase{ margin: 22px 0 0;}
		  .detailImg img{ width:340px; height:227px; }
		  .detailTitle h3{ font-size:18px;}
		  .detailTitle p span{ font-size:14px;}
		  .detailTitle p { width:81%;}
		  .detailPhase p {
				font-size: 16px;
				line-height: 30px;
				
			}
		  .detailImg {
				 margin: 40px 0 35px;
			}
		  
		  /*list页面*/
		  .listLeft h3{ font-size:26px; height:55px; line-height:55px;}
		  .listZero{ padding:1px 10px 0 0;}
		  .compute { width:85%; padding-top: 3px;}
			  .compute p{ font-size:16px;}
			  .compute h3 a {
					display:block;
					font-size: 18px;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
					width:100%;
			  }
			  .compute span { margin-top:3px; font-size: 16px;}
		  .pageUl { width: 83%;}
		  .pageUl li a {
				font-size: 14px;
			}

}

@media (max-width: 375px){
	  .unslider-nav{ display:none;}
	  #img-slider div.btn-left {
			left: 280px;
			top: 194px;
	   }
	   #img-slider div.btn-right {
			right: 13px;
			top: 194px;
		}
		.endeaScroll {
			width:97%;
		}
	  .workPic {
			width: 37%;
	   }
	  .workText {
			width: 58%;
			padding-bottom: 13px;}
	  .associatCont {
	 		padding: 30px 0 0;
			width:100%;
		}
	 .associat p{ width:100%;}
	 .associat p.paragraph1, .associat p.paragraph2, .associat p.paragraph3 {
		width:95%;
	 }
	 .associatDl{ margin:0 8px;}
	 .associatDl dt {
			margin-right: 6px;
	  }
	  .associatDl dd { margin-right: 6px; width: 54px;}

	  /*detail页面*/
	  .detail{ padding:0; width:100%;}
	  .detailTitle h3{ margin-top:40px;}
	  .detailTitle p {
			width: 90%;
			margin: 0 5px;
		}
		.detailImg img{ width:320px; height:214px; }

	  /*list页面*/
	  .pageUl {
			width: 93%;
		}


}

@media (max-width: 360px){
	  .unslider-nav{ display:none;}
	  #img-slider div.btn-left {
			left: 280px;
			top: 194px;
	   }
	   #img-slider div.btn-right {
			right: 13px;
			top: 194px;
		}
		.endeaScroll {
			width:97%;
		}
	  .workPic {
			width: 37%;
	   }
	  .workText {
			width: 58%;
			padding-bottom: 13px;}
	  .associatCont {
	 		padding: 30px 0 0;
			width:100%;
		}
	 .associat p{ width:100%;}
	 .associat p.paragraph1, .associat p.paragraph2, .associat p.paragraph3 {
		width:95%;
	 }
	 .associatDl dt {
			margin-right: 6px;
	  }
	  .associatDl dd { margin-right: 6px; width: 50px;}

}

@media (max-width: 320px){
	 #img-slider div.slider-area{ height:241px;}
	 #img-slider .slider-area,#focus ul li{ width:300px;}
	 #focus ul li .slider-scroll{ width:100px;}
	 #focus ul li img { width: 94px; height: 59px;}
	 #img-slider div.btn-left span, #img-slider div.btn-right span {
		 background-size: 60% 60%;
	 }
	 #img-slider div.btn-left {
		left: 254px;
		top: 214px;
	 }
	#img-slider div.btn-right {
			right: 13px;
			top: 214px;
	 }
	.cloudDate a{ width:80px; font-size:12px;}
	 .workGreat {
		 padding: 45px 0 0;
	}
	.workPic img {
		width: 115px;
		height: 71px;
		margin-top:6px;
	}
	.learnUl li{ width:46%;}
	.associatDl dt{ width:53px;}
	.associatDl dd{ width:42px;}
	.associatDl dd.associatSelect{ height:48px;}
	.pioneerUl { margin-top: 18px;}
	.workUl{ margin-top:5px;}

	/*detail页面*/
	.detailTitle p {
		width: 100%;
	}
	.detailPhase p {
		font-size: 14px;
		line-height:26px;
	}

	/*list页面*/
	.pageUl {
		width: 100%;
	}
	.pageUl li {
		margin: 0 8px;
	}
	.listLeftUl li b{left:-4px;}

}