﻿@charset "utf-8";
html,body{
height:100%;
}
body{
margin:0px;
font-size:12px;
color:#5E5E5E;
font-family:Arial, Helvetica, sans-serif;
}
a{
text-decoration:none;
color:#fe5c11;
}
img{
border:0px;
}
h3{
font-size:18px;
color:#FF6600;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}
h4{/*menuitem*/
font-size:14px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
h5{
font-size:18px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
}
h6{
font-size:12px;
margin:0px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
}
#logo{
background:url(@{sys.templatepath}/images/logo.gif) no-repeat;
}
#toplayout{
margin:10px auto;
width:1000px;
}
#logo{
width:150px;
height:80px;
float:left;
}
#logo a{
display:block;
width:150px;
height:80px;
}
#language{
width:100px;
height:80px;
margin-left:10px;
float:left;
}
#language ul{
display:block;
list-style:none;
color:#999999;
}
#banner{
height:80px;
width:700px;
text-align:center;
overflow:hidden;
}
#menulayout{
margin:0px;
overflow:hidden;
width:100%;
background:url(@{sys.templatepath}/images/menuli_bg.jpg);
height:40px;
}
#menudiv{
margin:0 auto;
width:950px;
}
#ulmenu{
margin:0px;
display:block;
list-style:none;
border:0px;
}
#ulmenu li{
margin-top:0px;
float:left;
display:block;
height:35px;
}
#ulmenu li span.menuli_div{
margin-left:0px;
margin-top:0px;
width:14px;
height:18px;
float:left;
background:url(@{sys.templatepath}/images/menuli_div.jpg);
padding-left:0px; 
padding-right:0px; 
padding-top:15px;
padding-bottom:6px;
}
#ulmenu li a{
margin:0px;
float:left;
background:url(@{sys.templatepath}/images/menuli_bg.jpg);
padding-left:8px; 
padding-right:8px; 
padding-top:16px;
padding-bottom:6px;
text-decoration:none;
font-size:14px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
#ulmenu li a.currentli{
margin:0px;
float:left;
background:url(@{sys.templatepath}/images/menuli_left.jpg) no-repeat left top;
padding-right:0px; 
padding-top:0px; 
padding-bottom:0px; 
padding-left:8px; 
text-decoration:none;
}
#ulmenu li a.currentli span{
margin:0px;
display:block; 
background:url(@{sys.templatepath}/images/menuli_right.jpg) no-repeat right top;
padding:16px 16px 6px 8px; 

}
#ulmenu li a:hover{
margin-left:0px;
float:left;
background:url(@{sys.templatepath}/images/menuli_hover_left.jpg) no-repeat left top;
padding-left:8px; 
padding-right:0px; 
padding-top:0px;
padding-bottom:0px;
text-decoration:none;
font-weight:bold;
}

#ulmenu li a:hover span.menuitem{
display:block; 
background:url(@{sys.templatepath}/images/menuli_hover_right.jpg) no-repeat right top;
padding:16px 15px 6px 8px; 
}


/*default-main*/
#mainlayout{
clear:both;
margin:10px auto;
width:1000px;
}

#index_flash{
margin:0px;
float:left;
width:550px;
height:150px;
}
#news{
float:right;
width:440px;
height:150px;
background:url(@{sys.templatepath}/images/news.jpg);
overflow:hidden;
}
#news ul{
margin-top:0px;
list-style:none;
display:block;
width:350px;
overflow:hidden;
}
#news ul li{
width:350px;
margin-left:35px;
overflow:hidden;
padding-top:6px;
overflow:hidden;
border-bottom:1px dashed #CCCCCC;
}
#news ul li.topnews{
margin-left:25px;
padding-top:23px;
padding-bottom:12px;
overflow:hidden;
border-bottom:0px;
font-size:16px;
font-weight:bold;
}


