/*************basic*************/ *{ margin:0; padding:0; } body{ font-size:14px; font-family: Microsoft Yahei, "微软雅黑", Arial; color:#333; } a { text-decoration:none; } img { border:0; } .left { text-align:left; } .right { text-align:right; } .center { text-align:center; } .clear { clear:both; } h1 { font-size:16px; } h2 { font-size:14px; } ul{ list-style-type:none; } input,select{ vertical-align:middle; } /*************layout -- header*************/ #header{ background:url("../images/bg_header.jpg") repeat-x top; background-color:#fefefd; } #header .top{ height:81px; margin:0 auto; position:relative; } #header .top .logo{ position:absolute; top:18px; left:20px; font-size:30px; } #header .top .logo a{ color:#333; } #header .top .logo img{ height:40px; } #header .top .topinfo{ height:29px; line-height:29px; position:absolute; top:52px; right:0; padding-right:5px; color:#6e6e6e; font-size:14px; } #header .top .topinfo a{ color:#aa0000; } #header .top .topinfo a:hover{ text-decoration:underline; } #header .top .topinfo2{ height:29px; line-height:29px; position:absolute; top:12px; right:0; padding-right:5px; color:#6e6e6e; font-size:14px; } #header .top .topinfo2 a{ color:#aa0000; } #header .top .topinfo2 a:hover{ text-decoration:underline; } #header #topmenu{ height:60px; margin:0 auto; position:relative; } #topmenu ul{ padding-left:10px; height:40px; line-height:40px; position:absolute; top:18px; } #topmenu li{ float:left; font-weight:bold; font-size:14px; } #topmenu li a{ display:block; padding:0 25px; color:#f4f4f4; } #topmenu li a.last{ padding:0 5px; } #topmenu li a.active{ background-color:#fefefd; border-top:2px solid #9bccee; color:#052848; } /*************layout -- footer*************/ #footer { position:fixed; _position:absolute; z-index:1000; top:100%; width:100%; margin-top:-36px; height:36px; background-color:#9bccee; color:#666; line-height:36px; text-align:center; } #footer a{ color:#666; } #footer a:hover{ text-decoration:underline; } #footer .copyright{ float:left; width:300px; text-align:left; padding-left:20px; } #footer .info{ float:right; width:300px; text-align:right; padding-right:20px; } /********layout -- 核心区域**********/ #container { margin:20px auto; background-color:#fefefd; } #maincontent {/**带左侧菜单**/ width:80%; float:left; margin-left:20px; padding-bottom:50px; } #allcontent {/**不带左侧菜单**/ width:98%; margin:0 auto; padding-bottom:50px; } #container .infotitle{ font-weight:bold; text-align:center; font-size:26px; margin:20px 0; } /********layout -- 左侧子菜单**********/ #leftmenu{ width:18%; float:left; background-color:#0c72b8; padding:4px 0 36px 0; color:#fff; margin-bottom:10px; } #leftmenu a{ display:block; color:#fff; } #leftmenu .menu1{ height:40px; line-height:40px; font-size:14px; font-weight:bold; } #leftmenu .menu1 a{ padding-left:34px; background:url("../images/submenu/dot1.png") no-repeat 16px 15px; } #leftmenu .menu1 a.active{ background-color:#fefefd; color:#16568b; } #leftmenu .menu2{ height:40px; line-height:40px; font-size:14px; } #leftmenu .menu2 a{ padding-left:34px; } #leftmenu .menu2 a.close{ background:url("../images/submenu/dot21.jpg") no-repeat 16px 14px; } #leftmenu .menu2 a.open{ background:url("../images/submenu/dot22.jpg") no-repeat 16px 14px; } #leftmenu .menu2 a.openactive{ color:#16568b; background:#fefefd url("../images/submenu/dot23.jpg") no-repeat 16px 14px; } #leftmenu .menu2 a.active{ color:#16568b; background:#ffffff; } #leftmenu .menu3{ height:40px; line-height:40px; font-size:14px; } #leftmenu .menu3 a{ padding-left:54px; background:url("../images/submenu/dot3.png") no-repeat 40px 15px; } #leftmenu .menu3 a.active{ background-color:#fefefd; color:#16568b; } #leftmenu .menuline{ height:2px; background:url("../images/submenu/line.jpg") repeat-x; } /**************Layout -- TAB****************/ .zm_tab{ height:28px; border-bottom:6px solid #b8dbf2; position:relative; } .zm_tab .ul-tab{ float:left; } .zm_tab li{ float:left; width:100px; height:27px; text-align:center; line-height:27px; background-color:#fff; border:1px solid #B8DBF2; margin-bottom:6px; margin-left:16px; } .zm_tab li.first{ margin-right:0; } .zm_tab li a{ font-weight:bold; display:block; color:#17568B; } .zm_tab li.active{ background-color:#B8DBF2; } .zm_tab .handle{ position:absolute; top: 0; right: 0; z-index:999; }