@import url("Layout.css");
@import url("Font.css");
@import url("common.css");

/*main*/
#news{margin:0px auto; width:980px; height:100%; background:#fff;}
a:link,a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#333; text-decoration:underline;}

a.blue:link,a.blue:visited{ color:#36c; text-decoration:none; font-size:12px;}
a.blue:hover{ color:#36c; text-decoration:underline;}

#foucs{ width:980px;margin:5px auto;}
#foucs #fo-l{ width:640px;height:210px;float:left;  border:1px solid #FFCC33; background:#fff; padding:5px;}
#foucs #fo-r{width:310px; height:210px; float:right; border:1px solid #FFD0D0; background:#FFECEC; padding:5px;}

#fo-l #foucs_pic{width:320px;float:left;text-align:left;}
#foucs_pic a{text-decoration:none;}
.container{width:310px; height:210px; overflow:hidden;position:relative;}/*border:1px solid #FFE200;*/
.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:310px; height:210px; display:block;}

.num{ position:absolute; right:5px; bottom:5px;}
.num li{float:left;color:#FF7300;text-align:center;line-height:16px;width:16px;height:16px;font-family:Arial;font-size:12px;cursor:pointer;overflow: hidden;margin:3px 1px;border:1px solid #FF7300;background-color:#fff;}
.num li.on{color: #fff;line-height: 21px;width: 21px;height: 21px;font-size: 16px;margin:0 1px;border: 0;background-color: #FF7300;font-weight: bold; text-decoration:none;}

#fo-l #foucs_list{width:310px;float:left;}
#foucs_list h6{ width:100%; text-align:left; text-indent:24px; height:24px; line-height:26px;color:#f60; background:url(../images/icon2.gif) no-repeat 0px -1px;border-bottom:1px dotted #ccc; font-size:12px;}
#foucs_list h6 img{ float:right;}
#foucs_list ul{width:100%; margin:0px auto;padding-top:5px;  }
#foucs_list ul li{ width:100%;text-align:left;height:22px;line-height:22px;  background:url(../images/hotcon.gif) no-repeat 6px 6px; text-indent:20px;}
#foucs_list ul li a{width:220px;float:left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

#fo-r h6{ width:100%; text-align:left; text-indent:24px; height:24px; line-height:26px;color:#f60; background:url(../images/icon3.gif) no-repeat 0px -1px;border-bottom:1px dotted #ccc; font-size:12px;}
#fo-r .list{ background:#fff; width:308px; height:184px;}
#fo-r .list dl{ width:100%; padding-top:5px; height:90px; overflow:hidden;}
#fo-r .list dl dt{width:100px; float:left;}
#fo-r .list dl dt img{ width:90px; height:80px; border:1px solid #000;}
#fo-r .list dl dd{width:205px; float:right; height:22px; line-height:22px; text-align:left; font-weight:bold;overflow:hidden;}
#fo-r .list dl dd.fac{ text-indent:24px; height:auto; font-weight:normal; color:#999;}
#fo-r .list ul {width:98%; margin:0px auto;padding-top:5px; border-top:1px solid #ccc;}
#fo-r .list ul li {width:290px; text-align:left; line-height:24px; height:24px; background:url(../images/video.gif) no-repeat 4px 5px; text-indent:22px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

#banner{width:980px; margin:0px auto; padding:0;}
#banner img{ width:980px; height:60px;}

#main{ width:980px;margin:0px auto;}
#main #cox{ width:735px; float:left; _margin-right:-6px;}
#main #hot{ width:233px; float:right;}

#cox .nlist{width:350px;float:left; border:1px solid #FFCC33; background:#FFF5E5;padding:5px;margin:5px 5px 0px 0px; height:245px;}
#cox .nlist h6{ width:100%; text-align:left; text-indent:24px; height:24px; line-height:26px;color:#f60; background:url(../images/icon4.gif) no-repeat 1px 4px; font-size:12px; clear:both;}
#cox .nlist h6 img{ float:right;}
#cox .line{ width:98%; border-bottom:1px solid #ccc; height:0px; overflow:hidden; background:#fff; text-align:center; margin:0px auto; clear:both;}
#cox .nlist dl{ width:100%; padding-top:5px; height:90px; overflow:hidden; background:#fff;}
#cox .nlist dl dt{width:100px; float:left;}
#cox .nlist dl dt img{ width:90px; height:80px; border:1px solid #000;}
#cox .nlist dl dd{width:240px; float:right; height:22px; line-height:22px; text-align:left; font-weight:bold; padding-right:5px;overflow:hidden;}
#cox .nlist dl dd.lcon{ text-indent:24px; height:auto; font-weight:normal; color:#999;}
#cox .nlist ul {width:100%; margin:0px auto;padding-top:5px; background:#fff;}
#cox .nlist ul li {width:100%; text-align:left;height:22px; line-height:22px;  background:url(../images/dot.jpg) no-repeat 5px 0px; text-indent:22px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

/*==========================================NewsList======================================================*/

#cox #newslist{ width:720px; border:2px solid #FCA32F; padding-bottom:15px; background:url(../images/newtop.gif) repeat-x; margin-top:5px;}
#newslist h5{ width:96%; margin:0px auto; height:28px; line-height:28px;text-align:left; font-weight:bold; color:#f60; border-bottom:1px dashed #ccc;}
#newslist ul{width:96%; margin:5px auto; height:100%; padding-bottom:10px; clear:both;}
#newslist ul li{ width:100%; height:24px; line-height:24px; text-align:left; text-indent:12px;background:url(../images/arrow.gif) no-repeat 4px 8px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #eee;}
#newslist ul li span{width:620px; float:left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#newslist h6{ width:96%; height:24px; line-height:24px; text-align:center; margin:2px auto; border-bottom:5px solid #FFF5E5;}

#cox #abt{width:712px; border:1px solid #FCA32F; padding:5px; margin-top:10px; height:150px;}
#abt #hotnews{ width:350px; float:left;}
#abt #aboutnews{ width:350px; float:right;}
.nGuide h5{ width:100%; text-align:left; text-indent:24px; height:24px; line-height:26px;color:#f60; background:#FFF5E5; font-size:12px;}
.nGuide ul{ width:100%; margin:5px auto;}
.nGuide ul li{width:98%; height:22px; line-height:22px; text-align:left; background:url(../images/arrow.gif) no-repeat 6px 9px; text-indent:12px; text-overflow:clip; overflow:hidden; white-space:nowrap; border-bottom:1px dashed #ccc;}

#cox #newsconn{ width:720px; border:2px solid #FCA32F; padding-bottom:15px; background:url(../images/newtop.gif) repeat-x; margin-top:5px;}
#newsconn h5{ width:96%; margin:0px auto; height:28px; line-height:28px;text-align:left; font-weight:bold; color:#f60; border-bottom:1px dashed #ccc;}
#newsconn h6{ width:100%; margin:10px auto; height:28px; line-height:28px; text-indent:24px; text-align:center; font-weight:bold; font-size:16px; clear:both;}
#newsconn ul#dzx{ width:96%; margin:2px auto; border-bottom:2px solid #ddd}
#newsconn ul#dzx li{ width:150px; float:left; height:24px; line-height:24px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#newsconn ul#dzx li span{ font-weight:bold; color:#ee0000;}
#newsconn #newszw{ width:96%; margin:5px auto; text-align:left;height:auto; line-height:22px; word-break:break-all; text-indent:24px; text-overflow:clip; overflow:hidden; white-space:normal; font-size:13px;}
#newsconn #resouce{ width:100%; height:22px; line-height:22px; text-align:right; margin-top:5px; font-weight:bold; clear:both;}
#newsconn h4{ width:98%; margin:5px auto; height:24px; line-height:24px; text-align:center; font-weight:bold; font-size:12px; background:#efefef;}


#hot{width:100%;border:1px solid #FFCF88;padding:5px; margin-top:5px; padding-bottom:23px;*+padding-bottom:28px;_padding-bottom:16px;}
#hot h6{ width:100%; text-align:left; text-indent:26px; height:24px; line-height:26px;color:#f60; background:#FFF5E5; font-size:12px;}
#hot h6.hotnews{background:url(../images/hot-icon.gif) no-repeat 2px 7px #FFF5E5;}
#hot h6.dc{background:url(../images/dc.gif) no-repeat 5px 4px #FFF5E5; margin-top:10px;}
#hot ul {width:100%; margin:0px auto;padding-top:5px;}
#hot ul li{width:100%; text-align:left;height:22px; line-height:22px; text-indent:22px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
#hot ul li.newl{ background:url(../images/arrow.gif) no-repeat 6px 10px; text-indent:16px;}
#hot ul li.votetit{text-indent:0px; height:auto; font-weight:bold; margin-top:10px;}
#hot ul li.votebtn{height:30px; line-height:30px; text-align:center; text-indent:0px;}
#hot h5{width:100%; height:24px; line-height:24px; text-align:left; text-indent:24px;text-indent:22px;color:#f60; background:url(../images/ser.gif) no-repeat 6px 5px #FFF5E5; margin-top:7px;}
#hot dl{ width:100%; height:100%;}
#hot dl dt{ width:80px; float:left;color:#666; height:30px; line-height:34px;text-align:right; overflow:hidden;}
#hot dl dt.btn{width:100%;text-align:center;}
#hot dl dt a:link,#hot dl dt a:visited{ color:#ee0000;}
#hot dl dt a:hover{ color:#666;}
#hot dl dd{ width:100px; float:left; height:30px; line-height:30px;text-align:left;_padding-top:4px;}