#index_board{
clear:both;
width:220px;
height:160px;
margin-top:10px;
float:left;
overflow:hidden;
}
#index_productgood{
margin-top:10px;
margin-left:30px;
width:450px;
float:left;
height:160px;
overflow:hidden;
}
#index_board_title{
width:190px;
height:31px;
float:left;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -504px -5px;
padding-left:32px;
}
#index_board_title_content{
display:block;
width:190px;
height:15px;
padding-top:10px;
font-weight:bold;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -600px -5px;

}
#index_board_content{
width:220px;
height:140px;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -508px -92px;
overflow:hidden;
padding-top:5px;
}
#index_board_content ul{
width:200px;
list-style-type:none;
padding-left:0px;
display:block;
margin:0px 5px;
overflow:hidden;
}
#index_board_content ul li{
display:block;
border-bottom:1px dashed #CCCCCC;
margin:10px 5px;
background-image:url(@{sys.templatepath}/images/point.gif);
background-repeat:no-repeat;
background-position:0px 3px;
padding-left:10px;
}

#index_productgood_title{
width:415px;

height:31px;
float:left;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -11px -5px;
padding-left:35px;
overflow:hidden;
}
#index_productgood_title_content{
display:block;
width:415px;
height:15px;
padding-top:10px;
font-weight:bold;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -74px -5px;
}
#index_productgood_content img{
border:0px;
}
#index_productgood_content span{
display:block;
border:0px;
width:120px;
height:20px;
overflow:hidden;
padding-top:10px;
}
#index_productgood_content{
width:450px;
height:140px;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -11px -92px;
float:left;
overflow:hidden;
padding:0px 2px;
}

#index_special{
margin-top:10px;
margin-left:30px;
width:260px;
float:left;
height:160px;
overflow:hidden;
}
#index_special_title{
width:260px;
height:31px;
float:left;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -504px -5px;
padding-left:32px;
}
#index_special_title_content{
display:block;
height:15px;
padding-top:10px;
font-weight:bold;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -261px -5px;

}
#index_special_content{
width:260px;
height:140px;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -761px -182px;
overflow:hidden;
padding-left:20px;
}
#index_special_content div{
margin:5px 5px 0px 5px;
float:left;
width:100px;
height:50px;
overflow:hidden;
border:1px solid #C0C0C0;
}
#index_special_content div img{
border:0px;
}

#index_productlist{
clear:both;
margin-top:10px;
width:700px;
float:left;
overflow:hidden;
}
#index_producttitle{
width:700px;
height:31px;
float:left;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -11px -233px;
}
#index_producttitle_name{
width:120px;
margin-left:490px;
height:15px;
padding-top:15px;
font-weight:bold;
position:relative;
}


#index_other{
margin-top:10px;
margin-left:30px;
width:260px;
float:left;
overflow:hidden;
}
#index_other_title{
width:260px;
height:31px;
float:left;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -760px -398px;
padding-left:32px;
}
#index_other_title_content{
display:block;
height:15px;
padding-top:10px;
font-weight:bold;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -932px -398px;

}
#index_other_content{
width:260px;
height:240px;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -761px -85px;
overflow:hidden;
padding-left:10px;
}
#index_other_content div{
margin:3px;
float:left;
padding:2px;
width:110px;
height:102px;
text-align:center;
overflow:hidden;
}
#index_other_content  img{
width:105px;
height:85px;
border:1px solid #C1C1C1;
}
#index_other_content div h6{
height:12px;
overflow:hidden;
margin:2px;
font-size:12px;
font-weight:normal;
}

#index_productlist_detail{
width:700px;
height:240px;
background:url(@{sys.templatepath}/images/index.jpg) no-repeat -11px -287px;
overflow:hidden;
margin-left:
}
#index_productlist_detail div.outer{
margin:4px 8px;
float:left;
padding:5px;border:1px solid #C0C0C0;
width:110px;
height:92px;
text-align:center;
overflow:hidden;
}
#index_productlist_detail div.img img{
width:110px;height:92px;
}

#index_producttype{
position:absolute;
margin-top:0px;
margin-left:-80px;
width:220px;
}
#index_producttype ul{
list-style:none;
margin-left:5px;
}
#index_producttype  a{
display:block;
width:100px;
height:20px;
text-align:center;
border:1px solid #FFCC33;
background:#ffffff;
padding-top:5px;
}
#index_producttype  a:hover{
background:#FFCC00;
}
#footer{
clear:both;
border-top:1px solid #CCCCCC;
line-height:150%;
text-align:center;
padding-top:10px;
}
#containerul, #containerul ul{
  text-align:left;
  margin:10px;	
  padding:0;
}

