/*
 * 易通CMS Style
 * ============================================================================
 * 版权所有 2008-2009 易通CMS，并保留所有权利。
 * -------------------------------------------------------
 * 这不是一个自由软件！
 * 也不是一个开源软件！
 * 本软件已经申请软件版权保护！
 * 您不能在任何目的的前提下对程序代码进行破解、修改和使用；
 * 不允许对程序代码以任何形式任何目的的再发布。
 * ============================================================================
 * @author:   九州易通科技有限公司
 * @version:  v1.0
 * ---------------------------------------------
 * $Id: Style Sat Dec 06 09:50:51 CST 2008
  
  ---------------------------------------------------------------
  1. base (全局基本属性)
  ---------------------------------------------------------------
  2.link (链接)
  ---------------------------------------------------------------
  3.font (字体)
  ---------------------------------------------------------------
  4. layout (框架)
  ---------------------------------------------------------------
  5. header (头部)
  ---------------------------------------------------------------
  6.content (页中)
  ---------------------------------------------------------------
  7.footer (页底)
  ---------------------------------------------------------------
  8. search (当前位置/文章搜索)
  ---------------------------------------------------------------
  9.assist (辅助)
  ---------------------------------------------------------------
  10.tab (切换)
  ---------------------------------------------------------------
  11.ad (广告)
  ---------------------------------------------------------------
  
*/


/* 
  --------------------------------------
  *****  1. base(全局基本属性)   *****
  --------------------------------------
*/

html {
  scrollbar-face-color : #F5F5F5;
}

body {
  margin: 0 auto;
  padding: 0;
  font:12px Arial,微软雅黑,Helvetica,sans-serif;
  line-height:200%;
  color:#333;
  text-align:left;
  background:#FFF url(bg.gif) left top repeat-x;
  white-space:normal; 
  word-break:break-all;
}

div,form,img,ul,ol,li,dl,dt,dd,p {
  margin:0;
  padding:0;
  border:0;
}

table,td,tr,th,input {
  font-size:12px;
}

ul,ol,li {
  list-style:none;
}

h1,h2,h3,h4,h5,h6 {
  margin:0;
  padding:0;
  font-size:100%;
}

img {
  border:0;
}

.clear {
  clear:both;
}

.floatleft {
  float:left;
}

.floatright {
  float:right;
}

.copyright,.copyright a {
  text-align:center;
  font-size:10px;
  color:#ccc;
}

/* table */

table { margin:10px auto 7px; font-size:12px; overflow:hidden; border:1px solid #DDD; border-collapse:collapse; }


/* 
  --------------------------------------
  *****  2. link(链接)   *****
  --------------------------------------
*/

a {
  text-decoration: none;
  color:#333;
}

a:hover {
  color:#333;
  text-decoration: underline; 
}

/* 
  --------------------------------------
  *****  3. font (字体)   *****
  --------------------------------------
*/

.green {
  color:#5FA540;
}

.orange {
  color:#FF9933;
}

.gray {
  color:#ccc;
}

/* 
  --------------------------------------
  *****  4. layout (框架)   *****
  --------------------------------------
*/

#main {
  margin:0px auto;
  padding:0px auto;
  width:910px;
}
#main,.main {
  margin:0px auto;
  padding:0px auto;
  width:910px;
}

/* 
  --------------------------------------
  *****  5. header (页头)   *****
  --------------------------------------
*/

#logo {
  float:left;
  margin:25px 10px 0px;
}

#header {
  margin:0px auto;
  padding:0px auto;
  height:90px;
  line-height:34px;
  text-align:right;
}

#top {
  float:right;
  width:500px;
  margin:10px 15px 0px;
  text-align:right;
  font-size:12px;
}

#top a {

}

#nav {
  clear:both;
  height:33px;
  line-height:33px;
  padding:0px 16px;
  text-align:center;
  background:url(nav_bg.png) left top repeat-x;
  font-size:14px;
  font-weight:bold;
}

#nav a {
  line-height:33px;
  padding:0px 22px 0px 22px;
  background:url(nav_line.gif) left center no-repeat;
}

