﻿@charset "utf-8";
body {
 margin:0; padding:0; font-size:12px; color:#CCC; background:#09090A url(bg.png) repeat-x;
}
a{ color:#FFF; text-decoration:none}
a:hover{color:#F00;text-decoration:underline}
img{border:0;}
h3{margin:0; padding:0; font-size:14px;}
ul,li{list-style:none;margin:0; padding:0;line-height:18px;}
p,form,div,h2,h4{margin:0; padding:0}

#focus{width:662px; height:327px; float:left; display:inline;overflow:hidden}
.ibox{width:662px; height:327px; background:#ddd; margin:0 auto; border:0px solid #ddd; position:relative; overflow:hidden}
.ibox .showbox{position:absolute;left:0;width:2648px; height:327px; background:#fff}

.ibox .showbox a img{width:662px; height:327px;}
.ibox #kz{position:absolute; top:-50px;}
.ibox span{position:absolute;padding:2px 5px;  cursor:pointer;}

.ibox span.num{right:45%; bottom:10px; line-height:12px; height:10px; overflow:hidden}
.ibox span.num li{display:inline;margin:0 0px; padding:1px 2px; width:19px; line-height:12px;height:19px; background:url(focus_btn.png) no-repeat; overflow:hidden}
.ibox span.num .numcur{background:url(focus_btn.png) no-repeat 0 -12px;_background:url(focus_btn.gif) no-repeat 0 -12px; color:#fff}


#bg{background:url(wrap_bg.gif) repeat-x; height:500px;}

#wrap{width:990px; margin:0 auto; background-color:#090909; overflow:hidden}

#header{height:95px; background:#515153 url(head_bg.gif) repeat-x; overflow:hidden}
#header .logo{width:220px; height:80px; float:left; display:inline; margin:8px 0 0 10px;}
#header .topbanner{width:690px; height:95px; float:right; overflow:hidden;}

#menu{height:58px; background:#242424 url(menu_bg.gif) repeat-x; border-top:4px solid #48484A; border-bottom:4px solid #48484A; overflow:hidden;overflow: visible;}
#menu .r{height:58px; background:url(menu_r.gif) no-repeat right;overflow:hidden}
#menu .list{height:58px; background:url(menu_l.gif) no-repeat;overflow:hidden}

#menu ul{margin:13px 0 0 40px;}
#menu ul li{display:inline; float:left; margin:0 5px; text-align:center; line-height:21px;*line-height:26px;}
#menu ul li a{margin:0 2px; color:#CCC; line-height:18px; font-size:14px; font-weight:bold; line-height:20px;}
#menu ul li a:hover{color:#FC3; text-decoration:none}
#menu ul li span{color:#6D6D6D; display:block; font-weight:normal}


#nav {
 
}
#nav a {
 display: block; width: 80px; text-align:center;
}

#nav li {
 float: left; width: 70px; height:60px; text-align:center; display:inline; overflow:hidden
}
#nav li ul a:hover{
 background:#999;
}
#nav li ul {
 line-height: 27px;  list-style-type: none;text-align:left;
 left: -999em; width: 120px; position: absolute; margin:0 0 0 -10px; *margin:0 0 0 -50px;background-color:#242424; padding-bottom:5px;
}
#nav li ul li{
 float: left; width: 110px;
 background:#666;
 height:25px;
 vertical-align:bottom; padding-top:8px;
}
#nav li ul a{
 display: block;text-align:left;padding-left:10px; padding-top:2px;
}
#nav li ul a:hover  {
 color:#F3F3F3;text-decoration:none;
 background:#C00;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}


#main{ border-left:5px solid #48484A;border-right:5px solid #48484A; overflow:hidden; clear:both;min-height:400px;height:auto !important; height:400px; overflow:visible;}

#indexnew{height:325px; margin:5px;overflow:hidden}


#indexnew .news{ width:300px; height:327px; float:right; display:inline; background:#1E1E1E url(news_bg.gif) no-repeat 5px 10px;overflow:hidden}
#indexnew .news ul{ margin:13px 0 0 43px;}
#indexnew .news ul li{height:37px; vertical-align:bottom}
#indexnew .news ul li a{color:#CCC; font-size:16px; font-weight:bold;}
#indexnew .news ul li a:hover{color:#FC3;}
#indexnew .news ul li a.this{color:#FC3;}

