/* CSS Document */
* { list-style-type:none; border:0; margin:0; padding:0;}
body,h1 {
	margin:0;
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#666;
	clear:both;
	
}
a:link,a:visited,a:hover,a:active {
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

input { color:#666; font-family:Arial, Helvetica, sans-serif; height:16px; padding:1px 0 1px 5px;}
textarea { border:1px solid #CCC;font-family:Arial, Helvetica, sans-serif;  background:url(images/textarea_back.gif); padding:1px 0 1px 5px; }
p { text-indent:2em; margin-top:10px;}
.input1 { border:1px solid #CCC; background:url(images/input_back.gif);}
.btn { height:23px; font-family:Arial, Helvetica, sans-serif; padding:3px; color:#FF6600; }
a { color:#666666; text-decoration:none;}

#mobox{ width:1002px; padding-top:5px; margin:0 auto;}
#header{ width:1002px; overflow:hidden; margin:0 auto;}
#logo{ float:left; }
#logo a{ display:block; width:329px; background:url(images/logo.jpg); height:61px;}
#head_right{ float:right; margin-right:10px; width:250px;}
#head_right li{ float:left; padding-left:8px; height:12px;}
#head_right a{ float:left;}
#head_right img{ float:left;}

.nav {
width:1002px;
    position: relative;
	margin:0px auto;
    background: url(images/nav.png) no-repeat 0 -36px;
}
.navinner {
    background: url(images/nav.png) no-repeat 100% -72px;
}
.navlist {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    margin: 0 10px;
    background: url(images/nav.png) repeat-x 0 0;
}
.nav li {
    float: left;
    display: inline;
    margin: 0 0 0 -2px;
    padding: 0 4px 0 6px;
    background: url(images/nav.png) no-repeat 0 -108px;
}
.nav a {
    display: block;
    width:100px;
    text-align: center;
    font-size: 120%;
}
.nav a:link, .nav a:visited {
    color: #fff;
}
.nav a.current, .nav a:hover, .nav a:active {
    background: url(images/nav.png) no-repeat 50% -144px;
}
.subnav {
    position: absolute;
    top: 41px;
    left: 0;
    float: left;
    height: 27px;
    line-height: 27px;
    white-space: nowrap;
    background: url(images/nav.png) no-repeat 0 -180px;
}
* html .subnav {
    margin: 0 10px 0 -10px; /* IE 6 and below */
}
.subnav p {
    padding: 0 3px;
    background: url(images/nav.png) no-repeat 100% -234px;
}
.subnav p span {
    display: block;
    background: url(images/nav.png) repeat-x 0 -207px;
}
.subnav p.pointer {
    position: absolute;
    top: -4px;
    left: 0;
    height: 5px;
    width: 11px;
    padding: 0;
    margin-left: 20px;
    text-indent: -999em;
    background: url(images/nav.png) repeat-x 0 -261px;
}
.subnav a {
    display: inline;
    padding: 0;
    font-size: 100%;
}
[class~="subnav"] a {
    padding: 0 3px;
}
.subnav, .subnav a:link, .subnav a:visited {
    color: #235e99;
}
.subnav a:hover, .subnav a:active {
    color: #235e99;
}
.subnav a:hover, .subnav a:active {
    font-weight: normal;
    background: none;
}
/* subnav position and pointer position */
#subnav1 { left: 110px; }
#subnav2 { left: 220px; }
#subnav3 { left: 330px; }
#subnav4 { left: 440px; }
#subnav5 { left: 550px; }
#subnav6 { left: 760px; }
#subnav7 { 
    left: auto;
    right: 0px;
}

#subnav1 .pointer,
#subnav2 .pointer,
#subnav3 .pointer,
#subnav4 .pointer,
#subnav5 .pointer{ left: 30px; }
#subnav6 .pointer { left: auto; right: 135px; }
#subnav7 .pointer { left: auto; right: 70px; }

#subnav1 { min-width:580px;} 
#subnav2{ min-width:720px;}
#subnav3, #subnav4 {
    min-width: 180px;
}
#subnav5 { min-width: 250px; }
#subnav6 { min-width: 200px; }
#subnav7 { min-width: 240px; }


/* Note
==========================================================*/
.note {
    margin: 0 15px 10px;
	color:#666666;
}
.note span{
	float:right;
}
.disable {
    display: none;
}
div, ul, p{
    margin: 0;
    padding: 0;
}
/* nav-end*/

#content{ width:1002px; margin:0 auto; margin-top:8px;}
#sidebar{ float:left;}
.sidenav ul{list-style-image:url(images/category_sign.jpg); background-color:#f3f3f3; vertical-align:middle; width:200px;}
.sidenav li{ text-align:left; margin-left:30px; width:170px;}
.sidenav li a{ height:20px; width:150px; padding-left:20px; display:block;}
.sidenav li a:hover{ background-color:#ec0000; color:#fff; width:150px; height:20px;}
.friend{ width:200px; height:90px;}
#contenter{ float:left; margin-left:12px; width:590px; border-left:1px  dashed #ccc; border-right:1px dashed #ccc;}
.gsjj{ width:580px;}
.title{ width:560px; height:25px; border-bottom:1px solid #ccc; margin-left:15px;}
.title span{ float:left; background-image:url(images/gsdt.jpg); width:100px; height:24px; }
.title a{ float:right; margin-right:10px; margin-top:6px;}
.pro h3{ padding-left:14px; padding-top:4px;font-size:14px; font-weight:bold; color:#000;}
.con{ width:390px; float:left; padding-left:20px; margin-top:8px;}
.gs_img{ float:left; padding-left:8px; padding-top:8px;}
.hot{ width:580px; margin-top:8px;}

#right{ float:right; width:180px;}
.contact{ background:url(images/kefu.jpg); width:180px; height:177px;}
.contact img{ margin-top:104px; margin-left:10px;}
.help{ background:url(images/ren.jpg); width:180px; height:132px; margin-top:8px;}
.help ul{ font-weight:bold; margin-top:10px;line-height:24px;}
.help li{ margin-left:20px;}
.help li a{ font-size:14px; color:#333; }
#links{ width:178px; height:190px; margin-top:8px; border:1px solid #ccc;}
#links span{ width:178px;}
#links img{ margin:5px; float:left;}
.link{ width:168px; margin-left:8px;}
#links ul{ width:84px; line-height:20px; margin-top:4px; float:left;}


#bot_nav { background:url(images/navbg.gif); height:24px; text-align:center;}
#bot_nav a { color:#fff; display:inline-block;  background:url(images/navline.gif) no-repeat 100% -3px; margin-top:2px; padding-left:18px; padding-right:18px;}
#bottom{ width:1002px; margin:0 auto;}

.pro_list{ height:100%;}
.pro_one{ padding:6px; float:left; line-height:50px; width:170px; height:170px; text-align:center; overflow:hidden;}
.pro_ong a{ width:170px; height:170px;}
.pro_one img{border:1px solid #ccc; width:168px;}
#main_side{float:left; padding-left:12px; width:780px; border:1px solid #ccc; overflow:hidden;}
#main_side .title{ width:750px;}
.main_side{ margin-left:20px; width:750px;}
#category td { border-bottom:1px dashed #ccc; margin-top:10px;}
#news_list td { border-bottom:1px dashed #ccc; margin-top:10px;}
.pic a img { border:1px solid #ccc;}
#bottom { border-top:1px solid #ccc; background:#F3F4F6; margin-top:15px; height:50px;}
#left_nav { width:200px; border:1px solid #E4E4E4; overflow:hidden;}
#left_nav .title{ width:170px;}
.nomarl a {  display:block; background:url(images/nomarl.jpg) no-repeat left; width:154; height:19px; padding:3px 0 0 20px; margin-left:14px; }
.nomarl a:hover { background:url(images/active.jpg) no-repeat left; color:#000;}
.nomarl li{ height:24px;}
.active a{ display:block; background:url(images/active.jpg) no-repeat; width:134; height:19px; padding:3px 0 0 20px; color:#FFF;}
.active a:hover { color:#FFF;}