#nav a:hover,#nav .on {
  font-weight:bold;
  color:#E85B0C;
  /*background:url(nav_a_hover.gif) left 2px repeat-x;*/
}

/* 


  --------------------------------------
  *****  6. content (页中)   *****
  --------------------------------------
*/

#banner {
  clear:both;
  width:910px;
  height:225px;
  overflow:hidden;
  
}

.sidebar {
  clear:both;
  float:left;
  width:200px;
  margin:10px 0px 0px 0px;
  background:url(box_bg.png) left 35px repeat-x;
  overflow:hidden;
}

.sidebar .news li {
  width:185px;
  height:22px;
  line-height:22px;
  overflow:hidden;
}

.middle {
  float:left;
  width:490px;
  margin:10px 10px 0px;
  overflow:hidden;
}

#announce {
  height:19px;
  line-height:19px;
  padding-left:95px;
  background:url(announce.gif) left top no-repeat;
  color:#999;
}

.about {
  padding:10px;
}

.i_p_box {
  width:490px;
  height:102px;
  padding:5px 9px;
  background:url(product_box_bg.png) left top no-repeat;
}

.i_news {
  float:left;
  width:200px;
  margin:10px 0px 0px;
}

.i_news ul li {

}


#menu a {
  clear:both;
  display:block;
  line-height:22px;
  margin:5px 10px;
  padding-left:25px;
  background:#F5F5F5 url(top_bg.gif) 15px bottom no-repeat;
  border:1px solid #ccc;
}

#menu a:hover {
  line-height:22px;
  background: url(icon02.gif) 5px 5px no-repeat;
  text-decoration: none;
}

#right {
  float:right;
  width:660px;
  margin-top:10px;
  padding:30px 20px 20px;
  background:url(right_bg.gif) left top repeat-x;
  overflow:hidden;
}

#position {
  line-height:26px;
  padding-bottom:5px;
  color:#999;
  text-align:right;
  background:url(point.gif) left 26px repeat-x;
}

#position a {
  height:12px;
  line-height:12px;
  padding:7px 10px;
  background:url(icon02.gif) left 9px no-repeat;
  color:#999;
}

#position h5 {
  text-align:left;
  color:#333;
  font-size:14px;
}

#position h5 span {
  color:#999;
}

#introduce {
  clear:both;
  margin:30px 0px;
}

#introduce h1,#introduce h4 {
  line-height:30px;
  padding-left:35px;
  color:#FF9933;
  font-size:18px;
  font-weight:bold;
  background:url(h4_bg.gif) left top no-repeat;
}

.news_list {
  padding:10px;
}

.news_list li {
  clear:both;
  line-height:28px;
  padding-left:15px;
  border-bottom:1px dotted #999;
  background:url(icon06.gif) left 12px no-repeat;
}

.news_list li a {
  color:#666;
}

.category_title {
  clear:both;
  line-height:50px;
  color:#333;
  padding-left:30px;
  background:url(icon04.gif) 5px 20px no-repeat;
}

.category_title span {
  float:right;
}

.category_title h4 {
  font-size:14px;
}

.news_text h5,.news_text_pic h5 {
  float:right;
  width:495px;
  font-weight:bold;
  font-size:12px;
  text-align:left;
  color:#333;
  padding-left:20px;
  background:url(icon05.gif) left 6px no-repeat;
}

.news_text h5 {
  width:640px;
}

.news_text h5,.news_text_pic h5 a {
  color:#333;
}

.news_list .date,.news_text h5 .date,.news_text_pic h5 .date {
  float:right;
  padding-right:15px;
  color:#999;
  font-weight:normal;
}

.news_list p {
  margin:5px;
  padding:5px 5px 5px 20px;
  background:#FFF;
  text-indent:2em;
}

.news_text,.news_text_pic {
  clear:both;
  height:auto;
  padding:10px 0px;
  border-bottom:1px dotted #ccc;
}


.news_text p,.news_text_pic p {
  float:right;
  width:510px;
  text-align:left;
  color:#999;
  padding:5px;
  text-indent:2em;
}

.news_text p {
  width:650px;
}

