﻿@charset "utf-8";
*{ margin:0; padding:0}
a img{border:0px}
body { margin:0 auto; font-family: Tahoma, Verdana, simsun; font-size:12px; }
#head { background:url(/images/head.png); margin:0 auto; width:951px; height:133px; }
#head p { font-family:Tahoma, Verdana, simsun; float:right; margin:110px 15px 0 auto; }
#nav { background:url(/images/nav.png) no-repeat; width:951px;  margin:0 auto; overflow:hidden}
#nav ul li{ list-style:none; float:left; height:42px; display:inline}
#nav ul li a{display:block; height:42px; width:118px; text-align:center; line-height:42px; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none}
#last a{font-family: Verdana, Geneva, sans-serif}
#nav ul li a:hover{ background:url(/images/nav2.png) no-repeat center;}
#nav div{background:url(/images/sublistbg.png) repeat-x; width:951px; height:30px; padding-left:140px; font-size:14px; }
#nav div a{ display:block; float:left; height:30px; line-height:30px; vertical-align:middle; text-align:center; padding:0 10px; color:#06F; text-decoration:none}
#nav div a:hover{background:#09F; color:#FFF}
.hidelist{display:none}
.showlist{display:block}


.content { background:url(/images/contentbg.png) repeat-x; width:951px; margin:0 auto; overflow:hidden}

