﻿/* CSS Document */
*{ margin:0; padding:0;}
body{ font:11px Arial, Helvetica, sans-serif; color:#000; background: url(../images/bodybg.jpg) repeat-y;}
ul{ list-style:none;}
img{ border:none;}
.clear {clear: both;height:1px;overflow:hidden;margin-top:-1px;}
a{ color:#696967; text-decoration:none; border:0px; }
a:hover{ color:#6f96bf;}
div#layout{ width:974px; height:1%; overflow:hidden; margin:0 auto;}
.header{ height:90px; background:url(../images/topdi.jpg) repeat-x; position:relative; width:974px; margin-bottom:5px;}
.header .logo{	position:absolute;	left: 0px;	top: 0px;}
.header .topright{	position:absolute;	left: 963px;	top: 0px;}
.topnav{position:absolute;	right:20px;	top:5px;	width:305px;	height: 14px; color:#939393; }
.topnav a{ color:#939393; padding:2px 4px; text-decoration:none; }
.topnav a:hover{ text-decoration:none;}
.topnav p { float:left; display:block; padding-left:5px;}
.searchcont { float:left; width:120px; height:13px; margin-right:5px;color:#939393;}
.indexmenu {
	float:left;
	
	width:714px;
	position:absolute;
	left: 244px;
	top: 43px;
}
ul.menu{	display:block;	left:230px;	top:56px;	overflow:hidden;height:30px; line-height:30px;}
ul.menu li {float:left;padding-right:1px;border-right:solid 1px #FFFFFF;text-decoration:none;text-align:center;outline:none;float:left; font-weight:bold; height:30px; width:87px;}
ul.menu li a {display:block;color:#fff;background:url(../images/menubg.jpg) repeat-x;}
ul.menu li a:hover,ul.menu li #current  { display:block;color:#fff; background:url(../images/menubghover.jpg) repeat-x;}
ul.menu li.nobg a{display:block;color:#fff;background:url(../images/menuleft.jpg) no-repeat;}
ul.menu li.nobg a:hover,ul.menu li  #current2{display:block;color:#fff;background:url(../images/menulefthover.jpg) no-repeat;}

ul.menu li.nobg2 a{display:block;color:#fff;background:url(../images/menuright.jpg) no-repeat right;}
ul.menu li.nobg2 a:hover,ul.menu li #current3{display:block;color:#fff;background:url(../images/menurighthover.jpg)  no-repeat right;}

.show{ width:964px; margin:0 auto;}
.banar { float:left; width:643px;}
.newpro { float:left; width:313px; height:358px; margin-left:5px;}
.newproleft { float:left; height:358px; color:#FFFFFF;}
.newprobg { background:url(../images/newprobg.jpg) repeat-x; width:291px; display:inline;}
.newprobg  h1 { width:283px; border-bottom:solid 1px #FFFFFF; float:left; display:block; font-size:14px; height:58px; line-height:58px;}
.newprolist { float:left; width:283px; margin-top:20px;}
.newprolist ul{float:left;}
.newprolist ul li { width:283px; height:80px; line-height:18px;}
.newprolist ul li a{ color:#FFFFFF;} 
.span1 {float:left;width:173px;background:url(../images/whitejiao.gif) no-repeat;padding-left:10px;}
.span2 {float:right; width:63px; }
.flashban{ width:606px; height:327px; position:absolute; left:198px; top:14px;}

.content{ color:#914040; width:968px; margin:10px auto; caption-side:bottom;}
.content .company_profile{ color:#644b4b; float:left; width:320px; height:161px; position:relative; background: url(../images/indexcontdi.jpg) no-repeat; overflow:hidden;}
.marginleft { margin-left:3px;}
.content .company_profile .newstitle{color:#fff; font-weight: bold;position:absolute;left:9px;top:8px;width: 286px; border-bottom:solid 1px #cececc;}
.content .company_profile .newstitleleft{ float:left; height:21px; width:63px; background:url(../images/newstitlebg.jpg)  no-repeat; text-align:center; line-height:21px;}
.content .company_profile .newstitleright { float:right;}
.content .company_profile .more{ position:absolute; left:7px; top:45px;}
.content .company_profile .quality01{position:absolute;	left:15px;	top:105px;	width: 249px;	height: 30px;line-height:30px; padding-left:40px;background:url(../images/conactonline.jpg)  no-repeat; display:block;}
.content .company_profile .quality02{position:absolute;left:16px;top:34px;width: 287px;color:#696967;	height: 63px;}
.content .company_profile .productslisttitle{color:#010101; position:absolute;left:9px;top:8px;width: 286px; background:url(../images/indexproleft.jpg) no-repeat; font-size:13px; padding-left:10px;}
.content .company_profile .productslisttitle span{ font-size:12px; color:#7f7f7f;}
.content .company_profile .productslist{position:absolute;left:130px;top:32px;width: 174px;color:#696967;height: 105px; display:inline;}
.content .company_profile .indexproducts{position:absolute;left:6px;top:38px;width: 107px;	height: 94px;}
.content .company_profile .productslist li{ background:url(../images/green.gif) no-repeat  5px left; padding-left:10px; width: 155px; list-style:none; height:20px; line-height:20px;}
.newslist { float:left;position:absolute;left:9px;top:38px;padding-right:11px;width: 272px;color:#696967;height: 99px;}
.newslist li{ float:left; width:275px; display:block; clear:both; background:url(../images/newsdi.jpg) left no-repeat; padding-left:12px; padding-top:7px;}
.newslist li a{ color:#696768;}



.maincontent { float:left; width:964px; margin:0 auto;}
.maincontentleft { float:left; width:213px;}
.proclass {  float:left; width:213px;}
.maincontentright { float:left; width:730px; margin-left:14px;  }
.seriestitle { float:left; width:184px; height:29px; background:url(../images/productbiaoti.jpg) no-repeat;color:#fff; padding-left:29px; line-height:29px; font-size:12px;border-bottom:solid 1px #2b8fc0;}
ul.series { float:left; width:213px; clear:both;}
ul.series  li { border-bottom:solid 1px #2b8fc0; }
ul.series  li  a {width:201px; height:20px; padding:8px 0 8px 12px; display:block;background:#93d1f5; color:#443b55;}
ul.series  li  a:hover { width:201px; height:20px; padding:8px 0 8px 12px; display:block;background:#0f9be8; color:#fff;}
.f5{ color:#000099;}
.quality { float:left; width:213px; height:160px; clear:both; background:#c1dceb; position:relative;}
.quality h2{float:left; width:184px; height:30px; background:url(../images/lanbaijiao.jpg) 10px 10px no-repeat #031437; color:#f2ff88; padding-left:29px; line-height:30px; font-size:12px; margin-top:10px;}
.quality .img2 { margin-left:21px; margin-top:21px;width: 170px;height: 17px;}
.quality p { margin-left:21px; margin-top:11px;width: 170px;height: 17px;}

.dizhi { float:left; color:#2b6991; clear:both; padding-top:14px;}
.biaoti { color:#005a7c; font-size:14px; float:left; clear:both; padding:8px 0 15px 20px; background:url(../images/title.jpg) no-repeat; width:710px; margin-top:10px;}
.componyintro { float:left; color:#330b59; width:720px; line-height:18px; padding-bottom:15px;}
.componyintro table tr td{ padding-left:2px;}

.single_content{ float:left; width:700px;  height:auto !important; min-height:665px; height:665px;  margin-top:15px; line-height:18px;}
.single_content a{ }
/*oem*/
#rnav{margin:30px 0 0 0;height:130px;float:left; width:750px; clear:both;}
#rnav ul{ float:left; padding-left:6px;}
#rnav ul li{float:left;padding:2px 0 0 0;text-align:center;display:block;font-size:11px; margin-right:10px;}

.t2{font-size:12px;font-weight:normal;}
.fw2 {font-weight:100;}
#qnav1{margin:12px 0 0 0;width:620px;}
#qnav1 ul{ float:left; margin-left:-2px !important; margin-left:1px;}
#qnav1 ul li{	float:left;	padding:2px 0 6px 0;	font-weight:bold;	display:block;
	width:620px;	line-height:18px;	font-size:12px;}
#qnr1{margin:20px 0 6px 0;}
#qnr1 img{margin:0 5px 20px 0;border:#999999 outset 1px;}
#onav1{margin:15px 0 0 4px;width:620px;}
#onav1 ul{	margin:0 0 0 0;}
#onav1 ul li{float:left;padding:2px 0 6px 0;font-weight:bold;display:block;width:620px;
	line-height:18px;font-size:12px;}
	
#onav2{margin:15px 0 0 4px;width:520px; float:left; clear:both;}
#onav2 ul{
	margin:0 0 0 0;
}
#onav2 ul li{float:left;padding:2px 0 6px 0;font-weight:bold;display:block;width:620px;
	line-height:18px;font-size:12px;}
	
#otp1{	width:620px;}
#otp1 img{margin:0 10px 0 0 !important;margin:0 5px 6px 0;border:#999999 outset 1px;}



/****里页左边导航****/
.lilist{ width:213px; text-transform:capitalize;}
.lilist dl { line-height:200%; font-weight:normal; cursor:pointer;width:213px; }
.lilist dl dt { color:#443b55; padding-left:20px; background: url(../images/jian1.gif) right no-repeat #f2f5f9 ;border-bottom:solid 1px #2b8fc0;}
.lilist dl dt a{ display:block;}
.lilist dl dt a:hover{ color:#0f9be8; text-decoration:none;}
.lilist dl.show dt a{ color:#fff;} 
.lilist dl.show dt a:hover{ color:#fff;} 

.lilist dl dd { padding-left:30px; display:none; background:url(../images/icon.png) no-repeat left -116px;border-bottom:solid 1px #2b8fc0;}
.lilist dl dd a{ color:#5e5e5e; outline:none;}
.lilist dl dd a:hover{ color:#880c0c;}
.lilist dl dd a.hoverd{ color:#880c0c;}
.lilist dl dd a.current{}
.lilist .icon{ color:#fff; background: url(../images/jian2.gif) right no-repeat #0f9be8;}
.lilist dl dd ul{ display:none;}
.lilist dl dd ul li{ padding-left:20px; background:url(../images/icon.png) no-repeat 0 -114px;}
.ulhover{ display:block;}
#uldisplay{display:block;}




/*product_list*/
.productlist { float:left; width:720px;}
.productlist ul { float:left; margin:0 0 10px 0;}
.productlist ul li { width:150px;  display:block; float:left; margin:10px 25px 0 0; }
.productlistimg { float:left; margin:7px 0 7px 0; width:148px;height:128px; display:block;border:solid 1px #333333 }
.productlistintro { float:left; margin-left:7px; width:130px; }
.productlistintro p{ float:left; display:block; clear:both; width:130px; padding-top:5px;}
.proname { color:#616161; font-size:11px; float:left; display:block; padding-top:2px; clear:both; width:146px; text-align:center; height:28px;}
.proname a{ color:#616161; font-size:11px; }
.proname a:hover{ color:#700201; font-size:11px; }
.proshow{ float:left; width:720px; margin-top:20px;}
.showleft{ float:left; width:350px;  padding-top:10px;  position:relative; height:283px; overflow:hidden;}
.showright{ float:left; width:300px; height:200px; overflow:hidden; margin-left:20px; font-size:12px; line-height:22px;}
.showright h3{ color:#770000; font-size:14px; padding-bottom:8px;}

.print{ padding-top:12px;}
.print li{ float:left; width:92px; text-align:center;}
.print li a{ color:#770000;}
.print li a:hover{ color:#770000;}

/*list2*/
.list2{ padding-top:10px;}
.list2 dl{ float:left; width:188px; padding-top:20px; display:block; margin-right:50px;}
.list2 dl.nomargin{ margin-right:0;}
.list2 dl dt{ width:188px;}
.list2 dl dt a{ width:184px; height:113px; display:block; border:2px solid #434344; }
.list2 dl dd{ color:#8a8a8a; font-size:12px; display:block; padding:5px 0 0 8px;}
.list2 dl dd.app{ height:45px;}
.list2 .title{ color:#ee8585; display:block;}
.list2 dl dd a:hover{ text-decoration:none;}
.productname { width:184px; height:45px;}
/**产品类别列表**/

#pro1{width:720px; margin-top:20px;}
#pmb{float:left;width:353px;border: #02336d solid 1px;margin:0 5px 16px 0;background:#fff;color:#333;}
.pbt{width:353px;height:24px;line-height:24px;text-align:center;font-size:12px;background:#02336d;
color:#FFFFFF;}
#ptp{margin:10px 0 6px 16px;float:left; display:inline; width:150px;}
#pwz{margin:10px 10px 6px 0;width:170px;	height:70px;	float:right;}
.intro { float:left; width:150px; margin:10px 0 0 14px;}
#pxl{width:353px;margin:10px 0 4px 0;float:left; height:178px; overflow:hidden;}
#pxl ul{ float:left; margin-left:10px;}
#pxl ul li{padding:4px 0 0 4px; float:left;  width:120px;}
#pxl ul li a{color:#4d4d4d;text-decoration:none;}
#pxl ul li a:hover{color:#ff0000;text-decoration:underline;}

/**company**/
#right{width:730px;float:left; margin-top:2px;}
#right1{width:685px;float:left;display:inline; color:#373737;}
#right1 li{float:left;display:inline; text-align:left;}
.right11{width:666px;height:28px;background:url(images/bg8.gif) repeat-x;line-height:28px; font-family:"方正仿宋简体";font-size:18px;}
.right11 img{float:left;margin:5px 13px 0 13px;}
.right12{width:400px;height:40px;line-height:40px;font-size:22px; margin-left:15px; font-weight:bold; color:#031437;}
.right13{width:400px;height:22px; line-height:22px; margin-left:15px; padding-bottom:15px;}
.right14{width:669px;margin-bottom:25px; }
.right14 p{ line-height:28px;}
.right15{width:640px;line-height:22px;}
.right15 p{ margin-bottom:20px; text-indent:25px;}

.th  td{padding-left:5px;

}
.th { clear:left; line-height:20px; margin-bottom:15px;}

#bottom{ clear:left; border-top:1px solid #cecece; color:#7b7b7b; height:60px; line-height:60px; background:url(../images/bottomlogo.gif) no-repeat 900px center; padding:0 100px 0 28px;}
#bottom a{ color:#7b7b7b; padding:0 10px;}
#bottom span{ float:right; width:610px;}
.service { float:left; width:700px; clear:both; height:400px; color:#333333;}
.service ul { display:inline;}
.service ul li { float:left; display:block; width:650px; height:30px; line-height:30px;}
.service ul li img { float:left; margin-right:10px;}

/*sitemap**/
.map { float:left;}
.map li { padding:5px;}
.sitemaplist { float:left; width:720px;}
.simaseries {float:left; width:720px; border-bottom: dashed #cccccc 1px;}
.simaseries ul { margin-left:15px; padding:5x; float:left; width:650px;}
.simaseries ul li { float:left; width:300px; display:block; padding:5px 0;}
.simaseries ul li  ul{ float:left; margin-left:20px; width:200px;}


/*job*/
div.jobcontent{  padding:14px 24px 80px 0; line-height:30px; clear:left;}
.jobcontent .top_title{ height:34px; border:1px solid #c1c1c1; background:url(images/job_bg.jpg) repeat-x; color:#2b6991;}
.jobcontent .top_title p{ float:left; height:34px; line-height:34px; width:110px; text-align:center; font-weight:bold;}

.gp_jobshow{ clear:both;}
.gp_jobshow a{ color:#2b6991; text-decoration:none;}
.gp_jobshow a:hover{ color:#2b6991; text-decoration:underline;}
.gp_jobshow span.tjob{ float:left; width:110px; height:27px;}
.gp_jobshow ul{ list-style:none;}
.gp_jobshow ul li{ height:27px; line-height:27px; border-bottom:1px solid #c1c1c1; text-align:center;}
span.tzhiwei { color:#2b6991; font-weight:bold;}
.tbleft, .tbleft td {
	border:1px solid #c1c1c1;
	border-collapse:collapse;color:#2b6991;
}
.tbleft {
	line-height:28px;
	margin-bottom:12px;
}
.foatleft { float:left; padding-left:3px;}
.tbleft td {

}
.new_date {
text-align:right;
color:#454545;
}


/*pages*/
.pages{ clear:left; overflow:hidden; line-height:20px; text-align:right; padding:20px 15px 10px 0; }
.toppages{ line-height:40px; width:300px;}
.bottompages{ padding-bottom:40px;}
.pages a { border:1px solid #8a8a8a; font-family:Verdana;margin:0 2px;padding:1px 5px 2px;text-align:center;text-decoration:none;font-size:10px; color:#222222;}
.pages a:hover{ color:#ee8585;}
.pages .now{border:1px solid #8a8a8a;text-decoration:none;color: white;font-size:10px;font-weight:700; color:#ee8585;}

#bottom{ margin:0 auto; width:974px;clear:left; height:48px; line-height:20px; color:#525252; margin-top:10px; border-top:solid 2px #dcdcdc;}
#bottom a{ color:#373737; padding:0 10px; text-decoration:none;}
#bottom a:hover{ color:#f2f2f2;}
#bottom span{ float:right; width:610px;}