a.news_text_img {
  display:block;
  float:left;
  width:120px;
  height:100px;
  overflow:hidden;
  border:1px solid #ccc;
}

.news_text_img img {
  
  width:120px;
  height:auto;
  margin-right:15px;
}

.list1 a,.list2 a,.list3 a {
  padding-right:30px;
  background:url(new.gif) right 2px no-repeat;
}

/************* 产品 */
.product_box {
  float:left;
  width:142px;
  margin:5px;
  padding:5px;
  background:#F5F5F5;
  border:1px solid #DDD;
  overflow:hidden;
}
.product_box img {
  width:142px;
  border:1px solid #DDD;
}

.product_box a {
  display:block;
  width:142px;
  height:110px;
  overflow:hidden;
}

.product_box h5 {
  margin-top:5px;
  background:#FFF;
  border:1px solid #DDD;
  text-align:center;
  font-weight:normal;
}

.product_box h5 a {
  height:44px;
  line-height:22px;
}

.p_info {
  height:20px;
  line-height:20px;
  padding-left:30px;
  background:url(bullet1.gif) left top no-repeat;
  color:#0D61BA;
  font-size:14px;
  font-weight:bold;
}

/************* 分页 */

.pages {
  clear:both;
  margin:0px 10px;
}

.pages strong {
  color:#555;
  display:block;
  float:left;
  height:18px;
  line-height:18px;
  float:left;
  padding:0px 8px;
  background:#F5F5F5;
  border:1px solid #ccc;
  margin: 0px 3px 0px 0px;
}
.pages a {
  display:block;
  float:left;
  height:18px;
  line-height:18px;
  float:left;
  padding:0px 8px;
  border:1px solid #CCC;
  text-decoration:none;
  margin: 0px 3px 0px 0px;
  color:#555;
}

.pages span {
  float:right;
}


/****************内容*/
#title h1 {
  width:660px;
  line-height:40px;
  padding-top:20px;
  font-size:22px;
  text-align:center;
  background:url(point.gif) left bottom repeat-x;
  color:#333;
  font-weight:bold;
}

.contentinfo {
  line-height:34px;
  text-align:center;
}

.text {
  padding:30px 20px;
  text-align:14px;
  line-height:200%;
  color:#333;

}

/****************评论*/
#comment {
  margin-top:20px;
}

#comment .input {
  width:108px;
  height:27px;
  border:none;
  background:url(search_btn.gif) left top no-repeat;
  font-weight:bold;
  color:#333;
  font-size:12px;
}

.comm {
  height:28px;
  line-height:28px;
  padding-left:35px;
  border-top:1px solid #ccc;
  background:url(comment.gif) 10px 7px no-repeat;
}

#textarea {
  width:100%;
  height:50px;
  background:#FFF url(cmslogo.gif) right bottom no-repeat;
  border:1px solid #ccc;
}

#link {
  clear:both;
  margin-left:1px;
}

.link_top {
  height:33px;
  line-height:33px;
  text-align:center;
  background:url(link_top.gif) no-repeat;
}

.link_bg {
  height:auto;
  padding:10px;
  background:url(link_bg.gif) repeat-y;
  color:#888;
}

.link_bottom {
  height:7px;
  background:url(link_bottom.gif) no-repeat;
}

#related li {
  line-height:22px;
  padding-left:20px;
  background:url(up.gif) left top no-repeat;
  border-bottom:1px dotted #ccc;
}

#related ul li.l1,#related ul li.l2,#related ul li.l3, {
  background:url(up.gif) left top no-repeat;
}

/* 
  --------------------------------------
  *****  7. footer (页底)   *****
  --------------------------------------
*/
#footer {
  clear:both;
  position: relative;
  height:30px;
  line-height:30px;
  padding:0px 40px 0px 20px;
  background:#CCC;
  border-bottom:5px solid #E85B0C;
}

#footer a {
  /*text-decoration: underline; */
}



  --------------------------------------
  *****  9. assist (辅助)   *****
  --------------------------------------
*/
.p5 {
  padding:5px;
}

.p10 {
  padding:10px;
}

.blank5 {
  clear:both;
  height:5px;
  overflow:hidden;
}