#show_news { width:938px; height:221px; margin:5px 0 0 6px}
#showpic { float:left; background:url(/images/showpic.png); width:936px; height:219px; border:1px solid #999}
#news { float:right; background:url(/images/newsbg.png); width:276px; height:221px; }
#title_c_news { float:left; margin:15px 5px 15px 15px; color:#ff9933; font-weight:bold; font-size:14px; display:inline}
#title_e_news { float:left; margin:19px 0 0 0; color:#999999; font:10px Arial, Helvetica, sans-serif; }
.title_c { float:left; margin:10px 5px 15px 15px; color:#0066ff; font-weight:bold; font-size:14px; display:inline }
.title_e { float:left; margin:14px 0 0 0; color:#999999; font:10px Arial, Helvetica, sans-serif; display:inline }
.title_more{float:right; margin:10px 13px 0 0; display:inline}
.title_more a{color:#06F; text-decoration:none}
#newslist { padding:0; margin:50px 0 0 20px; list-style-type:none; line-height:280%; }
.left { display:inline; width:656px; margin:0px 8px 0px 0px; float:left; }
.right { display:inline; width:273px; margin:0px 0px 0px 0px; float:right; }
#po_un { margin:10px 0 0 6px; width:938px; height:188px; }
#slideshow { margin-left:5px; margin-top:50px; }
#portfolio { overflow:hidden; background:url(/images/portfoliobg.png) no-repeat; height:188px; }
#unsv { background:url(/images/unsvbg.png) no-repeat; height:188px; cursor:pointer}
#it_con { margin:10px 0 0 6px; width:938px; height:232px; }
#it { background:url(/images/itbg.png) no-repeat; height:232px; width:656px; overflow:hidden}
#it ul{margin-left:20px; line-height:36px; list-style:none; float:left; width:615px; overflow:hidden; display:inline}
#it ul li{ padding-left:15px; background:url(/images/dot.png) no-repeat left;border-bottom:1px dotted #CCC}
#it ul #lastli{ border-bottom:none}
#it ul li span{ float:right; color:#999}
#it ul li a{color:#333; text-decoration:none; float:left}
#it ul li a:hover{color:#06F; text-decoration:underline}
#it p { font-family:Tahoma, Verdana, simsun; margin:55px 23px 30px 30px; line-height:200%; }
#it p span { color:#0099ff; text-decoration:underline; }
#contact { background:url(/images/contactbg.png) no-repeat; height:232px; overflow:hidden}
#contact p { font-family:Tahoma, Verdana, simsun; margin:50px 20px 10px 20px; line-height:180%; }
#contact p span { font-weight:bold; color:#ff9933; }
#network { background:url(/images/networkbg_e.png); width:938px; height:232px; margin:10px 0 0 6px; }
#networkpics { float:left; width:915px; height:155px; margin:0 0 0 10px; padding:0; display:inline}
#nc { float:left; background:url(/images/nc.png); width:295px; height:155px; }
.more { width:58px; height:22px; margin-top:103px; margin-left:30px; }
#sd { display:inline; float:left; background:url(/images/sd.png); width:295px; height:149px; margin-left:15px; margin-top:6px; }
#vd { display:inline; float:left; background:url(/images/vd.png); width:295px; height:149px; margin-left:15px; margin-top:6px; }
#foot { color:#666; text-align:center; margin:20px 0; line-height:20px}

/* inner page */
#content{background:url(/images/contentbg.png) repeat-x;width:951px; height:730px; margin:0 auto;}
#crumbs{margin:10px 0 10px 15px; float:left; width:900px; display:inline}



#navvertical{ width:238px; height:619px; margin-left:10px; float:left; display:inline}
#navvtitle{font-size:14px; font-weight:bold; color:#0066ff; margin:10px 10px 10px 15px}

#selected a{ font-size:14px; font-weight:bold; color:#ff9900;}
#selected a:hover{color:#F00}
#unselected a{ font-size:14px; font-weight:bold; color:#333;}
#unselected a:hover{color:#F00}
#orange a{color:#F90}
#orange a:hover{color:#F00}

#intro{background:url(/images/introbg.png) no-repeat; width:679px; height:695px; float:left; margin-left:13px}
#introtitle{ margin:10px 10px 10px 15px}
#titlec{font-size:14px; font-weight:bold; color:#0066ff;}
#titlee{font:10px Arial; color:#999999}
#introcontent{margin:30px 12px 20px; width:653px; height:586px;line-height:180%}
.pics{float:left; margin:10px 20px 10px 35px; text-align:center; display:inline}
.picintro{text-align:center; margin:5px; }
.pics img{border:1px solid #999;} 
.pics a:hover img{border: 1px solid #00b7ee;}
#pages{float:right; width:80px; text-align:right; margin-top:15px}
#nums{float:left;}
#nums a{color:#00b7ee;}
#arrowbottom{float:left; margin-left:8px;}



/*tree*/
#tree { margin:14px auto; }
#tree a { color:#666; }
#tree a:hover { color:#F90; }
#tree .info { float:left; _float:none; width:215px; cursor:pointer; margin-left:5px; background:url(/images/sec-left-bg.jpg) no-repeat; }
#tree div p { margin:4px 0 10px 10px; font-weight:bold; width:150px; }
#menu-58, #menu-59, #menu-60, #menu-61, #menu-62, #menu-63, #menu-64, #menu-65, #menu-57, #menu-67, #menu-71, #menu-72 { display:none; background:none; }
#menu-58 a, #menu-59 a, #menu-60 a, #menu-61 a, #menu-62 a, #menu-63 a, #menu-64 a, #menu-65 a, #menu-57 a, #menu-67 a, #menu-71 a, #menu-72 a { color:#000000; }
#menu-58 div, #menu-59 div, #menu-60 div, #menu-61 div, #menu-62 div, #menu-63 div, #menu-64 div, #menu-65 div, #menu-57 div, #menu-67 div, #menu-71 div, #menu-72 div { background:none; }
#menu-58 div p, #menu-59 div p, #menu-60 div p, #menu-61 div p, #menu-62 div p, #menu-63 div p, #menu-64 div p, #menu-65 div p, #menu-57 div p, #menu-67 div p, #menu-71 div p, #menu-72 div p { margin:6px 0 5px 30px; font-weight:normal; }
#left-top { float:left; width:238px; background:url(/images/sec-left-top.jpg) no-repeat; height:38px; }
#left-middle { float:left; border-color:#cccccc; border-style:solid; border-width:0 1px 0 1px; width:236px; margin:-10px auto; }
#left-bottom { float:left; display:inline; width:238px; background:url(/images/sec-left-bottom.jpg) no-repeat; height:6px; margin:5px auto; }
h4 { margin:9px 0 0 15px; color:#0000FF; font-size:14px; float:left; display:inline; }