@charset "utf-8";

/* 全局 */
.adBanner {
	padding: 10px;
	background-color: #FFF;
	margin-top: 6px;
	border-bottom: 2px solid #CCC;
	clear: both;
}
ul.newsList {
	line-height: 24px;
}
ul.newsList li {
	background: url(../images/css/dot.png) no-repeat 4px 8px;
	padding-left: 1em;
}

ul.newsList li span {
	display: block;
	position: relative;
	margin: -24px 0 0 240px;
	height: 24px;
	font-family: Tahoma;
	color: #999;
}


/*  */
.indexFocusNews {
	background-color: #FFF;
	
	margin: 6px 0;
	overflow: hidden;
	zoom: 1;
	border-bottom: 2px solid #CCC;
}

.headlines {
	width: 445px;
	float: right;
	margin: 0 5px;
	display: inline;
}
.headlines h3 {
	font-family: 黑体;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 5px;
}
.headlines h3 a, .headlines h3 a:visited {color: #F60;}
.headlines h3 a:hover {color: #C00;}
.headlines p {margin-bottom: 8px; line-height: 20px; padding-left: 5px; height: 40px; overflow: hidden;}
.headlines p a {white-space: nowrap; font-size: 12px;}
.headlines p i {font-style: normal; padding: 0 6px; font-size: 11px; color: #666;}
.headlines .solidLine {height: 8px; border-top: 1px solid #CCC; overflow: hidden; }


.focusBigPic {
	width: 470px;
	height: 245px;
	overflow: hidden;
	float: left;
}
.focusBigPic ul {
	width: 470px;
	height: 245px;
	overflow: hidden;
}
.focusBigPic ul li {
	position: relative;
	display: none;
}
.focusBigPic ul li div {
	background-color: #000;
	width: 470px;
	height: 56px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 1;
	left: 0;
	top: 190px;
	position: absolute;
}
.focusBigPic ul li p {
	width: 446px;
	height: 46px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	left: 12px;
	top: 195px;
	color: #999;
}
.focusBigPic ul li p a, .focusBigPic ul li p a:visited {
	font-size: 16px;
	font-weight: normal;
	font-family: 黑体;
	color: #FFF;
	line-height: 25px;
	display: block;
}
.focusBigPic ul li p a:hover {
	color: #FFF;
}

.focusSmallPic {
	float: right;
	width: 450px;
	height: 82px;
	position: relative;
	margin-right: 10px;
	display: inline;
	background: url(../images/css/focus_tabsBg.png) no-repeat;
	z-index: 1;
}
.focusSmallPic span {
	display: block;
	position: absolute;
	z-index: 1;
	width: 11px;
	height: 21px;
	overflow: hidden;
	line-height: 100px;
	cursor: pointer;
}
.focusSmallPic span.backward {left: 2px; top: 22px;}
.focusSmallPic span.forward {right: 2px; top: 22px;}
.focusSmallPic ul {
	position: absolute;
	left: 20px;
	top: 5px;
	z-index: 1;
}
.focusSmallPic ul li {
	width: 88px;
	height: 68px;
	float: left;
	padding: 4px 4px 0;
	margin: 0 8px 0 0;
	text-align: center;
}
.focusSmallPic ul li.current {
	background: #C00;
}
.focusSmallPic ul li.current a {
	color: #FFF;
}
.focusSmallPic ul li a:hover {
	text-decoration: none;
}
.focusSmallPic ul li img {
	display: block;
}

/*  */
.topMain {
	background-color: #FFF;
	overflow: hidden;
	zoom: 1;
	padding: 6px 10px;
	border-bottom: 2px solid #CCC;
	background: #FFF url(../images/css/indexMain_bg.png) repeat-y center top;
}
.topMain .sideBar {
	width: 294px;
	float: left;
	margin-right: 17px;
}
.topMain .sideBar.rBar {
	width: 234px;
	float: right;
	margin: 0;
}
.topMain .contentBar {
	width: 378px;
	float: left;
}
.topMain h2 {
	background: url(../images/css/title_bg.png) repeat-x;
	height: 25px;
	overflow: hidden;
	font-size: 14px;
}
.topMain h2 span {
	display: block;
	line-height: 25px;
	color: #FFF;
	margin-left: 8px;
	padding-left: 20px;
	background: url(../images/css/indexArrow.png) no-repeat 0 -175px;
}
.topMain .more {
	margin: -18px 10px 0 0;
	height: 18px;
	line-height: 50px;
	text-align: right;
}
.topMain .more a {
	background: url(../images/css/indexArrow.png) no-repeat 0 -248px;
	overflow: hidden;
	height: 10px;
	width: 30px;
	display: block;
	float: right;
}
.topMain .sideBar .topic {height: 94px; margin: 10px 3px 0 0; background: url(../images/css/dashed.png) repeat-x left bottom;}
	.topMain .sideBar .topic dt {width: 180px; font-weight: bold; float: right; line-height: 25px;}
	.topMain .sideBar .topic dd.pic {float: left;}
		.topMain .sideBar .topic dd.pic img {display: block; padding: 2px; border: 1px solid #CCC;}
	.topMain .sideBar .topic dd.txt { color: #777; width: 180px; float: right;}
.topMain .sideBar .newsList {margin: 6px 0 6px 0;}

.topMain .tabs {
	background: url(../images/css/title_bg.png) repeat-x;
	height: 29px;
	padding-left: 3px;
}
.topMain .tabs li {
	height: 25px;
	line-height: 23px;
	border-right: 1px solid #5286B6;
	width: 120px;
	float: left;
}
.topMain .tabs li a {
	margin: 2px 5px 0 2px;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
.topMain .tabs li.current {
	border-right: none;
	height: 29px;
	line-height: 26px;
	margin-left: -1px;
	background: url(../images/css/index_imgs.png) no-repeat;
}
.topMain .tabs li.current a {
	color: #C00;
}
.newsListArea {
	margin: 10px 5px 10px 5px;
}
.newsListArea li {
	line-height: 24px;
	background: url(../images/css/indexArrow.png) no-repeat 0 -65px;
	padding-left: 22px;
	font-size: 14px;
	height: 24px;
	overflow: hidden;
}
.newsListArea li span {
	font-size: 12px;
	color: #014F8D;
	margin-left: 8px;
	line-height: 18px;
}
.newsListArea li.dashed {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background: url(../images/css/dashed.png) repeat-x left center;
	margin: 5px 0 6px;
}

.bbsHotList {
	margin: 6px 0 8px 3px;
}
.bbsHotList li {
	line-height: 29px;
	background: url(../images/css/dashed.png) repeat-x left bottom;
}
.bbsHotList li span {
	float: left;
	width: 20px;
	height: 12px;
	text-align: center;
	margin: 8px 3px 0 0;
	background: url(../images/css/indexArrow.png) no-repeat 0 -300px;
	color: #666;
	font: bold 11px/12px Arial;
	font-size: 11px;
}

.indexVideo {
	height: 133px;
	width: 214px;
	background: url(../images/css/video_bg.png) no-repeat;
	margin: 10px auto;
}
.indexVideo img {
	padding: 2px;
}


.indexSiteSearch {
	background: url(../images/css/indexSearch.png) no-repeat 0 -330px;
	height:70px;
}
.indexSiteSearch h2 {
	height: 36px;
	visibility: hidden;
}
.indexSiteSearch .inputBg {
	background: url(../images/css/indexSearch.png) no-repeat 0 -160px;
	height: 24px;
	width: 142px;
	float: left;
	margin: 0 4px 0 15px;
	padding-top: 2px;
	display: inline;
}
.indexSiteSearch .input {
	border: 0;
	width: 130px;
	margin: 0 0 0 4px;
	padding: 1px 0 0 0;
	font-size: 14px;
}
.indexSiteSearch .submit {
	width: 60px;
	height: 26px;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/css/indexSearch.png) no-repeat -150px -160px;
	border: 0;
}
.indexSiteSearch p {
	clear: both;
	padding: 8px 10px 0 15px;
	line-height: 18px;
	height: 55px;
	overflow: hidden;
}
.indexSiteSearch p a {
	white-space: nowrap;
}
.indexSiteSearch p a.sty1 {font-weight:bold;}
.indexSiteSearch p a.sty2 {font-size:14px;color:#F00;}
.indexSiteSearch p a.sty3 {color:#00F;}


/*  */
.mainModule {
	background: #FFF url(../images/css/indexModule_bg.png) repeat-y center top;
	border-bottom: 2px solid #CCC;
	margin-top: 6px;
	padding: 0 10px;
	zoom:1;
}

.modTitle {
	height: 33px;
	background: #FFF url(../images/css/title_bg.png) repeat-x;
}
.modTitle h2 {
	margin-left: 15px;
	background: url(../images/css/index_imgs.png) no-repeat;
	height: 33px;
	width: 180px;
	overflow: hidden;
}

.modTitle {
	height: 33px;
	background: #FFF url(../images/css/title_bg.png) repeat-x;
}
.modTitle h2 {
	margin-left: 15px;
	background: url(../images/css/index_imgs.png) no-repeat;
	height: 33px;
	width: 180px;
	overflow: hidden;
}

/*  */
.mainModules {
	background: #FFF url(../images/css/indexModule_bg.png) repeat-y center top;
	border-bottom: 2px solid #CCC;
	margin-top: 6px;
	padding: 0 10px;
	zoom:1;
}

.modTitles {
	height: 33px;
	background: #FFF url(../images/css/title_bg.png) repeat-x;
}
.modTitles h2 {
	margin-left: 15px;
	background: url(../images/css/index_imgs.png) no-repeat;
	height: 33px;
	width: 180px;
	overflow: hidden;
}

.modTitles {
	height: 33px;
	background: #FFF url(../images/css/title_bg.png) repeat-x;
}
.modTitles h2 {
	margin-left: 15px;
	background: url(../images/css/index_imgs.png) no-repeat;
	height: 33px;
	width: 180px;
	overflow: hidden;
}

		#kideCenter .modTitle {background-position: 0 -37px;}
		#kideCenter .modTitle h2 {background-position: 0 -50px;}
		#jiajiao .modTitle {background-position: 0 -37px;}
		#jiajiao .modTitle h2 {background-position: 0 -90px;}
		#engCenter .modTitle {background-position: 0 -77px;}
		#engCenter .modTitle h2 {background-position: 0 -130px;}
		
		#primaryMath .modTitle {background-position: 0 -77px;}
		#primaryMath .modTitle h2 {background-position: 0 -170px;}
		#primaryChinese .modTitle {background-position: 0 -77px;}
		#primaryChinese .modTitle h2 {background-position: 0 -210px;}
		#specialty .modTitle {background-position: 0 -77px;}
		#specialty .modTitle h2 {background-position: 0 -250px;}
		#chuzhong .modTitle {background-position: 0 -117px;}
		#chuzhong .modTitle h2 {background-position: 0 -290px;}
		#gaozhong .modTitle {background-position: 0 -117px;}
		#gaozhong .modTitle h2 {background-position: 0 -332px;}
		/*  */
		#engCenter #engTabs {height: 33px;}
		#engCenter #engTabs h2 {float: left; display: inline;}
		#engCenter #engTabs #sr {background-position: 0 -291px;}
		#engCenter #engTabs #zz { margin-left: 7px;background-position: 0 -330px;}
		#engCenter #engTabs #zgj {margin-left: 7px; background-position: 0 -600px;}
		#engCenter #engTabs #sr.current {background-position: 0 -50px;}
		#engCenter #engTabs #zz.current {background-position: 0 -90px;}
		#engCenter #engTabs #zgj.current {background-position: 0 -130px;}

		/*  */
		#engCenters .modTitle {background-position: 0 -77px;}
		#engCenters .modTitle h2 {background-position: 0 -130px;}
		#engCenters #engTabss {height: 33px;}
		#engCenters #engTabss h2 {float: left; display: inline;}
		#engCenters #engTabss #sr {background-position: 0 -640px;}
		#engCenters #engTabss #zz {margin-left: 7px; background-position: 0 -686px;}
		#engCenters #engTabss #zgj {margin-left: 7px; background-position: 0 -727px;}
		#engCenters #engTabss #sr.current {background-position: 0 -170px;}
		#engCenters #engTabss #zz.current {background-position: 0 -208px;}
		#engCenters #engTabss #zgj.current {background-position: 0 -249px;}
		
.modTitle h2 a {
	display: block;
	line-height: 200px;
}
.subLink {
	height: 30px;
	line-height: 30px;
	margin: -30px 12px 0 200px;
	text-align: right;
	color: #999;
}

.modLeft {
	width: 410px;
	float: left;
}
.modCenter {
	width: 290px;
	float: left;
}
.modRight {
	width: 240px;
	float: right;
}

.hotCourse {
	margin: 10px 10px 10px 0;
	height: 170px;
	position: relative;
}
.hotCourse h3 {
	width: 200px;
	height: 25px;
	line-height: 30px;
	float: right;
	font-size: 12px;
	color: #F60;
	text-indent: 32px;
	overflow: hidden;
	background: #FFF url(../images/css/index_imgs.png) no-repeat 0 -370px;
}
.hotCourse .more {
	position: absolute;
	top: 6px;
	right: 10px;
	height: 18px;
	line-height: 50px;
}
.hotCourse .more a {
	background: url(../images/css/indexArrow.png) no-repeat 0 -273px;
	overflow: hidden;
	height: 10px;
	width: 30px;
	display: block;
	float: right;
}
.hotCourse .focusPic {
	float: left;
	border: 1px solid #E4E4E4;
	padding: 4px 4px 0;
	width: 180px;
	margin-top: 5px;
}
.hotCourse .focusPic img {
	display: block;
}
.hotCourse .focusPic .title {
	background: url(../images/css/indexArrow.png) no-repeat 0 -148px;
	padding-left: 10px;
	line-height: 25px;
	color: #013876;
}
.hotCourse .list {
	width: 200px;
	float: right;
	margin-top: 4px;
} 
.hotCourse .list li {
	background: url(../images/css/dashed.png) repeat-x left bottom;
	line-height: 28px;
}
.hotCourse .list li a {
	background: url(../images/css/indexArrow.png) no-repeat 0 -100px;
	padding: 3px 0 3px 22px;
}

.listBox {
	margin: 10px 10px 0 0;
}
.listBox h3 {
	height: 26px;
	overflow: hidden;
	background: url(../images/css/title_bg.png) repeat-x 0 -250px;
}
.listBox h3 span {
	display: block;
	line-height: 30px;
	font-size: 14px;
	color: #006018;
	text-indent: 25px;
	background: url(../images/css/indexArrow.png) no-repeat 5px -333px;
}
.listBox .more {
	margin: -15px 0 0 350px;
	width: 30px;
	height: 15px;
	overflow: hidden;
}
.listBox .more a {
	background: url(../images/css/indexArrow.png) no-repeat 0 -273px;
	height: 10px;
	width: 30px;
	line-height: 50px;
	display: block;
}
.listBox .videoPic {
	float: right;
	width: 120px;
	margin: 6px 6px 0 0;
	display: inline;
	line-height: 18px;
	border: 1px solid #DBDBDB;
	padding: 2px;
	text-align: center;
}
.listBox .videoPic img {
	display: block;
}
.listBox .newsList {
	margin: 10px 0;
	line-height: 22px;
}
.listBox .scrollBox {
	width: 392px;
	height: 115px;
	margin: 10px 0;
	position: relative; 
    overflow: hidden; 
}
.listBox .scrollBox .items {
	position: absolute;
	width: 20000em;
}
.listBox .scrollBox li {
	margin-left: 8px;
	float: left;
	display: inline;
	width: 90px;
	line-height: 24px;
	text-align: center;
}
.listBox .scrollBox li img {
	display: block;
	padding: 4px;
	border: 1px solid #CCC;
}


.modCenter dl {
	margin: 10px 10px 3px;
	border-bottom: 1px solid #E4E4E4;
	padding: 0 5px;
}
.modCenter dl dt {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}
.modCenter dl dt a, .modCenter dl dt a:visited {
	color: #014F8D;
}
.modCenter dl dd {
	padding-bottom: 6px;
	color: #777;
	line-height: 17px;
}
.modCenter .newsList {
	margin: 0 5px 0 10px;
}
#zuowenku, #engZgjGh, #engZgjZj {margin-left: 10px;}
#zuowenku h3, #engZgjGh h3, #engZgjZj h3 {
	background: url(../images/css/title_bg.png) repeat-x 0 -200px;
	height: 25px;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	margin: 10px 0 0;
}
#zuowenku h3 span, #engZgjGh h3 span, #engZgjZj h3 span {
	background: url(../images/css/indexArrow.png) no-repeat 0 -210px;
	color: #F60;
	display: block;
	line-height: 25px;
	margin-left: 8px;
	padding-left: 20px;
	font-size: 14px;
	text-indent: 0;
}
#zuowenku .more2, #engZgjGh .more2, #engZgjZj .more2 {
	height: 22px;
	margin: -22px 15px 0 0;
	text-align: right;
}
#zuowenku .newsList, #engZgjGh .newsList, #engZgjZj .newsList {
	margin: 10px 5px;
	padding-bottom: 5px;
	overflow: hidden;
	zoom: 1;
	background: url(../images/css/dashed.png) repeat-x left bottom;
}
#engZgjGh .newsList, #engZgjZj .newsList {background: none; margin-bottom: 5px;}
#zuowenku .newsList li, #engZgjGh .newsList li {
	float: left;
	width: 50%;
	padding-left: 0;
	text-indent: 1em;
}
#zuowenRight .newsList {line-height: 21px;}

#engCenter .modRight .newsList {line-height: 21px;}
#engCenters .modRight .newsList {line-height: 21px;}

.modRight h3 {
	background: url(../images/css/title_bg.png) repeat-x 0 -200px;
	height: 25px;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	margin: 10px 0 0 8px;
}
.modRight h3 span {
	background: url(../images/css/indexArrow.png) no-repeat 0 -210px;
	color: #F60;
	display: block;
	line-height: 25px;
	margin-left: 8px;
	padding-left: 20px;
	font-size: 14px;
}
.modRight .more {
	height: 22px;
	margin: -22px 15px 0 0;
	text-align: right;
}
.modRight .topic {
	margin: 10px 0 0 10px;
	height: 140px;
	background: url(../images/css/dashed.png) repeat-x left bottom;
}
.modRight .topic dt {
	width: 120px;
	float: right;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 6px;
}
.modRight .topic dd.pic {
	float: left;
	border: 1px solid #DDD;
	padding: 2px;
}
.modRight .topic dd.pic img {
	display: block;
}
.modRight .topic dd.txt {
	width: 120px;
	color: #777;
	float: right;
	line-height: 18px;
}
.modRight .topic2 {
	margin: 10px 10px 0;
	height: 105px;
	background: url(../images/css/dashed.png) repeat-x left bottom;
}
.modRight .topic2 dt {
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 6px;
}
.modRight .topic2 dd.pic {
	float: left;
	border: 1px solid #DDD;
	padding: 2px;
}
.modRight .topic2 dd.pic img {
	display: block;
}
.modRight .topic2 dd.txt {
	width: 122px;
	color: #777;
	float: right;
	line-height: 18px;
}
.modRight .topic3 {
	height: 90px;
	width: 230px;
	margin: 10px 0 0 10px;
	line-height: 26px;
	overflow: hidden;
}
.modRight .topic3 dd {
	float: left;
	margin-right: 6px;
	text-align: center;
}
.modRight .topic3 dd img {
	display: block;
	padding: 3px;
	border: 1px solid #DBDBDB;
}

.modRight .newsList {
	margin: 6px 0 6px 10px;
}
.modRight .newsList2 {
	margin: 0px 10px;
} 
.modRight .newsList2 li {
	background: url(../images/css/dashed.png) repeat-x left bottom;
	line-height: 28px;
}
.modRight .newsList2 li a {
	background: url(../images/css/indexArrow.png) no-repeat 0 -100px;
	padding: 3px 0 3px 22px;
}
#primaryMath .modRight .newsList2 li,
#chuzhong .modRight .newsList2 li,
#gaozhong .modRight .newsList2 li {
	line-height: 30px;
}


/* 学员作品 */
.kidsOpus {
	margin: 0 10px 10px 0;
	clear: both;
}
.kidsOpus h3 {
	background: url(../images/css/kidsOpus.png) no-repeat;
	height: 26px;
	line-height: 32px;
	padding-left: 57px;
	font-size: 14px;
	overflow: hidden;
}
.kidsOpus .more {
	margin: -20px 0 0 324px;
	height: 20px;
	width: 60px;
	overflow: hidden;
}
.kidsOpus .more a {
	display: block;
	line-height: 100px;
}
.kidsOpus .list {
	margin: 10px 0;
	overflow: hidden;
	zoom: 1;
}
.kidsOpus .list li {
	width: 90px;
	margin-left: 8px;
	float: left;
	text-align: center;
	line-height: 24px;
	display: inline;
}
.kidsOpus .list li img {
	padding: 3px;
	border: 1px solid #CCC;
	display: block;
}


/* 家教宝典 */
#jjbdTabs {
	background: url(../images/css/jjBaodian.png) no-repeat 0 -3px;
	height: 27px;
	padding-left: 95px;
	margin: 10px;
}
#jjbdTabs li {
	width: 70px;
	height: 24px;
	line-height: 24px;
	margin-top: 3px;
	float: left;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #CBCBCB;
	margin-left: -2px;
	background: url(../images/css/jjBaodian.png) no-repeat -100px -38px;
}
#jjbdTabs li.current {
	background: url(../images/css/jjBaodian.png) no-repeat 0 -35px;
	margin-top: 0;
	border-right: none;
	height: 27px;
	line-height: 27px;
	position: relative;
}
#jjbdTabs li.current a {
	color: #F60;
}
#jjbdCon {
	margin: 8px 10px 12px 0;
	height: 156px;
	overflow: hidden;
	zoom: 1;
}
#jjbdCon ul li {
	width: 50%;
	float: left;
	padding-left: 0;
	text-indent: 1em;
	line-height: 23px;
}

