@charset "utf-8";
/*===== reset =====*/
body{background:#FFF url(../images/index_mainbg02.gif) 50% 0 repeat-y;padding:0;margin:0 auto;}
div, td, ul, ol, dl, li, input, select, textarea{padding:0;margin:0;font-size:12px;font-family: Verdana, "新宋体", "宋体", "微软雅黑";line-height:18px;color:#434343;list-style:none;}
h1, h2, h3, h4, h5, h6, p{margin-top: 0;padding-right: 15px;padding-left: 15px;}
img{border:0;}
a img{border: none;}
.r1{color:#eb3026;}
.r2{color:#ff5148;}
.r3{color:#ff6253;}
.g1{color:#bfbfbf;}
.g2{color:#959595;}
.w{color:#FFF;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.yh{font-family:"微软雅黑";}
/*===== 布局 =====*/
/* 首页 */
/* 主体 */
#body{width:100%;background:url(../images/index_mainbg01.jpg) 50% 0 no-repeat;padding:0;margin:0 auto;text-align:center;}
.container{width:985px;margin:0 auto;text-align:left;}
.header{background:url(../images/index_02.jpg);width:985px;height:120px;}
/* ~~ 以下是此布局的列。 ~~
1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样，您可以避免使用任何"方框模型数学"。请注意，如果向 div 自身添加任何侧边填充或边框，这些侧边填充或边框将与您定义的宽度相加，得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充，并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。
2) 由于这些列均为浮动列，因此未对其指定边距。如果必须添加边距，请避免在浮动方向一侧放置边距（例如：div 中的右边距设置为向右浮动）。在很多情况下，都可以改用填充。对于必须打破此规则的 div，应向该 div 的规则中添加"display: inline"声明，以控制某些版本的 Internet Explorer 会使边距翻倍的错误。
3) 由于可以在一个文档中多次使用类（并且一个元素可以应用多个类），因此已向这些列分配类名，而不是 ID。例如，必要时可堆叠两个侧栏 div。您可以根据个人偏好将这些名称轻松地改为 ID，前提是仅对每个文档使用一次。
4) 如果您更喜欢在右侧（而不是左侧）进行导航，只需使这些列向相反方向浮动（全部向右，而非全部向左），它们将按相反顺序显示。您无需在 HTML 源文件中移动 div。*/
.sidebar1{float: left;width:210px;padding-bottom: 10px;}
.size8{font-size:8px;}
.size10{font-size:10px;}
.size14{font-size:14px;}
h5{font-weight:normal;font-size:12px;float:right;padding:0;margin:0;}
input{vertical-align:middle;}

.content{padding:0;width:775px;float: left;}
.main_title, .main_content, .main_topic, .news_area, .main_subject{width:775px;}
.main_title{height:43px;background:url(../images/index_05.jpg) 0 0 no-repeat;}
.main_content{height:403px;background:url(../images/index_06.jpg);}
.main_topic{height:auto!important;height:899px;min-height:899px;background:url(../images/index_08.gif);}
.main_topic .titlebar{width:775px;height:40px;}
.main_content .news_area, .main_news, .main_newspic{height:281px;float:left;}
.main_news{width:424px;height:267px;padding:13px 0 0 14px;}
.main_news .news_content{width:410px;height:253px;background:#FFF;border:1px solid #eb3026;}
.main_newspic{height:267px;padding-top:13px;}
.main_subject{text-align:center;}
.main_gy, .main_zl{width:775px;height:235px;text-align:center;}
.box_pic a:hover img, .box_pic a:hover img{width:152px;height:112px;padding:4px;border:1px solid #f69e61;background:#FFF;}
.box_pic a img, .box_pic a:visited img, .box_pic a img, .box_pic a:visited img{width:152px;height:112px;padding:4px;border:1px solid #8ccdf7;background:#ffe1cd;}
.main_lt ul{float:left;width:330px;margin-top:7px;}
.main_lt ul li{line-height:24px;list-style:url(../images/arrow1.gif);margin-left:9px;}
.main_zl{height:260px;}
.yxzl{position:relative;text-align:left;top:13px;border:1px solid #8ccdf7;margin:0 auto;width:700px;}
.yxzl td.l{background-color:#3d5058;color:#FFF;padding-left:5px;border-top:1px solid #8ccdf7;}
.yxzl td.h{background-color:#597580;color:#FFF;}
.yxzl td.r{border-right:1px solid #8ccdf7;border-bottom:1px solid #8ccdf7;height:30px;line-height:30px;background:#FFF;padding-left:9px;}
.yxzl td.t{border-top:1px solid #8ccdf7;}
.yxzl td.o{background:#fff5ee;}
.yxzl td.p{background:#8ccdf7;width:140px;font-family:微软雅黑;font-size:14px;color:#ff5d42;height:30px;line-height:30px;padding:0 9px;}
.yxzl td.q{border-top:1px dotted #FFF;}
.yxzl td.u{border-right:1px dotted #FFF;}

.content ul, .content ol{padding: 0 15px 15px 40px;/* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。*/}
/* ~~ 导航列表样式（如果选择使用预先创建的 Spry 等弹出菜单，则可以删除此样式） ~~*/
ul.nav{list-style: none;/* 这将删除列表标记*/border-top: 1px solid #666;/* 这将为链接创建上边框 – 使用下边框将所有其它项放置在 LI 中*/margin-bottom: 15px;/* 这将在下面内容的导航之间创建间距*/}
ul.nav li{border-bottom: 1px solid #666;/* 这将创建按钮间隔*/}
ul.nav a, ul.nav a: visited{/* 对这些选择器进行分组可确保链接即使在访问之后也能保持其按钮外观*/padding: 5px 5px 5px 15px;display: block;/* 这将为链接赋予块属性，使其填满包含它的整个 LI。这样，整个区域都可以响应鼠标单击操作。*/width: 160px;/*此宽度使整个按钮在 IE6 中可单击。如果您不需要支持 IE6，可以删除它。请用侧栏容器的宽度减去此链接的填充来计算正确的宽度。*/text-decoration: none;background: #C6D580;}
ul.nav a: hover, ul.nav a: active, ul.nav a: focus{/* 这将更改鼠标和键盘导航的背景和文本颜色*/background: #ADB96E;color: #FFF;}
/* ~~ 脚注 ~~*/
.footer{padding: 10px 0;background: #FFF;position: relative; padding-bottom:0px;margin:0px;/* 这可以使 IE6 hasLayout 以正确方式进行清除*/clear: both;/* 此清除属性强制 .container 了解列的结束位置以及包含列的位置*/}
/* ~~ 其它浮动/清除类 ~~*/
.fltrt{/* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。*/float: right;margin-left: 8px;}
.fltlft{/* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。*/float: left;margin-right: 8px;}
.clearfloat{/* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素*/clear: both;height: 0;font-size: 1px;line-height: 0px;}

/* 左边栏*/
.down_client, .left_nav, .jkgg, .left_vote, .left_ad, .left_link{width:210px;padding-bottom:20px;text-align:center;}
.down_client{height:108px;background:url(../images/index_04.jpg) no-repeat;}
.jkgg, .left_vote{height:276px;}
.left_vote{background:url(../images/index_10.gif) no-repeat;}
.left_vote p{padding:60px 25px 0 25px;}
.left_vote ul{padding-left:45px;text-align:left;}
.left_vote h4{text-align:center;padding:15px 0;}
.left_link{text-align:left;}

/* TAB */
#con{position:relative;width:400px;margin:0 auto;top:15px;}
#con ol li{margin:8px;}
#tags{padding:0;margin:0 23px;width:380px;height:33px;}
#tags li{width:89px;background:#FFF;float:left;list-style-type:none;height:33px;margin-right:4px;}
#tags li a{padding-right:20px;padding-left:20px;float:left;padding-bottom:0px;color:#f69e61;line-height:33px;padding-top:0px;height:33px;text-decoration:none;}
#tags li.emptyTag{background:none transparent scroll repeat 0% 0%;width:4px;}
#tags li.selectTag{width:89px;background:url(../images/tag.gif) no-repeat left bottom;background-position:left top;margin-bottom:-2px;position:relative;height:35px;}
#tags li.selectTag a{font-family:Verdana, 微软雅黑, 新宋体, 宋体;font-size:14px;background-position:right top;color:#eb3026;line-height:35px;height:35px;font-weight:bold;}
.tagContent{padding:9px 0;display:none;width:380px;color:#474747;height:180px;margin-left:-25px;}
#tagContent div.selectTag{display:block;}
.tagContent li.news_title{width:355px;height:27px;background:url(../images/dot_3.gif) 0 26px repeat-x;line-height:27px;padding:0 9px;}
.tagContent li.news_title img{padding-right:9px;vertical-align:middle;}

/* select */
.tzSelect{height:35px;display:inline-block;min-width:210px;position:relative;/* Preloading the background image for the dropdown */background:url('../images/button_06.gif') no-repeat;}
.tzSelect .selectBox{position:absolute;height:35px;width:210px;text-align:center;text-shadow:1px 1px 0 #EEEEEE;color:#666666;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.tzSelect .dropDown{position:absolute;top:35px;left:0px;width:100%;border:1px solid #e9623c;border-width:0 1px 1px;list-style:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:0 0 4px #111;-webkit-box-shadow:0 0 4px #111;box-shadow:0 0 4px #111;}
.tzSelect li{height:54px;cursor:pointer;position:relative;background:#e78749;font-family:微软雅黑;font-size:14px;color:#FFF;}
.tzSelect li:hover{background:#f2ab88;}
.tzSelect li span{left:118px;position:absolute;top:17px;}
.tzSelect li img{left:9px;position:absolute;top:9px;}

/* Go Top*/
#goTopBtn{POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto}

/* 链接 */
a:link{color:#535353;text-decoration:none;}
a:visited{color:#535353;text-decoration:none;}
a:hover{color:#ff6600;text-decoration:underline;}
a:active, a:focus{color:#005982;text-decoration:underline;}

a{outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}