#indexnew .news .ds{width:122px; height:110px; background-color:#252525; float:left; margin:5px 0 0 5px; padding:5px;overflow:hidden}
#indexnew .news .ds img{width:122px; height:66px;}
#indexnew .news .ds .text{line-height:18px;}
#indexnew .focus_txt{height:20px; background:url(focus_bot.gif) repeat-y; clear:both; padding:7px 0 0 10px; font-size:14px; font-weight:bold;}
#indexgg{height:62px; clear:both; margin:5px 3px 5px 3px; overflow:hidden;}
#indexgg .gg1{width:745px; float:left;}
#indexgg .gg2{width:224px; float:right;}

#left{width:683px; float:left; display:inline; overflow:hidden;}
#left .news{overflow:hidden}
#left .news .head{height:24px; background:url(news_head.gif) no-repeat;}
#left .news .head .title{display:inline-block; float:left; font-weight:bold; margin:8px 0 0 10px; font-size:14px;}
#left .news .head .more{display:inline-block; background:url(more.gif) no-repeat; width:68px; height:18px; float:right; margin:5px 5px 0 0; color:#FFF}
#left .news .content{height:150px; background:#232323 url(newsbg.gif) repeat-x; padding:5px 8px;}

#left .news .aalist{margin:10px;}
#left .news .aalist li{padding-bottom:2px; margin-bottom:2px; padding-left:12px; background:url(dot.gif) no-repeat 0 6px;overflow:hidden}
#left .news .aalist li a{display:block; float:left;}
#left .news .aalist li .date{display:block; float:right; color:#999}

#left .yw{  overflow:hidden;}
#left .yw .head{height:35px; background:url(yw.gif) repeat-x; overflow:hidden}
#left .yw .head .title{display:inline-block; float:left; font-weight:bold; margin:8px 0 0 10px; font-size:14px;}
#left .yw .head .more{display:inline-block; background:url(more.gif) no-repeat; width:68px; height:18px; float:right; margin:5px 5px 0 0; color:#FFF}
#left .yw .content{padding:10px; line-height:200%; border-right:1px solid #4F4F4F; border-bottom:1px solid #4F4F4F; overflow:hidden; width:662px;}

#left .yw .box{width:300px; height:220px; overflow:hidden; float:left; margin:10px 10px 10px 15px;}
#left .yw .box .pic{width:300px; height:160px; overflow:hidden}
#left .yw .box .pic img{max-width:300px;}
#left .yw .box .text{margin:0px 0 0 40px; line-height:18px;}


#right{width:280px; float:right; display:inline; background-color:#313133;}
#right .box .head{height:26px; background:url(right_head.gif) repeat-x;}
#right .box .head .title{display:inline-block; float:left; font-weight:bold; margin:5px 0 0 10px; font-size:14px;}
#right .box .head .more{display:inline-block; background:url(more.gif) no-repeat; width:68px; height:18px; float:right; margin:5px 5px 0 0; color:#FFF}
#right .box .content{ padding:8px; overflow:hidden}
#right .box .ss{background-color:#252527; padding:15px 10px 15px 20px;}
#right .box .ss #SearchStr,#right .box .ss #SearchType{background-color:#999; border:1px solid #4E4E50;}
#right .box .ss #SearchStr{height:18px;}
#right .box .ss #button{background-color:#252527; border:0; color:#CCC}
#right .box .ss option{background:none; border:0;}

#right .box .case{margin:8px 2px 5px 2px; height:75px; padding-bottom:6px; border-bottom:1px solid #5B5B5D; clear:both}
#right .box .case .pic{width:106px; height:61px; float:left; display:inline-block; border:4px solid #555354;}
#right .box .case .pic:hover{ border:4px solid #F90;}
#right .box .case h3 a{font-size:12px; color:#9E8B75;}
#right .box .case h3 a:hover{color:#FC0;}
#right .box .case .text{width:140px; float:right; height:70px; overflow:hidden}

#right .box .fc{height:260px;}
#right .box .fengcai{margin:8px auto; overflow:hidden;}
#right .box .fengcai .pic{text-align:center;}
#right .box .fengcai .pic img{border:1px solid #CCC;}
#right .box .fengcai .text{line-height:16px; text-indent:24px; margin-top:7px;}

#right .piclist{margin:0px;}
#right .piclist li{width:122px; height:130px; text-align:center; float:left; display:inline; margin:0 5px 10px 5px; overflow:hidden}
#right .piclist li .pic{display:block; width:120px; height:90px; margin-bottom:4px; border:1px solid #CCC; overflow:hidden}
#right .piclist li .pic:hover{border:1px solid #FC0;}
#right .piclist li img{width:120px; height:90px;}