#containerul li{
  margin:0 0 0 30px;
  padding:0;
  list-style-type:none;	
}

#containerul .symbols{
  float:left;
  width:14px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
  cursor:pointer;
}



#bottompage{
clear:both;
height:20px;
margin:10px auto;
}
#bottompage ul{
list-style:none;
}
#bottompage ul li{
float:left;
display:block;
margin-left:2px;
width:25px;
height:20px;
line-height:12px;
border:1px solid #BBDDFF;
text-align:center;
}
#bottompage ul li.nextprev{
width:50px;
}
#bottompage ul li a{
display:block;
width:25px;height:20px;
background-color:#EAE8E9;
padding:6px 0px 0px 0px;
}
#bottompage ul li.nextprev a{
width:50px;
}
#bottompage ul li a:hover{
background-color:#FFCC00;
}
#bottompage ul li span{
display:block;
background-color:#FFFFFFF;
padding:6px 0px 5px 0px;
}
#bottompage ul li.currentpage span{
font-weight:bold;
}
#bottompage span.recordcount{
display:block;
background-color:#FFFFFF;
padding:8px;
border:0px;
cursor:default;
}


#main_top{
width:1000px;
height:42px;
margin:0px auto;
background:url(@{sys.templatepath}/images/main_top.jpg) no-repeat;
}
#main_middle{
width:1000px;
margin:0px auto;
background:url(@{sys.templatepath}/images/main_middle.jpg);

}
#main_middle_layout{
clear:both;
width:900px;
margin:0px auto;
overflow:hidden;
position:relative;
min-height:500px;
height:auto !important; 
}
#main_bottom{
width:1000px;
height:21px;
margin:0px auto;
background:url(@{sys.templatepath}/images/main_bottom.jpg) no-repeat;
}
.articlelist_hot{
width:200px;
border:1px solid;
float:left;
margin-right:10px;
}
.articlelist_div{
width:620px;
float:left;
}

.hotlisttitle{
	height:20px;
	background:url(@{sys.templatepath}/images/hotbg.jpg);
	font-weight:bold;
	font-size:14px;
	padding-left:5px;
	padding-top:10px;
	color:#800040;

}
.articlelist_hot ul{
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
}
.articlelist_hot li{
	padding-left:0px;
	margin-left:0px;
	height:30px;
}
.articlelist_hot a{
	display:block;
	width:190px;
	height:20px;
	padding:5px;
}
.articlelist_hot a:hover{
	border:1px solid #FD8A04;
	background:#FFF3D9;
}
.articlerecord{
	display:block;
	width:650px;
	padding:5px;
}
.articlerecord2{
	display:block;
	width:850px;
	padding:5px;
}
.articlerecord:hover,.articlerecord2:hover{
	border:1px solid #FD8A04;
	background:#FFF3D9;
}
.articlerecord div.articletitle,.articlerecord2 div.articletitle{
	font-size:14px;
	font-weight:bold;
	color:#800000;
	border-bottom:1px dotted #C0C0C0;
	margin-bottom:5px;
	text-align:left;
}
.articlerecord div.articletitle span.addtime,.articlerecord2 div.articletitle span.addtime{
	font-size:12px;
	color:#C0C0C0;
}

.articlepreview{
display:block;
font-size:14px;
padding-bottom:5px;
margin-bottom:20px;
word-wrap:break-all;
white-space : normal;
word-break: break-all;
}
.articletitle{
text-align:center;
font-size:18px;
font-weight:bold;
margin:10px 0px;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
}
.articleshowaddtime{
text-align:center;
font-size:12px;
margin-bottom:15px;
padding:5px;
border-bottom:1px dotted;
}


#allspecial,#speciallayout,#messagetype{
width:900px;
margin:0px auto;
}
#messagetype{
	font-size:14px;
	margin-bottom:5px;
}
.replycontent{
display:block;
width:800px;
margin:10px auto;
background:#FFFF99;
border:1px solid #FFCC00;
padding:10px;
}
.commenttitle{
font-weight:bold;
font-size:14px;
margin:10px 0px;
color:#800000;
border-bottom:1px solid #CCCCCC;
}