/* 学员感言 */
.speaking {
	margin: 10px;
}
.speaking dt {
	background: url(../images/css/dashed.png) repeat-x left top;
	line-height: 20px;
	padding-top: 5px;
}
.speaking dt a {
	background: url(../images/css/indexArrow.png) no-repeat 0 -148px;
	padding-left: 10px;
}
.speaking dd.pic {
	float: right;
	margin-top: -20px;
}
.speaking dd.pic img {
	display: block;
	border: 1px solid #DDD;
	padding: 1px;
}
.speaking dd.txt {
	padding: 0 0 4px 10px;
	color: #999;
	line-height: 16px;
}

/* 学员之星 */
.studentStar {
	border: 1px solid #E4E4E4;
	border-bottom: none;
	width: 685px;
	float: left;
	height: 120px;
	background-color: #FFF;
}
.studentStar h3 {
	width: 60px;
	height: 120px;
	background: url(../images/css/studentStar.png) no-repeat;
	overflow: hidden;
	float: left;
}
.studentStar h3 a {
	display: block;
	line-height: 500px;
}
#studentStarBox {
	width: 618px;
	height: 110px;
	margin-top: 5px;
	overflow: hidden;
	float: left;
	position: relative;
}
#studentStarBox .items {
	width: 10000em;
	position: absolute;
}
#studentStarBox li {
	text-align: center;
	float: left;
	width: 103px;
}
#studentStarBox img {
	padding: 4px;
	display: block;
	border: 1px solid #CCC;
	margin: 0 auto;
}
#studentStarBox a {
	color: #666;
}

