﻿@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, button,textarea, p, blockquote, th, td {margin: 0;padding: 0;}
img{ border: none;}
p{	margin: 0px;padding: 0px;}
h2{margin:5px 0;}
h3{margin:0;padding:0;}
h4{margin:0;}
h5{padding:0;margin:0;font-size:12px;}
ul,li{margin:0;list-style: none;padding:0;}
em{font-style:normal;}
td,input,select,textarea{font-size:12px;}
input{vertical-align:middle;}
.ipt-txt,.ipt-mtxt{border:1px #CCCCCC solid;background:#BABABA;}
.ipt-mtxt{overflow:hidden;}
.ipt-btn{}
body{font:12px Verdana,Arial,SimSun,sans-serif,'宋体';color:#63624C;background:#000000;}
.hidden {display:none;}
.show {display:block;}
.hand {cursor:pointer;}
.btn {cursor:pointer;}
.l{float:left;}
.r{float:right;}
.clear {clear:both;font-size:1px;height:0px;margin-top:-1px;}
a:focus{outline:none}
a:link,a:visited{text-decoration:none;color:#63624C;}
a:hover {text-decoration:underline;color:#CBC01C;}
img{background:#FFFFFF;}


.wrapfix:after{content:".";height:0;visibility:hidden;display:block;clear:both;}
.wrapfix{display:inline-block;}
.wrapfix{display:block;}
.clearfix{font-size:0px;line-height: 0px;clear:both;height:0px;overflow:hidden;}
.wrapper{clear:both;margin:0 auto;width:960px;background-color:#ffffff;}
.divline{height:8px;overflow:hidden;}
/*topbar pagehead*/
#topbar:after,#header:after,#bodyer:after,#footer:after{content:".";height:0;visibility:hidden;display:block;clear:both;}
#topbar,#header,#bodyer,#footer{display:inline-block;}
#topbar,#header,#bodyer,#footer{display:block;}
#topbar,#header,#bodyer{width:900px;margin:0 auto;}

#quicklink{margin-top:2px;float:right;color:#333;width:200px;text-align:right;display:none;}

#header{height:134px;overflow:hidden;background:url(../images/topbg.gif) 0 0 no-repeat;}
#logo{width:240px;font-size:28px;float:left;height:92px;color:#333;font-weight:bold;overflow:hidden;}
#logo a{display:block;width:100%;height:100%;text-indent:-500px;}
#nav{margin-left:240px;margin-top:97px;}
#nav ul{}
#nav li{float:left;width:76px;margin-right:6px;line-height:30px;}
#nav li a{line-height:26px;display:block;text-align:center;color:#7E7E7E;font-weight:bold;line-height:30px;}
#nav li a.cur{background:url(../images/curnav.gif) 0 0 no-repeat;line-height:30px;color:#BCBCBC;}


.banner,#banner{width:900px;margin:6px auto;}
#bodyer{overflow:hidden;}
#sidebar{width:195px;float:left;}
#mainbar{float:right;width:690px;background:#131313;border:1px #2A2A2A solid;padding:6px 0;}
#pathbox{height:32px;line-height:32px;border-bottom:1px #2A2A2A solid;margin-bottom:8px;}
.curpath{margin-left:20px;text-indent:12px;}
#footer{width:900px;margin:0 auto;background:url(../images/footerbg.gif) 0 10px no-repeat #000000;padding:18px 0;text-align:center;line-height:20px;color:#63624C;}
#footer a{color:#63624C;}

#links{margin:10px 0 0 0;height:24px;line-height:24px;}
.links-hd{float:left;width:68px;}
.links-hd h4{font-size:12px;height:24px;line-height:24px;}
.links-bd{margin-left:68px;height:24px;line-height:24px;}
/*Pager Style*/
.pagebox{clear:both;margin-top:10px;height:32px;text-align:right;}
.pager{text-align:left;}
.pager a, .pager .cpb,.pager span {display:block;float:left;height:24px;line-height:24px;border: #63624C 1px solid; padding:0 6px; color: #63624C; margin-right: 2px;text-decoration: none;}
.pager a:hover {border: red 1px solid;margin-right: 2px;text-decoration: none;}
.pager a:active{border: red 1px solid;margin-right: 2px;}
.pager span.cpb {border: #63624C 1px solid; color: #000; margin-right: 2px;background:#63624C;font-weight:bold;}
.pager span.disabled{color:#63624C;}

.txtli li{line-height:22px;padding-left:16px;background:url('../images/icon.gif') 0 0 no-repeat;}
.content{line-height:22px;}
.tims{font-size:11px;color:#314231}
img.imgborder{border:#63624C 1px solid;padding:3px;background-color:#000000;}
.imgborder:hover{text-decoration:none;}
a.imgborder img,a.firstbox img{border:#383838 1px solid;padding:2px;background-color:#000000;}
a.imgborder:hover img,a.firstbox:hover img{padding:2px;border:1px solid #B8B412;background-color:#000000;}
/*index*/
#i-bodyer{padding-top:4px;width:900px;margin:0 auto;}
#i-sb{float:left;width:195px;height:152px;border:1px #2A2A2A solid;background:#121212;}
.i-sb-hd{background:url(../Images/i-sh.gif) no-repeat 0 0;height:32px;}
.i-sb-hd h3{font-size:14px;padding-top:14px;text-indent:38px;color:#B8B412;}
.i-sb-bd{padding:6px 0;margin:0 8px;}

#i-mb{float:right;width:692px;border:1px #2A2A2A solid;}
#i-mbox{float:left;width:482px;overflow:hidden;background:url(../images/mainbg.jpg) 0 bottom no-repeat;height:152px;}
.i-mbox-hd{background:url(../Images/i-about.gif) no-repeat 0 0;height:32px;border-bottom:1px solid #9DA307;margin:0 4px;}
.i-mbox-hd h3{text-indent:-300px;}
.i-mbox-bd{padding:6px 0;margin:0 12px;}

#i-pb{float:right;width:208px;background:#131313;border-left:1px #2A2A2A solid;height:152px;overflow:hidden;}
#i-pb .thb{border-bottom:1px solid #9DA307;margin:0 6px;height:32px}
.thb ul li{float:left;text-align:center;}
#i-pb .thb ul li{line-height:32px;width:56px;margin:0 0 0 4px;}
#i-pb .thb ul li.tabcur{background:url(../images/tabcur.gif) center bottom no-repeat;}
#i-pb .thb ul li.tabcur a{font-weight:bold;color:#B8B412;}
.i-pb-bd{margin:0 12px;padding:6px 0;width:200px;height:105px;position:relative;overflow:hidden;}
#news_tabbox_2{padding:6px;}

.popshop{float:right;width:540px;border:1px #2A2A2A solid;padding:5px 6px;}
.slideads{float:left;margin:0;width:320px;height:329px;border:1px #2A2A2A solid;padding:5px 8px;overflow:hidden;}
#slide-adv{position:relative;widht:320px;height:329px;overflow:hidden;}
#slide-adv li{margin:0;padding:0;}

.sidebox{border:1px #2A2A2A solid;background:#131313;}
.mainbox{margin:0 12px;}

.sb-hd{background:url(../Images/i-sh.gif) no-repeat 0 0;height:32px;}
.mb-hd{height:32px;background:url(../Images/i-h.gif) no-repeat 0 0;border-bottom:1px solid #9DA307;}
.mb-bd,.sb-bd{padding:8px 0;}
.sb-bd{margin:0 8px;}
.mb-hd h3{font-size:14px;padding-top:13px;text-indent:15px;color:#B8B412;}
.sb-hd h3{font-size:14px;padding-top:13px;text-indent:44px;color:#B8B412;}

.category{margin:0;}
.category li{line-height:22px;margin-top:1px;text-indent:18px;height:20px;}
.category li a{display:block;width:100%;height:100%;background:url('../images/icon.gif') 0 -32px no-repeat;}
.category li a:hover{background:url('../images/icon.gif') 0 -70px no-repeat;}
.category li.selected{font-weight:bold;background:url('../images/icon.gif') 0 -66px no-repeat;}
/*Article*/
.atcbox{padding-top:10px;}
.atc-hd{margin-bottom:10px;}
.atc-hd h2{font-size:24px;text-align:center}
.atc-hd .atc-tips{padding-top:5px;text-align:center;color:#867156;font-size:12px;}
.atc-bd{margin:0 20px;}

#updown{position:absolute;top:60%;left:50%;margin-left:460px;width:40px;height:150px;display:block;}

/*Product*/
.pro-list{margin:6px 0;border-bottom:1px #383838 dashed}
.pro-list h4{font-size:14px;height:32px;line-height:24px;}
.pro-li{padding-left:6px;height:78px;overflow:hidden;}
.pro-li-img{float:left;width:100px;overflow:hidden;}
.pro-li-img img{width:80px;height:60px;display:block;margin:0 auto 5px auto;}
.pro-li-info{float:left;width:500px;display:inline;margin-left:12px;}
.pro-li-info h4{height:24px;}
.pro-li-info ul li{line-height:20px;}

#prodetail{}
.pro-hd{text-align:center;margin-bottom:8px;padding:0 0 8px 0;}
.pro-hd h2{font-size:16px;text-align:center;color:#7C664A}
.pro-photo{float:left;width:372px;}
.pro-img{border:1px #383838 solid;margin-bottom:8px;width:362px;height:272px;padding:1px;}
.pro-img img{display:block;margin:0 auto;}
.pro-album{overflow:hidden;padding:1px;}
.pro-album ul li{float:left;margin:0 3px;background:url(../images/loading.gif) center center no-repeat;width:54px;height:54px;overflow:hidden;}
.pro-album ul li img{width:48px;height:48px;}
.pro-info{float:left;margin-left:10px;line-height:24px;}
.pro_info{margin-top:10px;}
.pro_info h4{margin:5px 0;}
.pro_info ul{padding:0;margin:0; list-style-type: none;}
.pro_info ul li{height:24px;line-height:24px;}
.pro_info ul li span{font-weight:bold;}
.pro-intro{padding-top:6px;}
.pro-intro h4{height:24px;font-size:14px;}
.pro-btm{padding:12px 0;}
.pro-btm ul{text-align:center;}
.pro-btm ul li{display:inline;zoom:1;height:22px;cursor:pointer;line-height:22px;margin:5px 5px;padding:0 8px;border:1px #9A671A solid;}

/*Project*/
.proj-li li{float:left;margin:0 8px;text-align:center;width:140px;height:128px}
.proj-li li img{width:120px;height:90px;display:block;margin:0 auto 5px auto;}
#projdetail{}
.proj-hd{text-align:center;margin-bottom:8px;padding:0 0 8px 0;border-bottom:1px #383838 solid;}
.proj-hd h2{font-size:16px;text-align:center;height:32px;}
.proj-photo{}
.proj-img{margin-bottom:12px;}
.proj-img img{display:block;margin:0 auto;}
.proj-album{overflow:hidden;padding:1px;}
.proj-album ul{text-align:center;}
.proj-album ul li{display:inline;margin:0 3px;}
.proj-album ul li img{width:48px;height:48px;}

.proj-info{margin-left:260px;line-height:24px;}
.proj-intro{padding-top:6px;}
.proj-intro h4{font-size:12px;line-height:24px;}

.album-li li{float:left;margin:0 8px;text-align:center;width:148px;height:150px}
.album-li li img{width:136px;height:98px;background:url(../images/loading.gif) center center no-repeat;display:block;margin:0 auto 5px auto;}
#album{}
.album-hd{text-align:center;margin-bottom:8px;padding:0 0 8px 0;}
.album-hd h2{font-size:16px;text-align:center;color:#B8B412}
.album-photo ul li{float:left;margin:0 8px;text-align:center;width:148px;height:142px}
.album-photo ul li img{width:136px;height:98px;background:url(../images/loading.gif) center center no-repeat;display:block;margin:0 auto 8px auto;}
.album-content{}


.gbbox{}
.gbbox ul{margin:0;padding:0}
.gbbox ul li{margin-bottom:10px;background: url(../images/icon_q.gif) no-repeat 0 0;clear:both;padding-left:48px;}
.gb-hd{font-size:12px;font-weight: bold;line-height: 150%;}
.gbauthor{}
.gb-bd{line-height:150%;padding:5px 0 10px 10px;}
.gb-re{border:1px dashed #333333;border-left:2px solid #333333;color:#808080;padding:0 4px 4px 4px;line-height:20px;}
.gb-re .gb_rtitle{height:20px;color:#684F30;}



