@charset "gb2312";
/*------------------------------------------------------------
	¥È©`¥×¥Ú©`¥¸
------------------------------------------------------------*/
.naviBox {
	background: #fff url(imgnav_box_bg.gif) repeat-x left bottom;
	padding-bottom: 10px;
}
.naviBox .topBarBox {
	margin-bottom: 15px;
}
#main {
	background-color: #fff;
	padding: 10px 0 0;
	width: 1024px;
}
.hasMoreTab {}
.hasMoreTab .bd {
	height: 130px;
	overflow: hidden;
}
#main .ind_news {
	margin-bottom: 10px;
}
.indWap {
	background-color: #fff;
	clear: both;
	padding: 5px 0 20px;
}
.allBox {
	background: #F0F0F0;
	border: 1px solid #D2D2D2;
	float: left;
	width: 120px;
	margin-top: 8px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	position: relative;
}
.flip {
	background: url(imgicon04.gif) no-repeat right center;
	cursor: pointer;
	padding-right: 8px;
}
.panel {
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	z-index: 100;
	width: 130px;
}
.panel .panelUl li a {
	display: block;
	padding: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.panel .panelUl li a:hover {
	background-color: #F0F0F0;
	text-decoration: none;
}
.listBox {
	float: left;
	width: 354px;
}
.listBox01 {
	margin-right: 10px;
}
.listBox03 {
	width: 290px;
	float: right;
}
.listBox .subBox {
	border: 1px solid #D9D9D9;
	margin-bottom: 10px;
	padding: 5px 0;
}
.listBox .xygz, .listBox .xyfc {
	margin-bottom: 0;
}
.listBox .subBox {
	height: 165px;
	overflow: hidden;
}
.listBox .subBox .comTitle02 {
	margin-bottom: 10px;
}
.listBox .subBox .comList {
	padding: 0 10px;
	overflow: hidden;
	height: 130px;
}
.photoUl li {
	float: left;
	font-size: 12px;
	text-align: center;
}
.photoUl li a {
	color: #333;
	display: block;
}
.photoUl li img {
	border: 1px solid #DDD;
	display: block;
	margin: 0 auto 5px;
	width: 67px;
	height: 47px;
}

.photoUl02 {
	width: 295px;
	margin: 0 -5px 17px 0;
	overflow: hidden;
}

.photoUl02 li {
	margin-right: 3px;
}

.photoUl02 li img {
	width: 90px;
	height: 115px;
}

.photoUl03 { background: url(imglingdao_bg.jpg) no-repeat top center; 
	width: 269px;
	height:152px;
	overflow: hidden;
	padding:10px;
	margin-bottom:14px;
}

.photoUl03 li {    
	font-size: 12px;
    color: #333;
	line-height:26px;
	border-bottom:#fff 1px dotted; 

}

.photoUl03 h3 { float:left;
    background:url(../img/icon08.png) no-repeat center left;
    padding-left: 12px; 
    width:110px;
	height:26px;
	font-weight:bold;
}

.photoUl03 li .name {
	display: block;
}

.photoUl03 li .name span { margin-right:8px;

}

.sBanner {
	clear: both;
	border: 1px solid #DDD;
}

.sBanner img {
	width: 288px;
}

.sBanner02 {
	margin-bottom: 10px;
}

.sBanner02 img {
	height: 61px;
}

.mainBanner {
	border: 1px solid #CCC;
	margin: 10px auto;
	clear: both;
	width: 1022px;
}
.mainBanner img {
	width: 100%;
}
.subTheory {
	float: left;
	width: 397px;
}
.subTheory01 {
	margin-right: 20px;
}
.subTheory02 {
	width: 290px;
}
.subTheory03 {
	width: 290px;
	float: right;
}
.subTheory .comTitle03 {
	margin-bottom: 15px;
}
.theInenr {
	border-bottom: 1px dotted #989898;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.theInenr .thePhoto {
	background: url(imgindexphoto_bg.gif) no-repeat left top;
	float: left;
	width: 106px;
	height: 81px;
	padding: 2px 2px 7px;
	overflow: hidden;
}
.theInenr .theText {
	float: right;
	width: 170px;
}
.theInenr .theText .title {
	font-weight: bold;
	height: 40px;
	line-height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
}
.campusBox .lBox {
	float: left;
	width: 833px;
}
.campusBox .campus {
	border: 1px solid #D7D7D7;
	padding: 12px;
	height: 164px;
	overflow: hidden;
}
.campusBox .campus .event {
	float: left;
	width: 264px;
}
.campusBox .campus .view {
	float: right;
	width: 526px;
}
.campusBox .campus .view .viewUl {
	width: 531px;
	margin-right: -5px;
	overflow: hidden;
}
.campusBox .campus .view .viewUl li {
	float: left;
	margin-right: 5px;
	overflow: hidden;
}
.campusBox .campus .view .viewUl li img {
	border: 1px solid #DADADA;
	display: block;
	width: 170px;
	height: 125px;
}
.campusBox .campusUl {
	float: right;
	width: 183px;
}
.campusBox .campusUl li {
	float: left;
	padding-bottom: 5px;
}
.campusBox .campusUl li img {
	border: 1px solid #D7D7D7;
	display: block;
	width: 181px;
	height: 53px;
}
.otherBox {
	clear: both;
	margin-top: 10px;
}

.otherBox .other_list li {
	float: left;
	font-size: 14px;
	width: 19%;
	padding-left: 1%;
	height: 30px;
	line-height: 30px;
}
.otherBox .other_list li a {
	color: #333;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.otherBox .other_list li a:hover {
	color: #fb2f00;
	text-decoration: none;
}

#gFooter {
	background-color: #fff;
	margin: 0;
}


.picScroll-left {
	margin-bottom: 27px;
	width: 288px;
	overflow:hidden;
	position:relative;
}

 @media all and (min-width: 0) and (max-width: 720px) {
	#main {
		width: 100%;
		padding: 0;
	}
	
	
	.mainBanner {
		display: none;
	}
	.indWap,
	.ind03,
	.ind02,
	.ind_news,
	.campusBox .campus,
	.campusBox .campusUl,
	.subTheory {
		display: none;
	}
	
	.indWap {
		padding: 0;
	}
	
	.campusBox .lBox {
		width: 100%;
	}
	.campusBox .lBox .ttl {
		margin-bottom: 10px !important;
	}
	
	.otherBox {
		margin-top: 10px;
	}
	
	
	.otherBox .other_list li {
		width: 48%;
		padding-left: 2%;
	}
}