#right .fenlei{margin:4px;}
#right .fenlei li{padding-bottom:4px; width:115px; float:left; display:inline; margin-bottom:4px; padding-left:12px; background:url(arrow.gif) no-repeat 0 3px;overflow:hidden}
#right .fenlei li a{display:block; float:left;}

#left .mhead{height:35px; background:url(yw.gif) repeat-x; overflow:hidden}
#left .mhead .title{display:inline-block; float:left; font-weight:bold; margin:8px 0 0 10px; font-size:14px;}
#left .mhead .more{display:inline-block; background:url(more.gif) no-repeat; width:68px; height:18px; float:right; margin:5px 5px 0 0; color:#FFF}

#left .show{padding:10px; line-height:200%; border-right:1px solid #4F4F4F; border-bottom:1px solid #4F4F4F; overflow:hidden; width:662px;min-height:400px;height:auto !important; height:400px; overflow:visible;}

#left .show .box{width:300px; height:220px; overflow:hidden; float:left; margin:10px 10px 10px 15px; display:inline;}
#left .show .box .pic{width:300px; height:160px; overflow:hidden}
#left .show .box .pic img{max-width:300px; width:295px;}
#left .show .box .text{margin:0px 5px 0 5px; line-height:18px;}

#left .alist{margin:10px;}
#left .alist li{padding-bottom:4px; border-bottom:1px #CCC dashed; margin-bottom:4px; padding-left:15px; background:url(arrow.gif) no-repeat 0 3px;overflow:hidden}
#left .alist li a{display:block; float:left;}
#left .alist li .date{display:block; float:right; color:#999}

#left .piclist{margin:15px 5px 5px 5px;}
#left .piclist li{width:142px; height:160px; text-align:center; float:left; display:inline; margin:0 10px 10px 10px; overflow:hidden}
#left .piclist li .pic{display:block; width:140px; height:115px; margin-bottom:4px; border:1px solid #CCC; overflow:hidden}
#left .piclist li .pic:hover{border:1px solid #FC0;}
#left .piclist li img{width:140px; height:115px;}


#left .team{width:315px; height:202px; border:1px solid #232323; display:inline; float:left; margin:0 4px 10px 4px; overflow:hidden; background-color:#48484A}
#left .team .pic{border:1px solid #CCC; display:block; float:left; overflow:hidden;width:150px; height:200px;}
#left .team .pic:hover{border:1px solid #FF0}
#left .team .pic img{width:150px; height:200px;}
#left .team .desc{width:156px; height:198px; float:right;}
#left .team .desc h3{ border-bottom:1px dashed #CCC; padding-bottom:3px; height:21px; font-size:14px; margin:3px 5px 3px 0;}
#left .team .desc span{display:block; text-indent:25px; font-size:12px; padding:0 3px 0 0; overflow:hidden; height:180px; line-height:17px;}


#left img{max-width:600px;}

#left h2.title{text-align:center; margin-bottom:8px; font-size:16px;margin-top:15px;  }
#left .info{text-align:center;padding-bottom:8px; margin-bottom:10px;font-size:12px; color:#999; border-bottom:1px dashed #CCC;margin:5px 0px; }
#left .picshow{text-align:center; padding-bottom:10px; margin-bottom:10px; margin-top:10px;}
#left .picshow img{padding:6px; background-color:#FFF; border:1px solid #CCC}
#left .js{height:22px;border-bottom:1px dashed #CCC; color:#FFF; font-size:14px; font-weight:bold; padding:8px 0 5px 4px; margin-bottom:10px;clear:both;}

#left .next{clear:both; margin:30px 0 10px 10px; line-height:22px;}

#left .post{font-size:14px;}

.pagenum{text-align:center; margin:20px auto 15px auto; clear:both}

.links{margin:8px 15px 8px 15px;}
.links .imglink{overflow:hidden}
.links .imglink a{display:inline-block; height:31px; width:88px; border:1px solid #333; float:left; margin:0 5px 5px 5px;}
.links .imglink a:hover{ border:1px solid #FC0; }
.links .imglink a img{height:31px; width:88px;}
.links .txtlink{padding:5px 0 5px 0; clear:both; overflow:hidden}
.links .txtlink a{margin:0 10px; color:#CCC}

#bottom{border-top:5px solid #1A1A1A; clear:both;}

#footer{text-align:center; line-height:180%;}
#footer .zc{color:#666;}
#footer .zc a{color:#666}