.blank10,.blank30 {
  clear:both;
  height:10px;
  overflow:hidden;
}

.blank20 {
  height:20px;
}

.blank30 {
  height:30px;
}

.padding10 {
  padding:10px;
}

.padding20 {
  padding:20px;
}

.margin5 {
  margin:5px;
}

.padding5 {
  padding:5px;
}

.blank5 {
  clear:both;
  height:5px;
  overflow:hidden;
}

.hr {
  clear:both;
  height:1px;
  background:url(point.gif) left bottom repeat-x;
}

.button {
	background:url(buttom_bg.gif) right top no-repeat;
	height:20px;
	cursor:pointer;
	text-align:center;
	padding:2px 10px;
	border:1px solid #879DAB;
	color:#395366;
	overflow:hidden;
}

.vote {
  margin-bottom:10px;
}

.vote h5 {
  line-height:16px;
  text-align:center;
  font-size:12px;
}

.vote li {

}

.title {
  height:30px;
  line-height:30px;
  padding:0px 10px 0px 20px;
  color:#FF6600;
  background:url(icon04.gif) 2px 10px no-repeat;
  _background:url(icon04.gif) 2px 3px no-repeat;
}

.title_red {
  height:30px;
  line-height:30px;
  padding:0px 10px;
  color:white;
  background:url(title_red.png) left top repeat-x;
}

.title_red a {color:white;}

.title span,.title_red span,.title_black span {
  padding-left:10px;
  color:#CCC;
}

.title span {
  padding-left:0px;
  padding-right:10px;
}

.title_black {
  height:35px;
  line-height:30px;
  padding:0px 10px;
  color:white;
  background:url(title_black.gif) left top no-repeat;
}

.title_gray {
  height:24px;
  line-height:24px;
  font-size:12px;
  background:#F5F5F5 url(title_gray.gif) left top repeat-x;
}

.title_gray h5 {
  padding-left:20px;
  font-size:12px;
  background:url(icon05.gif) 5px 8px no-repeat;
}

h5 span {
  font-weight:normal;
  color:#999;
}

/* 
  --------------------------------------
  *****  10.tab (切换)   *****
  --------------------------------------
*/

.dis {display:block;}
.undis {display:none;}


/* 
  --------------------------------------
  *****  11.ad (广告)   *****
  --------------------------------------
*/

/* QQ客服 */
.QQbox{ z-index:99; width: 150px; right: 0; top: 40px; position: absolute;}
.QQbox a {color:white;}
.QQbox .press{float: right; width: 33px; height:158px; background:url(qq_1.png) no-repeat;text-indent : 16px;}
.QQbox .Qlist{ left: 0; width: 138px; background: url(qq_listbg.gif) repeat-y -155px 0;  position: absolute;}
.QQbox .Qlist .t,
.QQbox .Qlist .b{ float: left; height: 6px; width: 138px; font-size: 1px; }

.QQbox .Qlist .con{  width: 80%; margin: 0 auto;padding:15px 0px 10px; }
.QQbox .Qlist .con h2{ height: 22px;margin-bottom:10px; font: bold 12px/22px "宋体"; background: url(qq_listbg.gif) repeat-y -163px 0; border: 1px solid #FFF; text-align: center; color:#fff;}
.QQbox .Qlist .con ul{background: #F66315;}
.QQbox .Qlist .con ul li{  padding: 5px 0 0 8px;height: 20px; }

/*.QQbox .Qlist .con A IMG { width:23px; }*/

.vote-list li {
  height:20px;
  line-height:20px;
  font-size:12px;
  text-align:left;
}

.vote-list #button {
  float:right;
}

#ballot {
  height:10px;
  _height:16px;
  margin:0px 5px 0px 0px;
}

/*----------------------------
					代码高亮
----------------------------*/
.dp-HighLighter {border:1px solid #ccc;background:#F7F7F7 url(codebg.gif) left top repeat-y;}
.dp-HighLighter ol {padding-left:40px;}
.dp-HighLighter ol li {
  padding-left:10px;
  list-style-type:decimal;
}
.tools {padding-left:10px;background:#F7F7F7;border-bottom:1px solid #ccc;}