#addrecordcommentlayout table{
width:400px;
font-size:12px;
color:#333333;
}
#addcommentlayout table{
width:500px;
font-size:12px;
color:#333333;
}
#addcommentlayout table th, #addcommentlayout table td{
padding:3px;
}
#addcommentlayout table th{
text-align:right;
font-weight:normal;
}
#addcommentlayout h1{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
letter-spacing:-2px;
font-size:40px;
padding-bottom:15px;
border-bottom:2px solid #FF9900;
margin-bottom:10px;
background-color:#FFFFFF;
}
#addcommentlayout h2{
color:#333333;
font-size:18px;
font-weight:normal;
padding:10px;
}
.text{
font-size:12px;
width:152px;
height:18px;
border:1px solid  #9CB3B9;
line-height:18px;
}
select{
font-size:12px;
}
select option{

}
select .l2{
background-color: #FF9900;
}
textarea{
width:152px;
height:76px;
border:1px solid #9CB3B9;
}
.submitbutton{
width:100px;
height:25px;
margin-top:20px;
margin-left:186px;
font-size:12px;
font-weight:bold;
}
#childtypelist{
clear:both;
height:25px;
padding:0px;
margin-left:30px;
margin-bottom:20px;
width:900px;
}
#childtypelist ul{
list-style:none;
}
#childtypelist ul li{
display:block;
float:right;
margin-left:10px;
height:15px;
padding:5px;
}
#childtypelist ul li a{
text-align:right;
display:block;
font-size:14px;
padding:5px;
font-weight:bold;
border-bottom:1px solid #FF9900;
background:#FFFFCC;

}
#childtypelist ul li a:hover{
border:1px solid #FF9900;
background:#DFDFDF;
}
#producttypes{
margin-left:80px;
width:400px;
position:relative;
clear:both;
}
#protypes{
width:400px;
left:0px;
float:left;
z-index:5;
text-align:left;
position:absolute;
right:0px;
bottom:0px;
padding:5px;
background:#ffffff;
}
#protypes ul{
list-style:none;
margin:0px;
padding:0px;
}
#protypes ul li{float:left;margin:2px;padding-left:14px;background:url(@{sys.templatepath}/images/gif-0465.gif) no-repeat #ffffff;}
#protypes ul li a{
display:block;
float:left;
height:14px;
font-weight:bold;
}
#protypes ul li ul{
list-style:none;
margin-left:2px;
padding-left:0px;
}
#protypes ul li ul li{clear:both;border:0px;background:none;padding-left:0px;margin-left:0px;}
#protypes ul li ul li a{font-weight:normal;}
#protypes ul li a:hover{
color:#FF8040;
}
#middle_ad{
width:1000px;
margin:5px auto;
overflow:hidden;
text-align:center;
}
#member_left{
width:150px;
float:left;
height:500px;
border-right:1px solid #CCCCCC;
padding-left:30px;
}
#member_left ul{
list-style:none;
}
#member_left ul li{
margin-bottom:10px;
}
#member_left ul li a{
display:block;
background: #FFCC66;
border:1px solid #FF9900;
width:80px;
height:20px;
text-align:center;
padding-top:10px;
}
#member_left ul li a:hover{
background:#FF6600;
color:#ffffff;
font-weight:bold;
}
#member_right{
height:500px;
border:1px solid;
}
#dialog_comment{
height:350px; 
width:380px; 
border:1px solid;
background-color:#FFFFFF; 
position:absolute;
left:50%; 
right:50%; 
margin-left:-400px; 
top:50%; 
bottom:50%; 
margin-top:-200px; 
z-index:3;
}
#dialog_comment tr,#dialog_comment td{height:30px;}
#index_board_content div{
margin-top:5px;
}
#index_board_content .login_left{
display:block;
width:60px;
padding-left:10px;
margin-top:5px;
float:left;
}
#index_board_content .login_btn{
text-align:center;
padding-top:5px;
}
#searchbox{
clear:both;
margin:0px auto;
width:1000px;
height:40px;
}
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}
.specialdiv_title{
margin-top:10px;
border-bottom:1px solid;
}
.specialdiv_title span{
display:block;
background:#EAEAEA;
width:100px;
height:10px;
padding:10px;
font-weight:bold;
font-size:14px;
}
#crumb{
margin:0px auto;
height:20px;padding:0px;
}
#crumb ul{
list-style:none;
padding-left:0px;margin-left:0px;height:20px;
}
#crumb ul li{
background-image:url(@{sys.templatepath}/images/crumb_arrow.gif);
background-repeat:no-repeat;
background-position:1px 3px 1px 3px;
padding-left:10px;
float:left;
display:block;
margin-left:10px;
}
#crumb ul li a:hover{
color:#FF9933;
}
.line{
clear:both;
height:10px;
background:url(@{sys.templatepath}/images/line.gif) repeat-x;
margin-bottom:10px;
}
.addcomment{
margin-left:10px;
color:red;
font-weight:bold;
}
#recordcomment{clear:both;}
#recordcomment h1{font-size:12px;margin:0px;padding:0px;}
#recordcomment_dialog{
height:280px; 
width:400px; 
background-color:#FFFFFF; 
margin-left:10px;
}
.submitbutton{margin:0px;}
.morecomment{
font-weight:bold;margin-left:600px;margin-bottom:20px;
}
.record .content{display:block;padding:5px;}
.record .reply{display:block;}
.record h1 .author{margin-left:10px;font-size:9px;font-weight:normal;}
#recordcomment ul{list-style:none;padding-left:0px;margin-left:0px;}
.recordcommentlist{width:850px;margin:10px auto;}
.recordcommentlist h1{background:url(@{sys.templatepath}/images/gif-0465.gif) no-repeat;display:block;width:850px;height:14px;font-size:12px;border-bottom:1px dashed #C0C0C0;padding:0px 0px 5px 15px;margin:0px 0px 5px 0px;}
.recordcommentlist h1 .addtime{font-size:9px;margin-left:20px;}
.articleaddtime{
font-size:12px;
color:gray;
font-weight:normal;
}
#middlead{
clear:both;
margin:0px auto;
width:1000px;
text-align:center;
}
#img_hotnews{
width:13px;
height:13px;
float:left;
background:url(@{sys.templatepath}/images/hot.gif) no-repeat;
}
#img_comment{
width:122px;
height:34px;
float:left;
background:url(@{sys.templatepath}/images/comment.gif) no-repeat;
}
#img_addcomment{
float:left;
width:83px;
height:34px;
background:url(@{sys.templatepath}/images/addcomment.gif) no-repeat;
cursor:pointer;
}
#img_quickchannel{
width:122px;
height:34px;
background:url(@{sys.templatepath}/images/quickchannel.gif) no-repeat;
cursor:pointer;
}
#img_closesearch{
width:84px;
height:11px;
background:url(@{sys.templatepath}/images/closesearch.gif) no-repeat;
cursor:pointer;
}
#img_so{
width:40px;
height:40px;
background:url(@{sys.templatepath}/images/so.gif) no-repeat;
}
#img_search{
width:56px;
height:21px;
background:url(@{sys.templatepath}/images/search.gif) no-repeat;
cursor:pointer;
}
.img_qq{
width:20px;
height:20px;
background:url(@{sys.templatepath}/images/qq.gif) no-repeat;
cursor:pointer;
float:left;
}
.img_msn{
margin-left:10px;
width:49px;
height:20px;
background:url(@{sys.templatepath}/images/msn.gif) no-repeat;
cursor:pointer;
float:left;
}
.img_email{
margin-left:10px;
width:21px;
height:20px;
background:url(@{sys.templatepath}/images/email.gif) no-repeat;
cursor:pointer;
float:left;
}
.jobprops{clear:both;font-size:14px;}
.jobprop {float:left;width:80px;height:20px;}
.jobinfo {float:lefth;height:20px;}
.content{font-size:14px;}
.addmessagebutton{cursor:pointer;width:122px;height:34px;background:url(@{sys.templatepath}/images/addmessage.gif) no-repeat;margin-left:100px;}