/* 数学竞赛 */
.math_contest {
	width: 220px;
	height: 300px;
	margin: 10px auto;
	background: url(../images/css/math_contest.jpg) no-repeat;
}
.math_contest h3 {visibility: hidden; height: 28px; margin: 0; padding: 0;}
.math_contest li {
	line-height: 32px;
	margin-bottom: 2px;
	font-weight: bold;
	margin-left: 30px;
}

/* 好词好段好句 */
.cjdNodeList {
	margin: 10px 0 0 6px;
}
.cjdNodeList li {
	background: url(../images/css/index_imgs.png) no-repeat 0 -430px;
	width: 75px;
	height: 23px;
	overflow: hidden;
	text-align: center;
	float: left;
	margin: 0 8px 6px 0;
}
.cjdNodeList li a {
	line-height: 25px;
}

/* 艺体科技 简章+作品 */
.jianzhangList {
	margin: 10px 0;
	overflow: hidden;
	zoom: 1;
}
.jianzhangList li {
	float: left;
	margin: 0 0 0 17px;
	display: inline;
	width: 110px;
	text-align: center;
	line-height: 22px;
}
.jianzhangList li img {
	padding: 4px;
	border: 1px solid #CCC;
	display: block;
}
.ytOpusList {
	margin: 10px;
	overflow: hidden;
	zoom: 1;
}
.ytOpusList li {
	float: left;
	margin: 0 0 5px 13px;
	display: inline;
	width: 90px;
	text-align: center;
	line-height: 22px;
}
.ytOpusList li img {
	padding: 4px;
	border: 1px solid #CCC;
	display: block;
}


