﻿@import url(global_content.css);

/* 1.全局基本样式控制
-----------------------------------*/
*{margin:0; padding:0;}
html{ overflow:auto; overflow-x:hidden;}
body{font-size:12px; font-family:Arial;word-break:break-all;background:#fff;}
img{border:none;}
input,textarea{font-size:100%;font-family:Verdana,Helvetica,Arial;}
ul,ol,li{list-style:none;}
a{color:#555; text-decoration:none }
a:hover{color:#f00; }

/* 2.区块 #header #banner #footer .quicklink
-----------------------------------*/
#wrapper{position:relative;width:900px;margin:0 auto;}
#header{ position:relative; z-index:2; /*width:900px;*/ height:auto; margin:auto; padding-bottom:25px;}
#header h1{/*position:absolute;bottom:18px;+bottom:19px;_bottom:16px;left:22px;*/width:162px; }
#header h1 a{
display:table-cell;
vertical-align:middle;
text-align:center;
+display: block;
+font-size:46px;
+font-family:Arial;
width:190px;
height:auto;
}
#header h1 a img {vertical-align:middle;}
#banner{width:100%;overflow:hidden;}
#footer{width:100%;margin:auto; height:44px;line-height:150%;padding-top:10px;*padding-top:8px;clear:both;display:block;color:#262626;text-align:right;}
#footer div{display:inline;padding-right:5px;}
#footer a{color:#262626;}
.quicklink{text-align:center;position:relative; float:left; width:100%; margin:auto; height:44px; }
.quicklink ul{float:left; width:390px; margin:13px 0 0 7px;}
.quicklink li{float:left;width:64px;}
.quicklink a{color:#fff;}
.quicklink h2{position:absolute;top:46px;left:15px;padding-top:8px;font-size:12px; font-weight:normal;color:#262626;}


/*图片出错*/
.noimage{display:block; width:100px; height:100px; background:#ededed url(../img/noimages.gif) no-repeat center center;}
.blockimage{display:block;} 

/* 3.导航
-----------------------------------*/
#nav {text-align:center;position:relative;z-index:10;padding:5px 0; width:900px; height:28px; background: url(../img/navBg.jpg) repeat;}
#nav ul{padding:0;margin:0;list-style-type:none;}
#nav li {float:left;position:relative;line-height:28px;}
#nav li li{margin:0;line-height:28px;height:28px; text-indent:1em; }
#nav a, #nav a:visited{ display:block;font-size:12px;text-decoration:none; color:#000; width:100px; background:url(../img/nav.gif);}
* html #nav a, * html #nav a:visited {width:100px;}
/* style the second level hover 三级菜单显示方向*/
#nav ul ul li.left a.drop{background: url(../img/nav2_leftMiddle.gif) no-repeat right center;}
#nav ul ul li.right a.drop{background: url(../img/nav2_rightMiddle.gif) no-repeat right center;}
#nav ul ul .left ul {left:-180px;}
#nav ul ul .right ul {left:180px;}
#nav ul ul {visibility:hidden;position:absolute;height:0;top:28px;left:0; width:180px;}
* html #nav ul ul {top:28px;}
#nav ul ul ul{left:180px; _left:180px; top:0;width:180px;}
#nav table {position:absolute; top:0; left:0;}
#nav ul ul a, #nav ul ul a:visited {text-align:left;background:url(../img/nav2_middle.gif) no-repeat right top;color:#555; overflow:hidden; width:180px/* yet another hack for IE5.5 */;}
#nav ul ul ul a, #nav ul ul ul a:visited {text-align:left;background:url(../img/nav3_middle.gif) no-repeat right top; overflow:hidden; width:180px/* yet another hack for IE5.5 */;}
* html #nav ul ul a{width:180px;}
/* style the top level hover 经过栏目样式 */
#nav a:hover{color:#f00;zoom:1;}
#nav a a:hover{background-images:url(../img/nav.gif);}
#nav li li a,
#nav a a:hover{padding:0; line-height:28px;height:28px;}
#nav li li li{background:url(../img/nav3_middle.gif);}
/*菜单底部*/
#nav li li.bottomBg,
#nav li li li.bottomBg{display:none;}
#nav ul li:hover ul,#nav ul a:hover ul{visibility:visible; }
#nav ul :hover ul ul{visibility:hidden;}
#nav ul :hover ul :hover ul ul{visibility:hidden;}
#nav ul :hover ul :hover ul{ visibility:visible;}
#nav ul :hover ul :hover ul :hover ul { visibility:visible;}
#nav .arrowFront,#nav .arrowAfter{width:9px;height:27px;overflow:hidden;text-indent:-99em;}
#nav .arrowFront a,#nav .arrowAfter a{line-height:27px;display:block;}
#nav .arrowFront{float:left;margin-right:8px;}
#nav .arrowAfter{float:left;margin-left:3px;}
#nav .arrowFront a{background-position:0 -29px!important}
#nav .arrowAfter a{background-position:-10px -29px!important}

/* 4.MODULE 
-----------------------------------*/
.mdl{ position:relative;float:left; width:100%; overflow:hidden; margin-bottom:5px;}
.mdl_t{position:relative;font-size:12px;}
.mdl_t_l,.mdl_t_r{position:absolute;top:0px;font-size:1px;overflow:hidden;}
.mdl_t_l{left:0;}
.mdl_t_r{right:0;float:right;}
.mdl_t_m{position:absolute;text-align:left;height:20px;line-height:20px;}
.mdl_t_m h3{font-size:14px;}
.mdl_t_c{position:relative;text-align:left;overflow:hidden;}
.mdl_t_c span.a_a{text-decoration:none;}
.mdl_c{position:relative;overflow:hidden;background:#fff;}
.mdl_c .mdl_m_t,.mdl_c .mdl_m_c,.mdl_c .mdl_m_b{padding:0 2px;}
.mdl_c .mdl_m_t,.mdl_c .mdl_m_b{text-align:left;}
.mdl_c_l,.mdl_c_r{position:absolute;top:0;font-size:1px;} 
.mdl_c_l{left:0;}
.mdl_c_r{right:0;}
.mdl_c_c{position:relative;min-height:50px;_height:50px;zoom:1;}
.mdl_c_c:after {content: "."; display: block;height: 0; clear: both; visibility: hidden;}
.mdl_b{position:relative;overflow:hidden;}
.mdl_b_l,.mdl_b_r{position:absolute;top:0;font-size:1px;}
.mdl_b_l{left:0;}
.mdl_b_r{right:0;}
.g_p_fill{padding-bottom:32767px;margin-bottom:-32767px;}
.g_p_hide{overflow:hidden;display:block!important;display:inline-block;}
