@charset "gb2312";

/* 排版布局 */
.area{ width: 950px; margin: 0 auto; padding: 0; }
.col1{ margin-top: 3px; float: left; width: 220px; }
.col11{ margin-top: 3px; float: left; width: 300px; }
.col2{ margin-left: 3px; margin-right: 3px; margin-top: 3px; float: left; width: 300px; }
.col22{ margin-left: 3px; margin-right: 3px; margin-top: 3px; float: left; width: 395px;overflow: hidden; }
.col3{ margin-left: 3px; margin-top: 3px; float: left; width: 225px; }
.col4{ margin-left: 3px; margin-top: 3px; float: left; width: 202px; }
.col5{ margin-left: 3px; margin-top: 3px; float: left; width: 356px; }
.col51{ margin-left: 3px; margin-top: 3px; float: left; width: 320px; }
.col6{ margin-left: 6px; margin-top: 3px; float: left; width: 356px; }
.col61{ margin-left: 6px; margin-top: 3px; float: left; width: 320px; }
.col7{ margin-left: 3px; margin-top: 3px; float: left; width: 356px; }

.col9{ float: left; width: 725px; }
.col91{ margin-top: 3px;float: left; width: 725px; border-left: 1px dotted #990000;}
.col92{ margin-top: 3px; margin-left: 20px; float: left; width: 650px; }
.col99{ margin-top: 3px; float: left; width: 729px; border-left: 1px solid #333; }
.col88{ margin-top: 3px; float: left; width: 729px; border-right: 1px solid #333; }
.col66{ margin-top: 3px; float: right; width: 220px; }

.clear0 { clear: both; font: 0px/0px sans-serif; }
.hidden{ display: none; }
.login{ margin-top: 3px; float: left; width: 220px; }

.dline{ width: 950px; height: 28px; margin: 0 auto; background-image: url(../images/ad_dhtp.gif); }
.dline3{ height: 28px; background-image: url(../images/ad_dhtp.gif); }
.dline_ico{ margin-left: 2px;background-image: url(../images/ad_dh.gif); width: 29px; height: 28px; float: left; }
.dline_more{ float: right; height: 28px; width: 37px; background: url(../images/ad_more.gif) no-repeat -2px; margin-right: 5px; }
.dline_more2{ float: right; height: 13px; width: 37px; margin-right: 5px; margin-top: 10px; }

.dline2{ width: 950px; height: 25px; margin: 0 auto; background-image: url(../images/ad_mqdh.gif); }
.dline2_ico{ background-image: url(../images/ad_mqdhl.gif); width: 40px; height: 25px; float: left; }
.dline2 span { float: left; line-height: 25px; }
.dline span,.dline3 span { float: left; line-height: 28px; }

#artinfo1 { clear: both; margin: 6px 0 10px 0; padding: 3px; text-align: center; background-color: #fff; border: 1px dotted #FDCBCB; }
#artinfo1 span { margin: 0px 15px 0px 15px; display: inline; }
#artcontent { clear: both; text-align: left; white-space: normal; font-size: 14px; line-height: 180%; padding: 16px; }
#artcontent h2{ font-weight: bold; padding: 2px; color: #c61c18; font-size: 14px; }
#artcontent p{ margin: 3px; }
#artcontent h3 { font-weight: bold; padding: 2px; color: #333; font-size: 13px; }
#artcontent h4 { font-weight: bold; padding: 2px; color: #333; font-size: 12px; }
#artcontent1 { clear: both; text-align: left; white-space: normal; font-size: 12px; line-height: 160%; padding: 10px; }

.QAconter { background: #FCFFF0; font-size: 14px; padding-left: 16px; line-height: 160%; color: Maroon; }
.QAconter h3 { font-size: 15px; color: Blue; }
.QAconter1 { background: #F0FFF2; font-size: 14px; padding-left: 16px; line-height: 180%; }

.pagenav{ clear: both; font: 11px/12px Tahoma; line-height: 18px; padding: 4px; margin: 0px auto; font-weight: bold; height: 22px; }
.pagenav a{ float: right; width: 30px; padding: 2px 0px 2px 0px; border: #666 1px solid; margin: 2px; text-align: center; background: #f2f2f2; color: #666; text-decoration: underline; font: 10px arial,helvetica,sans-serif; }

/*  公告*/
.ad_web{ float: left; margin-left: 50px; width: 500px; line-height: 25px; }
.reg_ico1{ float: left; width: 20px; height: 25px; background: url(../images/User_Login.gif) no-repeat 1px; }
.reg_ico2{ float: left; width: 20px; height: 25px; background: url(../images/User_Reg.gif) no-repeat 1px; }
.Ttitle{ height: 22px; line-height: 22px; font-weight: bold; }
.Tmore{ float: right; margin-right: 5px; font-weight: normal; }

.liststr { padding: 3px;  }
.liststr li { display: block; padding-left: 18px; background: url(../images/arrow_list.gif) no-repeat -1px 2px; height: 20px; overflow: hidden; }
.liststr1 { padding: 3px; height:400px }
.liststr1 li { display: block; padding-left: 18px; background: url(../images/arrow_list.gif) no-repeat -1px 2px; height: 20px; overflow: hidden; }
.iartlist { float: left; margin-top: 8px; width: 700px; color: #666; }
.iartlist li{ background: url(../images/arrow_list.gif) no-repeat left 7px; line-height: 200%; padding-left: 18px; }
.iartlist9 { float: left; margin-top: 8px; width: 220px; color: #666; }
.iartlist9 li{ background: url(../images/arrow_list.gif) no-repeat left 7px; line-height: 200%; padding-left: 18px; }
.liststr2 {
	padding: 3px;
	background-color: #FBFBEE;
	font-size: 13px ;
	font: bold;
	color: #7D7EFF;
	height: 230px;
	overflow: scroll;
}
.liststr2 li { display: block; padding-left: 18px; background: url(../images/arrow_list.gif) no-repeat -1px 2px; height: 20px; overflow: hidden; }
.liststr3 {
	padding: 3px;
	font-size: 13px ;
	font: bold;
	color: #7D7EFF;
	height: 200px;
}
.liststr3 li { display: block; padding-left: 18px; background: url(../images/arrow_list.gif) no-repeat -1px 2px; height: 20px; overflow: hidden; }





.dotline{ float: left; width: 5px; background: url(../images/design_bg01.gif) repeat-y; height: 226px; }
.dotline2{ float: left; width: 5px; background: url(../images/design_bg01.gif) repeat-y; height: 450px; }
.flashad1{ margin-top: 3px; }
.marg3{ margin-top: 3px; }

/* 推荐作品及选材 */
.hotimg{ margin-top: 3px; width: 202px; }
.hotimg img{  margin-left: 3px; width: 120px; height: 90px; }
.hotimgTitle{ float: left; width: 68px; margin-left: 5px; line-height: 160%; }
.hotlist{ padding: 5px; clear: both; }
.hotlist li{ height: 19px; overflow: hidden; display: block; padding-left: 15px; background: url(../images/article_elite3.gif) no-repeat 0px -4px; }

/* 推荐专题 */
.Tthemelist{ margin-top: 8px; text-align: center; }
.Tthemelist li{ margin-bottom: 5px; }
.Tthemelist li img{ width: 210px; height: 80px; }
.Tthemelist h4{ font-size: 12px; font-weight: normal; }

.Tthemelist1{ margin-top: 8px; text-align: center; }
.Tthemelist1 li{ margin-bottom: 5px; }
.Tthemelist1 li img{ width: 210px; height: 100px; }
.Tthemelist1 h4{ font-size: 12px; font-weight: normal; }

.Tthemelist2{ margin-top: 20px; text-align: center; }
.Tthemelist2 li img{ width: 180px; height: 250px; }
/* 各分栏目推荐 */
.hotclist{ padding: 5px; clear: both; }
.hotclist li{ height: 19px; overflow: hidden; display: block; padding-left: 15px; background: url(../images/029.gif) no-repeat 0px -4px; }

.piclist{ margin-top: 8px;}
.piclist li { float: left; width: 145px; height: 130px; text-align: center; }
.piclist li img{ padding: 5px; width: 120px; height: 90px; border: 1px solid #990000; }
.piclist h2{ text-align: center; font-size: 12px; font-weight: normal; padding: 8px 0 0; }
.area .piclist h2 a{color:#333;text-decoration: none;font-weight: normal;}
.area .piclist h2 a:hover{color:#ff6600;text-decoration: underline;}

.piclist1{ margin-top: 8px;width:1740px;}
.piclist1 li { float: left; width: 145px; height: 130px; text-align: center; }
.piclist1 li img{ padding: 5px; width: 120px; height: 90px; border: 1px solid #990000; }
.piclist1 h2{ text-align: center; font-size: 12px; font-weight: normal; padding: 8px 0 0; }

.area{	margin: 0 auto; background-color: White;}
.area .piclist1 h2 a{color:#333;text-decoration: none;font-weight: normal;}
.area .piclist1 h2 a:hover{color:#ff6600;text-decoration: underline;}

.piclist2{ margin-top: 8px;margin-left: 30px;}
.piclist2 li { float: left; width: 220px; height: 180px; text-align: center; }
.piclist2 li img{ padding: 5px; width: 180px; height: 116px; border: 1px solid #666; }
.piclist2 h2{ text-align: center; font-size: 12px; font-weight: normal; padding: 8px 0 0; }
.area .piclist2 h2 a{color:#333;text-decoration: none;font-weight: normal;}
.area .piclist2 h2 a:hover{color:#ff6600;text-decoration: underline;}

.stNav{ margin-top: 8px; margin-left: 15px; }
.stNav li{ float: left; width: 85px; height: 22px; overflow: hidden; display: block; padding-left: 15px; background: url(../images/article_elite3.gif) no-repeat 0px -4px; }

.s1{ height: 240px; width: 225px; float: left; border-right: 1px dashed #A0522D; }
.s2{ height: 240px; width: 225px; float: left; border-right: 1px dashed #A0522D; border-left: 1px dashed #A0522D; margin-left: 14px; }
.s3{ height: 240px; width: 225px; float: right; border-left: 1px dashed #A0522D; }

/* ---列表显示--- */
.listpicstr{ padding: 10px; }
.listpicstr li{ clear: both; width: 680px; padding: 0 0 0 20px; text-align: left; background: url(../images/arrow_list.gif) no-repeat left 10px; border-bottom: 1px solid #dedede; float: left; line-height: 25px; overflow: hidden; }
.listpicstr li a{ float: left; }
.listpicstr li i{ font-style: normal; width: 60px; float: right;color: #1f3a87; font-size: 11px;}
.listpicstr li address{ width: 90px; font-style: normal; float: right; }

/* ---左边图左边列表显示--- */
.picstrlist{ clear: both }
.leftpic{ margin-top: 18px; float: left; width: 170px; height: 150px; text-align: center; }
.leftpic img{ padding: 5px; width: 120px; height: 90px; border: 1px solid #666; }
.leftpic h2{ text-align: center; font-size: 12px; font-weight: normal; padding: 8px 0 0; }
.area .picstrlist h2 a{color:#333;text-decoration: none;font-weight: normal;}
.area .picstrlist h2 a:hover{color:#ff6600;text-decoration: underline;}

/* ---列表显示--- */
.rightstr{ padding: 10px; float: right; }
.rightstr li{ clear: both; width: 510px; padding: 0 0 0 20px; text-align: left; background: url(../images/arrow_list.gif) no-repeat left 10px; border-bottom: 1px solid #dedede; float: left; line-height: 25px; overflow: hidden; }
.rightstr li a{ float: left; }
.rightstr li i{ font-style: normal; width: 60px; float: right;color: #1f3a87; font-size: 11px;}

/* ---图文简界显示--- */
.picstrlist2{ margin: 0 auto; padding: 0px; text-align: left;  }
.picstrlist2 img { padding: 5px;border: 1px solid #000; float: left; margin: 12px 0 0 24px; width: 120px; height: 90px; }
.picstrlist2 h1{ background: url(../images/030.gif) no-repeat left -2px; padding-left: 16px; margin-top: 16px; font-size: 12px; color: #cc0000; float: right; width: 520px; }
.area .picstrlist2 h1 a{color:#cc0000;text-decoration: none;}
.area .picstrlist2 h1 a:hover{color:#0050D3;text-decoration: underline;}

.picstrlist2 h2{ margin: 4px; color: #6B6B6B; font-size: 12px; font-weight: normal; float: right; line-height: 160%; width: 510px; }
.picstrlist2 h3{ clear: both; color: #6B6B6B; width: 340px; margin: 0px; font-size: 12px; font-weight: normal; float: right; }
.picstrlist2 hr{ clear: both; margin: 0px; color: #dcdcdc; height: 1px; font-size: 1px; }


.contitle{ height: 48px; background: url(../images/ad_dybg2.gif); }
.area .col88 h1{ padding: 10px; text-align: center; font-weight: bold; color: #cc3300; font-size: 18px; margin-top: 3px; }
.coninfo{ height: 26px; line-height: 22px; margin-top: 18px; text-align: center; background-color: #eeeeee; background: #eeeeee url(../images/ad_bx1.gif) repeat-x bottom; }
.area .col88 .function{ padding: 8px; margin: 0 auto; text-align: center; border-top: solid 1px #84C352; border-bottom: solid 1px #84C352; background-color: #CEEBB5; }
.area2.col88 .content{
	padding: 18px;
	line-height: 160%;
	margin-bottom: 12px;
	font-size: 14px;
	font-family: "宋体";
	color: #333;
}
 .area .col88 h2 { font-weight: bold; padding: 2px; color: #c61c18; font-size: 14px; }
 .area .col88 h3 { font-weight: bold; padding: 2px; color: #333; font-size: 13px; }
 .area .col88 h4 { font-weight: bold; padding: 2px; color: #333; font-size: 12px; }
.copyright{
	margin: 5px auto 5px;
	width: 690px;
	height: 20px;
	line-height: 20px;
	color: #bbbbbb;
	background-color: #f8f8f8;
	border: 1px solid #f3f3f3;
	text-align: center;
}

/*上一篇、下一篇*/
.FrontNext{ margin: 5px auto 5px; padding: 5px; color: #333; background-color: #f8f8f8; }
.FrontNext li{ margin-top: 5px; }