.quweiList {
	margin: 10px 0;
	overflow: hidden;
	zoom: 1;
}
.quweiList li {
	float: left;
	margin: 0 5px 0 15px;
	width: 106px;
	height: 100px;
	display: inline;
	background: url(../images/css/video_bg.png) no-repeat 0 -140px;
}
.quweiList li img {
	padding: 3px;
}

/* 底部内容块 */
.bottomMain {
	background-color: #FFF;
	overflow: hidden;
	zoom: 1;
	border-bottom: 2px solid #CCC;
	padding: 0 10px;
	margin-top: 6px;
}
.bottomMain .sideBar {
	width: 300px;
	float: left;
	padding-top: 5px;
}
.bottomMain .sideBar.rBar {
	width: 240px;
	float: right;
}
.bottomMain .contentBar {
	width: 392px;
	float: left;
	border-left: 1px solid #DBDBDB;
	border-right: 6px solid #DBDBDB;
	overflow: hidden;
	padding-top: 5px;
}
.bottomMain .sideBar h2 {
	background: url(../images/css/title_bg.png) repeat-x 0 -200px;
	height: 25px;
	overflow: hidden;
	font-size: 14px;
	border-left: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	margin: 0 0 0 6px;
}
.bottomMain .sideBar.lBar h2 {
	margin: 0 6px 0 0;
}
.bottomMain .sideBar h2 span {
	display: block;
	line-height: 25px;
	color: #F60;
	margin-left: 8px;
	padding-left: 20px;
	background: url(../images/css/indexArrow.png) no-repeat 0 -210px;
}
.bottomMain .more {
	margin: -18px 10px 0 0;
	height: 18px;
	line-height: 50px;
	text-align: right;
}
.bottomMain .more a {
	background: url(../images/css/indexArrow.png) no-repeat 0 -248px;
	overflow: hidden;
	height: 10px;
	width: 30px;
	display: block;
	float: right;
}

