﻿*{ margin:0; padding:0;}
img {border:0;}
.clear {clear:left;}
body{color:#4a4a4a; font-family:Arial, Helvetica, sans-serif;font-size:11px; background:url(images/bodybg.jpg) repeat-x #eef2f5;}
#wrap{ margin:0 auto; width:1002px;}
a:link {text-decoration: none;color: #4a4a4a;}
a:visited {text-decoration: none; ;color: #4a4a4a;}
a:hover {text-decoration: none;color: #4a4a4a;}
a:active {color: #4a4a4a;text-decoration: none; font-size:11px;}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px;FLOAT: left; PADDING-TOP: 0px}
H1 {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px}
a.white:link { color:#FFF;}
a.white:hover { color:#FFF;}

#header { margin: 0 auto;height:80px; width:1002; position:relative; background:url(images/topdi.jpg) repeat-x; }
.logo{position:absolute;	left: 0px;	top:0px;}
.topnav{position:absolute;right:14px;top:8px;width:191px;height:33px;background:url(images/topright.jpg) no-repeat;text-align:center;line-height:23px; color:#888888;}
.topnav a{ color:#888888; padding-left:18px; text-decoration:none; font-size:11px;}
.topnav a:hover{ text-decoration:underline;font-size:11px; color:#888888;}
.phone400 {position:absolute;left: 686px;top: 15px;width: 310px;}
.phone400 a:link{ color:#888888; padding:0 14px;font-size:11px; }
.phone400 a:visited{ color:#888888; padding:0 14px;font-size:11px; }
.phone400 a:hover{ tet-decoration:underline;font-size:11px; color:#888888;}
.servicetel {position:absolute;	right:83px;	top:51px;width:191px;}
.menu { float:left; width:1002px;  clear:both; background:url(images/menubg.jpg) repeat-x;}
ul.menunav{	width:702px;height:38px;display:block;	overflow:hidden; float:left;color:#000}
ul.menunav li {float:left; color:#000;height:38px; line-height:38px; font-weight:bold; background:url(images/menulibg.jpg) no-repeat right;}
ul.menunav li a {display:block;color:#000;padding:0 19px; font-size:12px;}
ul.menunav li a:hover,ul.menunav li #current  { display:block;color:#eed77b; background:url(images/menubghover.gif)  no-repeat  center;font-size:12px;}
ul.menunav li a:visited {color:#000;}
.search { float:left; width:290px; margin-top:8px;}
.searchbutton {margin-bottom:-7px;}
#banar { float:left;width:1002px; overflow:hidden; }
#banar3 { float:left;width:1002px; overflow:hidden; height:300px;}
#banar2 { float:left;width:1002px;height:123px; overflow:hidden;}
#service { float:left;width:1002px;background:url(images/indexmain.jpg) repeat-x #fff; }
#servicelist { margin: 0 auto; width:965px; }
.servicedetail  { float:left; display:inline; }
.servicedetail  a:link{ color:#fff;}
.servicedetail  a:visited{ color:#fff;}
.servicedetail  a:hover{ color:#ef6943; text-decoration:underline;}
.servicedetailtitle { font-weight:bold; float:left; font-size:12px; display:block; height:32px; line-height:32px; background:url(images/redjiao.gif) left no-repeat; padding-left:20px; color:#3f484f; width:130px;}
.servicedetailtitle a{  color:#3f484f;font-size:12px;  }
.more { float:left;  text-align:right;line-height:32px;height:32px;}
.servicedetailp { float:left; font-size:11px; display:block; clear: both; line-height:18px; clear:both;height:100px; }
.indexinformation { width:240px !important;width:234px; }
.indexinformation  p{ padding-left:15px; padding-top:5px; color:#999999; width:210px;}
ul.indexnews { float:left; clear:both; margin-left:15px; margin-top:5px; }
ul.indexnews li{  clear:both; width:169px; float:left;}
.indexproduct { width:500px; height:100px;border:solid 1px; color:#c9cacc; }
ul.newpro { float:left;}
ul.newpro li{ float:left; display:block; padding:7px 0 0 7px; }
ul.newpro li p{ float:left; clear:both; width:109px; color:#333; text-align:center; line-height:25px;}
ul.newpro li p a:link{ color:#333;}
ul.newpro li p a:visited{ color:#333;}
ul.newpro li img{ float:left; display:block; clear:both; }
#serviceli { float:left; width:986px; background:url(images/mainbg.jpg) repeat-y;}
.servicedetailp { float:left; font-size:11px; display:block; clear: both; line-height:18px; clear:both;height:100px; }
.indexinformation { width:240px !important;width:234px; border:solid 1px; color:#c9cacc;}
.indexinformation  p{ padding-left:15px; padding-top:5px; color:#999999; width:210px;}
ul.indexnews { float:left; clear:both;  margin-top:5px; }
ul.indexnews li{  clear:both; width:169px; float:left; background:url(images/mainxiushi.jpg) left center no-repeat; padding-left:10px; display:block; height:23px; line-height:23px;}
ul.indexnews li a:link{ color:#595959;}
ul.indexnews li a:visited{ color:#595959;}
.newscont {float:left; width:180px; display:block;}
.newstime {float:right; width:71px; display:block; color:#595959;}
.quickmenu { float:left; width:170px;}
.quickmenu p{ padding-bottom:8px; display:block; clear:both;}
#serviceli { margin:0 auto;width:1002px; }
.maincont { float:left; width:1002px; background:url(images/maincontbg.jpg) repeat-y;}
.mainleft { float:left; width:235px; padding:5px 0 0 0;}
.classlefttitle { float:left; font-size:12px; display:block; height:39px; line-height:38px; background:url(images/lefttitle.jpg) left no-repeat; padding-left:20px; color:#3f484f; width:190px;}
.classleft {float:left; width:218px; display:block; clear:both; margin-bottom:9px; margin-left:17px;display: inline;}
ul.classli { float:left; clear:both;  margin-top:5px; display: inline; }
ul.classli li {float:left; height:27px; line-height:27px; background: url(images/leftmenuline.jpg) no-repeat bottom; width:219px; }
ul.classli li a {display:block;padding-left:32px; font-size:12px;}
ul.classli li a:hover,ul.classli li #current2  { display:block; background:url(images/menuhover.jpg) no-repeat bottom;font-size:12px;}
.lilist{ width:218px; text-transform:capitalize; margin-top:2px;font-size:12px;}
.lilist dl { line-height:200%; font-weight:normal; cursor:pointer; }
.lilist dl dt { padding-left:32px; background: url(images/leftmenuline.jpg) no-repeat bottom; height:27px; line-height:27px; clear:both; }
.lilist dl dt a{ display:block;font-size:12px;}
.lilist dl dt a:hover{background:url(images/menuhover.jpg) no-repeat bottom; text-decoration:none; padding-left:32px; margin-left:-32px; }
.lilist dl.show dt a{ background:url(images/menuhover.jpg) no-repeat bottom;text-decoration:none; padding-left:32px; margin-left:-32px; font-weight:bold; color:#7c5a10;} 
.lilist dl.show dt a:hover{ } 

.lilist dl dd { padding-left:40px; display:none; }/* 子栏目背景*/
.lilist dl dd a{ outline:none;}
.lilist dl dd a:hover{ color:#880c0c;}
.lilist dl dd a.hoverd{ color:#880c0c;}
.lilist dl dd a.current{}
.lilist .icon{ background:url(images/menuhover.jpg) no-repeat bottom; font-weight:bold;}
.lilist dl dd ul{ display:none;}
.lilist dl dd ul li{  background:url(images/icon.png) no-repeat 0 -114px;}
.ulhover{ display:block;}
#uldisplay{display:block;}
.color { float:left; width:120px; overflow:hidden; padding-left:20px;}

.miantitle { background:url(images/redjia.jpg) left bottom no-repeat; padding-left:20px;  color:#FFF; height:41px; line-height:41px; font-size:12px; font-weight:bold; border-bottom:solid 1px #98cdff; line-height:41px;}
.online {float:left; margin-left:20px;}
.mainright { float:right; width:747px;  margin-right:2px;}
.mainrightbanar{ float:left; clear:both; width:747px; height:168px;}
.company { float:left; clear:both; width:747px; margin-top:10px;  margin-bottom:20px;}
.company img{ float:left;}
.company  p { padding-top:5px;float:left; clear:both; display:block; width:95%; line-height:20px; font-size:12px;}
.companycont { color:#676767; line-height:16px;}
.companycont a{ color:#676767;}
.companycontmore { color:#7c5a10; line-height:16px; padding-left:17px; background:url(images/red.jpg) no-repeat left;}
.companycontmore a{ color:#7c5a10;}
.compantable {float:left; width:747px; border:1px solid #c7cbce; background:#FFF; clear:both; }
.productname {  color:#7c5a10; line-height:16px; padding-left:17px; background:url(images/red.jpg) no-repeat left; font-size:12px; font-weight:bold;}

.proshow { float:left; clear:both; width:747px; margin-top:10px; line-height:18px; margin-bottom:20px;} 
.proshow img{ float:left;}
.online { float:left; width:73px;color:#A9A9A9; margin-top:20px;}
.online img{ float:left; width:73px;color:#A9A9A9; margin-top:20px;}
.proshow  p { padding-top:28px;float:left; clear:both; display:block; width:95%; font-size:12px;}
.proshow table td { padding-left:5px; border:solid 1px #fff;}
a.pic_list img {-moz-opacity:0.8; filter:alpha(opacity=90);}
a.pic_list:hover img {-moz-opacity:0.8; filter:alpha(opacity=100);}
.job{float:left;  width:696px; padding:30px 0 20px 20px;line-height:25px; }
.tbleft {line-height:28px;color:#000000;}
.tbleft, .tbleft td {border:1px solid #000;border-collapse:collapse;}

.news2 {float:left; width:747px; margin-top:10px; margin-bottom:15px;display:inline;}
.news2 li {float:left; width:747px;background:url(images/dashhenline.jpg) repeat-x bottom; padding-top:8px; }
.news2 li a:link {font-size:12px; font-weight:bold; color:#323232;}
.news2 li a:visited {font-size:12px; font-weight:bold; color:#323232;}
.news2 li a:hover {font-size:12px; font-weight:bold; color:#168f02; text-decoration:underline;}
.news2 li p {width:637px; padding-top:8px; padding-bottom:5px; float:left; display:block; font-size:12px;}
.news2  p {width:637px; padding-top:8px; padding-bottom:5px; float:left; display:block; font-size:12px;}
.news2 li p span{ font-size:14px; font-weight:bold; color:#9caf57;}
.news2 li p span a{ font-size:14px; font-weight:bold; color:#9caf57;}
.news2 li img { float:right; width:62px;padding-top:50px; }
#news_pre_next { padding:0 20px;margin:0;line-height:22px;}
#news_pre_next p { border:1px #CCCCCC solid; padding:6px; width:637px;}
.table5 {border:1px solid #E9E9E9; padding:4px 0 0 10px;}

.question { float:left; clear:both; width:734px;}
.question ul{ margin:0; padding:0; list-style:none;}
.question ul li{ width:704px; border-bottom:dashed 1px #464545; padding:3px 0 3px 15px; background:url(images/help.jpg) no-repeat left 12px; display:block; padding-top:10px; float:left;} 
.questionlip { float:left; width:600px;}
.questionlip2 { float:left; width:20px;}
.downloadlist { float:left; width:734px; margin-top:20px;}
.downloadlist ul{ margin:0; padding:0; list-style:none;}
.downloadlist ul li{ width:704px; border-bottom:dashed 1px #464545; padding:13px 0 3px 30px; background:url(images/a.gif) no-repeat left 12px; } 

.pages{ float:right;overflow:hidden;line-height:20px; text-align:right; padding:20px 15px 10px 0; width:500px; }
.toppages{ line-height:40px;}
.bottompages{ padding-bottom:40px;}
.pages a { border:1px solid #4a4f53; font-family:Verdana;margin:0 2px;padding:1px 5px 2px;text-align:center;text-decoration:none;font-size:10px; color:#4a4f53;}
.pages a:hover{ color:#4a4f53;}
.pages .now{border:1px solid #4a4f53;text-decoration:none;color: white;font-size:10px;font-weight:700; color:#fff; background:#4a4f53;}
#pmb{
float:left;
width:335px;
border: #666 solid 1px;
margin:0px 27px 16px 6px;
background:#F9F9F9;
color:#333;
}
.pbt{
width:335px;
height:24px;
line-height:24px;
text-align:center;
font-size:12px;
background:#666666;
color:#FFFFFF;
margin-top:-2px;
}
.ptp{
margin:10px 0 6px 6px;
float:left;
}
.pwz{
margin:10px 10px 6px 0; padding-top:3px;
	width:170px;
	height:100px;
	float:right;
}
.pxl{
width:285px;
margin:0 0 4px 0;
height:100px;
}

.pxl ul{
list-style:none; margin:0; padding:0;}
.pxl ul li{padding:4px 0 0 25px;background:url(images/a.gif) no-repeat 12px 8px;  width:200px;}
.pxl ul li a{
color:#4d4d4d;
text-decoration:none;
}
.pxl ul li a:hover{
color:#ff0000;
text-decoration:underline;
}
.chromestyle{
float:left; width:1002px;  clear:both; background:url(images/menubg.jpg) repeat-x;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
visibility: hidden;
}

.chromestyle ul{
width:702px;height:38px;display:block;	overflow:hidden; float:left;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;float:left; height:38px; line-height:38px; font-weight:bold; background:url(images/menulibg.jpg) no-repeat right;
}

.chromestyle ul li a{
display:block;color:#ffffff;padding:0 19px;
}

.chromestyle ul li a:hover{
display:block;color:#eed77b; background:url(images/menubghover.gif)  no-repeat  center;
}

.chromestyle ul li a[rel]:after{ 
display:block;color:#fff; background:url(images/menubghover.gif)  no-repeat  center;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #D6C88F;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #666;

}
.dropmenudiv li { clear:both; width:100%;}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
  background:#646464; color:#FFF;
}
.dropmenudiv a:active{ /*THEME CHANGE HERE*/
  background:#646464; color:#FFF;
}

#bottom { width:1002px; float:left; background: url(images/bottombg.jpg) repeat-x;height:31px; color:#404b51;clear:both; }
#bottom a { color:#404b51; padding:0 8px; display:inline;}
#bottom p { float:left; padding-top:8px; line-height:18px; padding-left:10px;}
#bottom .bottomleft { float:left;}
#bottom .bottomright { float:right;}




/* 选项卡关键属性 */
#tab { width:990px; height:200px; position:relative; padding-top:10px; clear:both; line-height:25px; margin-left:10px;} /*设置容器高宽等*/
html > body #tab { width:100%; }/*兼容IE6:IE6下宽度不够*/
#tab div { position:absolute; top:26px; left:0;  border-width:0 1px 1px; }/*设置被操作容器高宽等*/
#tab div { display:none; }/*设置被操作容器默认隐藏:不用ID是因为下面将利用class来控制被操作容器显示,而class优先级低于id选择器*/
#tab .block { display:block; width:989px ; margin-top:30px;}/*选中的被操作容器*/
#tab h4 { float:left; width:140px; border:1px solid #C9CACC; background:#FBFBFB url(images/redjiao.gif) no-repeat 15px center; height:30px; line-height:30px; margin:0 -1px 0 0; font-size:12px; cursor:pointer; font-weight:normal; text-align:center; color:#3F484F; font-weight:bold;}/*默认标题样式*/
#tab .up {}/*选中的标题样式*/
/*修饰列表内容*/
#tab ul { margin:15px 0 0; list-style:none; padding:0; }
#tab li { float:left; width:50%;}
#tab li a { display:block; width:84%; height:25px; line-height:25px; margin-left:8%; font-size:12px; text-decoration:none; color:#333;  text-indent:10px; }
#tab li a:hover { text-decoration:underline; color:#f00; }

#tab img{
float:left; margin:10px;
padding-bottom:10px }
.fw p{
padding:0 10px;
line-height:23px
}
.block p#company {
margin:0px 15px 0 5px;
}
#honner ul{
float:left;margin-top:10px;}
#honner ul li{
float:left;
width:140px;
margin-left:10px;
}
#honner ul li img{
margin:0;
}
#honner p{
padding:0 20px
}

#wh p{
line-height:25px;
padding-left:20px;
}
.contact1 ul{
float:left;
}
.contact1 ul li{

float:left; list-style:none;
height:30px;}

#ct p{
float:left;
}
/* 选项卡关键属性结束..................... */