.bottomMain .sideBar .topic {height: 92px; margin: 10px 8px 0 0; background: url(../images/css/dashed.png) repeat-x left bottom;}
	.bottomMain .sideBar .topic dt {width: 180px; font-weight: bold; float: right; line-height: 25px;}
	.bottomMain .sideBar .topic dd.pic {float: left;}
		.bottomMain .sideBar .topic dd.pic img {display: block; padding: 2px; border: 1px solid #CCC;}
	.bottomMain .sideBar .topic dd.txt { color: #777; width: 180px; float: right;}
.bottomMain .sideBar .newsList {margin: 10px 0 6px 8px;}
.bottomMain .sideBar .joinBox .newsList {margin: 6px 0 6px 0;}
.bottomMain .sideBar .joinBox .newsList li {line-height: 22px;}
.bottomMain .contentBar h2 {
	height: 27px;
	line-height: 27px;
	background: url(../images/css/book_title.png) no-repeat;
	font-size: 14px;
	padding-left: 20px;
	margin: 0 9px;
	color: #F60;
}
.bottomMain .contentBar .more {margin-right: 30px;}
.bottomMain .bookList {
	margin: 12px 5px 3px 15px;
}
.bottomMain .bookList ul {
	overflow: hidden;
	zoom: 1;
}
.bottomMain .bookList li {
	width: 80px;
	height: 105px;
	background: url(../images/css/book_bg.png) no-repeat;
	float: left;
	margin: 0 12px 15px 0;
}
.bottomMain .bookList li img {
	display: block;
	padding: 7px 7px 3px 3px;
	float: left;
}

.bottomMain .contentBar .newsList {
	margin:10px 0 15px 8px;
	overflow: hidden;
	zoom: 1;
}
.bottomMain .contentBar .newsList li {
	padding-left: 0;
	text-indent: 1em;
	width: 50%;
	float: left;
}
.bottomMain .newsList li {
	line-height: 23px;
}


/* 产品+加盟 */
#productJoin .joinTabs {
	background: url(../images/css/title_bg.png) repeat-x 0 -249px;
	height: 27px;
	padding-left: 10px;
}
#productJoin .joinTabs li {
	width: 100px;
	height: 24px;
	line-height: 24px;
	margin-top: 3px;
	float: left;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #CBCBCB;
	margin-left: -2px;
	background: url(../images/css/jjBaodian.png) no-repeat -100px -38px;
}
#productJoin .joinTabs li.current {
	background: url(../images/css/jjBaodian.png) no-repeat -260px -35px;
	margin-top: 0;
	border-right: none;
	height: 27px;
	line-height: 27px;
	font-size: 14px;
	position: relative;
}
#productJoin .joinTabs li.current a {
	color: #F60;
}





/* 友情链接 */
#friendLink {
	background-color: #FFF;
	padding-bottom: 10px;
}
#friendLink .title {
	height: 27px;
	background: #DBDBDB url(../images/css/title_bg.png) repeat-x 0 -160px;
	overflow: hidden;
}
#friendLink h2 {
	background: url(../images/css/index_imgs.png) no-repeat 10px -500px;
	height: 26px;
	overflow: hidden;
	border-top: 1px solid #CCC;
	line-height: 100px;
}
#friendLink .subLink {
	color: #000;
	margin: -27px 15px 0 0;
	height: 27px;
	text-align: right;
	
}
#friendLink .logoLink {
	text-align: center;
	list-style: none;
	padding: 15px 0 5px 20px;
	overflow: auto;
	zoom: 1;
}
#friendLink .logoLink li {
	width: 88px;
	margin: 0 10px 0 0;
	display: inline;
	float: left;
}
#friendLink .logoLink li img {
	display: block;
	margin: 0 auto;
}
#friendLink .textLink {
	margin: 10px 0 0 15px;
	line-height: 20px;
	overflow: hidden;
	zoom: 1;
}
#friendLink .textLink a {
	white-space: nowrap;
	margin-right: 5px;
}



