@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0;}
.clearfix{overflow:auto;_height:1%}
body{ 

	font-size:11px; 

	color: #333333; 

	font-family:Verdana, Arial, Helvetica, sans-serif;

	background:url(../i/bigbg.jpg) repeat-x 0 0;

	line-height:22px; 

	text-align:center;

}

ul{list-style:none;}

h1, h2, h3,h4{ font-size:1.1em;}

a{text-decoration:none; color:#0059A9;}

img{ border:0;}

p{ line-height:22px; padding:7px 10px 7px 0; text-align:left;}

a:hover {text-decoration:underline;}

a:active,a:focus {text-decoration: none;color:#0059A9;} 

.clear{ clear:both; height:0; padding:0; margin:0;}

.line{ width:100%; border-bottom:2px double #0059A9 ; margin:5px 0; padding:0;}

.line2{ width:100%;  margin: 0 auto; padding:0; border-bottom:2px solid #d2d2d2; clear:both;}

.line3{width:90%; margin: 0  0 30px 0; padding:30px 0 0 0; border-bottom:2px double #535353; clear:both; float:left;}



#warp{ margin:0 auto ; text-align:left; width:930px; background:#fff; padding:0 10px; height:100%;}

#content{ float:left;width:100%;margin: 100px 0 0 0; }



#header{width:930px; position:relative;}

#language{ position:absolute; top:12px; right:5px; font-size:12px;}

#language a{ background:url(../i/sitemapli.gif) no-repeat 0 center; padding-left:9px; margin:0 5px; font-weight:normal;}

#footer{  padding:5px 0 10px 0; margin:30px 0 0 0; clear:both; text-align:center;background:url(../i/titlebg.jpg) repeat-x 0 top;}

#footer a{ color:#666;}

#footer .fmenu{ height:28px; overflow:hidden;}

#footer .fmenu {width:100%; color:#aaa;}

#footer .fmenu a{margin:0 5px; line-height:28px; text-align:center;}

#footer  p{ margin:0 auto ; padding:1px 0;   color:#666; text-align:center;}

#footer .foot_renzheng img{}

#logo{ background:url(../i/logo.gif) no-repeat left top; width:405px; height:70px; top:10px; left:10px; position:absolute; text-indent:-2000px;}

/*#logo{ font-size:22px; color:#336699;}

#logo h1{ font-size:14px; color:#666;}*/

.bmenu {float:right ; color:#000; width:220px; position:absolute; top:10px; right:15px;}

.bmenu li{ float:right; margin:0 0 0 15px; display:inline; vertical-align:middle;}

.bmenu a{ text-decoration:none; font-size:10px; line-height:23px; font-weight:normal;}

.bmenu a:hover{}



/* main menu */

#mainnav{top:90px; text-align:center; position:relative; z-index:10; width:930px;}

.preload1 {background: url(../i/blank.gif);}

.preload2 {background: url(../i/blanka.gif);}

#nav {padding:0; margin:0; list-style:none; height:36px; background:#fff; position:relative; z-index:999; font-family:arial, verdana, sans-serif;background: url(../i/blank_over.gif)  no-repeat right 0; text-transform:capitalize;}

#nav li.top {display:block; float:left;}

#nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../i/blank_over.gif);}

#nav li a.top_link span {float:left; display:block; padding:0 25px 0 22px; height:36px;background:url(../i/blank_over.gif) right top;}

#nav li a.top_link span.down {float:left; display:block; padding:0 42px 0 28px; height:36px; background:url(../i/blank_overa.gif) no-repeat right top;}

#nav li a.top_link:hover {color:#fff; background: url(../i/blank.gif) no-repeat;}

#nav li a.top_link:hover span {background:url(../i/blank.gif) no-repeat right top;}

#nav li a.top_link:hover span.down {background:url(../i/blanka.gif) no-repeat right top;}

#nav li:hover > a.top_link {color:#fff; background: url(../i/blank.gif) no-repeat;}

#nav li:hover > a.top_link span {background:url(../i/blank.gif) no-repeat right top;}

#nav li:hover > a.top_link span.down {background:url(../i/blanka.gif) no-repeat right top;}

#nav li:hover {position:relative; z-index:200;}

#nav ul, 

#nav li:hover ul ul,

#nav li:hover ul li:hover ul ul,

#nav li:hover ul li:hover ul li:hover ul ul,

#nav li:hover ul li:hover ul li:hover ul li:hover ul ul

{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; background:#3a93d2;}

#nav li:hover ul.sub

{left:0; top:28px; background: #fff; padding:3px 2px 6px 2px; border:1px solid #3a93d2; white-space:nowrap; width:142px; height:auto; z-index:300;background:#2e75a6; }

#nav li:hover ul.sub li

{display:block; height:24px; position:relative; float:left; width:142px; font-weight:normal; line-height:24px;}

#nav li:hover ul.sub li a

{display:block; font-size:11px;  height:24px; line-height:24px; width:138px; line-height:24px;  color:#fff; text-decoration:none; letter-spacing:1px;}

#nav li ul.sub li a.fly{background:#fff url(../i/arrow.gif) 80px 7px no-repeat;}

#nav li:hover ul.sub li a:hover { background:#f4f8fa; color:#333;}

#nav li:hover ul.sub li a.fly:hover{background:#3a93d2 url(../i/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#3a93d2 url(../i/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,

#nav li:hover ul li:hover ul li:hover ul,

#nav li:hover ul li:hover ul li:hover ul li:hover ul,

#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul

{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}



#leftmain {width:205px; margin:0 auto;  float:left; min-height:600px;  overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#leftmain div{ border:1px solid #e0e0e0; }

#leftmain div.putong{ margin-top:15px; }





#submenu{ clear:both; padding-bottom:10px;}

#submenu a{ color:#003399;}

#submenu a:hover{ color:#2a70fc; text-decoration:underline;}

#leftmain  h3{ 

	text-align:left; 

	text-transform:capitalize; 

	padding:0;  

	border-bottom:1px solid #ccc;

	line-height:20px;  

	text-indent:10px; 

	background:url(../i/bg-cta-header-lg.png) no-repeat -5px -10px;

	font-size:12px; 

	margin-bottom:5px;

	color:#000;

}

#submenu h4{margin:0px;padding-left:10px; line-height:30px; font-size:12px;}

#submenu ul{ margin:0; padding:0;}

#submenu ul li{ line-height:26px; text-indent:15px; }

#quality_index{ padding:0; margin-top:15px; }

#quality_index img{}

#quality_index h3{ background:url(../i/bg-cta-header-lg.png) no-repeat -5px -10px;line-height:20px; border-bottom:1px solid #ccc; text-indent:10px;font-size:12px; 

	color:#000; }

#subcontact{ padding:0; margin-top:15px; }

#subcontact h3{ background:url(../i/bg-cta-header-lg.png) no-repeat -5px -10px;line-height:20px; border-bottom:1px solid #ccc; text-indent:10px;font-size:12px; 

	color:#000; }

#subcontact p{ padding:5px 10px; }







#container{  width: 715px;padding:1px; margin:0  auto ; float: right ; position: relative;z-index:2; }

#container2{  width: 710px;  margin:0  auto ; float: right ; position: relative;z-index:2; overflow:hidden;}

.inner{ padding:10px 20px; }

#search{ top:43px; right:10px; position:absolute; color:#000;}

#search .search-img{ margin:4px 0 0 0; float:left;}

#search_input{height:19px;border:1px solid #ccc; text-align:center; color:#535353; margin:4px 0 0 0; padding:0; float:left;}

#search ul li{margin:0px 1px  0 0;float:left; display:inline;}

.searchname{ margin:0px 10px 0 0;line-height:25px; height:25px; color:#666; text-transform:uppercase;}



.more { color:#0059A9; padding:0px 0 0 0; margin:10px 30px 0 0;  float:left; }

a.more { white-space: nowrap; padding-right: 20px;  color:#073E7F ; font-weight:bold; background:url(../i/picto_fleche.gif) no-repeat left center; text-indent:15px; }

.more2 { color:#0059A9; padding:0px 0 0 0; margin:10px 5px 0 0;  float:right; text-align:right;}

a.more2 { white-space: nowrap; padding-right: 20px;  color:#073E7F ; font-weight:bold; background:url(../i/picto_fleche.gif) no-repeat left center; text-indent:15px;}



#index-left{width:48%;  margin:0  auto; float:left; line-height:20px; border:1px solid #c9e1f4; padding-bottom:5px;}

#index-right{width:48%;  margin:0  auto;float:right; line-height:20px; border:1px solid #c9e1f4;padding-bottom:5px;}

#index-left h3,#index-right h3{ margin:1px 1px 5px 1px; line-height:22px; background:#fff url(../i/tbg.gif) repeat-x 0 bottom; border-bottom:1px solid #c9e1f4;}

#index-left h3 a,#index-right h3 a{padding-left:10px; color:#000;}

em{ color:#000; font-size:1.0em; font-weight:bold;}

.txt{  font-size:12px; line-height:20px; padding:0 0 5px 0;margin:0 0 5px 0;/*border-bottom:1px dotted #8a8a91; */height:140px; clear:both;}

.pro_box{width:140px; height:155px; float:left; margin:10px 0 10px 0; }

.pro_box img{ margin:0 auto; width:115px; height:115px; padding:5px; border:1px solid #d2d2d2;}

.pro_box h4 { font-weight:normal;clear:both; float:none;  font-size:11px;}

.pro_box h4 a{color:#333;}



address{ line-height:25px; margin:0  auto; float:left; padding:0; font-style:normal;}





#sublink li{ margin:0 0 25px -35px; padding:0;}

#sublink li img{ width:150px; height:50px;}

#bar_newlist{

	margin:0; padding:0 10px;



}

#bar_newlist li{ padding:3px 0; margin:0 auto; width:100%; background:url(../i/arr2.gif) no-repeat 0 center; text-indent:8px; border-bottom:1px dotted #eee;}

#bar_newlist li a{ color:#333;}

#bar_bloglist li{ padding:3px 0; margin:0 auto; width:100%; background:url(../i/arr2.gif) no-repeat 0 center; text-indent:8px; border-bottom:1px dotted #eee;}

#bar_bloglist li a{ color:#333;}

.float_left{ float:left; padding:0 10px 0 0;}

.float_right{ float:right; padding:0 10px 0 10px;}

/*page*/

.sb_pag{padding:10px 0 10px 120px;margin:10px 0 0px 0px;width:80%;float:left}

.sb_pag ul,.sb_pag li{list-style-type:none;margin:0;padding:0}

.sb_pag li{float:left}

.sb_pag a{display:block;border:1px solid #d4d4d4;padding:.3em .7em;margin:0 .38em 0 0;text-align:center;}

a.sb_pagP,a.sb_pagN{padding:.38em .5em;border:none;}

.sb_pag a:hover,a.sb_pagS{text-decoration:none;background:#fbefdb;border:1px solid #91C245}

a.sb_pagP{margin-right:.7em;padding-left:0}

a:hover.sb_pagP,a:hover.sb_pagN{text-decoration:underline;background-color:transparent;border:none}

a.sb_pagP,a.sb_pagN{padding-top:.5em}

/*page*/



.title {clear:both; color:#000;  text-align:left; text-transform:capitalize; height:32px; line-height:28px; text-indent:10px; border-bottom:1px solid #ccc; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-left:10px;}

.title  a{color:#0059A9;}

.title a:hover{text-decoration:none;color:#666;background:transparent}



#products{ clear:both; padding:10px 20px;}

.pro-list{ width:380px; float:left; margin:15px  0 15px 0; padding:0 ; color:#333333;}

.pro-list img{ float:left; padding:5px; margin:0 5px 0 0; width:150px; height:120px; border:1px double #d2d2d2;}

.pro-list ul{ margin:0 0 10px 0px;font-size:12px; padding:0 ;}

.pro-list ul li{ margin:0 0 4px 0 ; padding:0; }



#news{} 

#news  li{ margin:10px 20px 8px 0; padding:0;   clear:both;}

#news p.date{ color:#999; padding:0;}

#news p.content{} 

#news-detail{ float:left; width:500px;}

#news-page{ line-height:180%; margin:0 auto; padding:0 0 0 15px;}

#newsRelated{ float:right; display:inline; padding:10px 0; width:180px;list-style:none; text-align:left; margin-right:15px;}

#newsRelated li{ line-height:18px; padding:5px 0; border-bottom:1px solid #ccc;}

.news-title{ text-align:center;padding:20px 0 10px 0; font-size:18px;}

.pre-list{ background:url(../i/back.png)   no-repeat left; text-indent:35px;  padding:0; margin:0; border-top: 1px  dotted #dedede; clear:both; width:98%;}

.next-list { background:url(../i/next.png) no-repeat left; text-indent:35px; padding:0; margin:0; clear:both; width:98%;}

#faqs{ width:500px; float:left;}

#faqs h3{ padding:0 5px; color:#003366;}

#faqs ul{ margin-top:20px;}

#faqs li{ margin:0 0 5px 10px;}

#faqs li:target h3{ background:#0099CC; color:#fff;}

#faqTitleList{ width:180px; float:right; padding:10px; list-style:none; margin-top:10px;}

#faqTitleList li{ line-height:18px; padding:5px 0; border-bottom:1px solid #ccc}

#certificate li,#factory li{ float:left; margin:0 20px 30px 0px; width:200px; padding:0;}

#quality ul{ list-style: inside decimal;}

#quality li{}

#quality  li img{ width:300px; height:200px;}





#online_main{padding:10px 20px; clear:both; margin:2px; background:#F8F8F8; border:2px dashed #e0e0e0;}

#online_main p{ clear:both; padding:0; margin:0 0 -3px 0;}

#feedback{margin:0 0 0 35px;}

*.onleft{text-align:right; display:block; float:left; clear:left; width:150px; margin:10px 0  10px 0}

*.online-right{ margin:10px 0 10px 5px;}

textarea{ margin-top:10px; margin-left:5px;}

#onlinesend{ margin:0 0 0 180px;}

*.mark {color:#0C43A7; padding:0 3px 3px 3px;}

*.topground{ margin:10px 10px 10px 10px;}

#ground5{ margin-left:127px;}

.send{ color:#000582;}





#category  ul li{ list-style-type:none; margin:20px 20px 30px 0; padding:0; float:left; width:340px; line-height:22px; }

#category  ul li img{ width:300px ; height:180px;}

#category  strong a:link{ text-decoration:underline ; font-size:18px; font-weight:bold; text-transform:capitalize;}

#category  strong a:hover{ text-decoration: none ; font-size:18px; font-weight:bold; color:#0059A9; }







table{ border-collapse:collapse; }

td{ border:#d2d2d2 solid 1px; padding:10px; }

th{ border:#d2d2d2 solid 1px; padding:5px 10px; }



table.qualityTable{border-top:1px dashed #d2d2d2;}

table.qualityTable td{ border:0; border-bottom:1px dashed #d2d2d2; vertical-align:top;}

table.equipmentTable img{ height:120px;}

table.equipmentTable td{ text-align:center;}



#pro-detail{ margin:0 auto; padding:10px 20px; float:left;}

 #pro-description{ float:left; line-height:24px; width: 98%; margin:0 0 50px 0; padding:0; font-size:13px; }

  #pro-description p{ padding:8px 0;}

  #pro-description a{ color:#336699;}

#pro-pic img{ float:left; padding:0 30px 0 0; }



#Parameters{  margin:0; padding:0; clear:both; width:98%;}



#related{ margin:0 auto; padding:20px 0 30px 0; float:left ; width:98%;}

#related img{ width:160px; height:125px; margin:0 auto;}



#link ul li{ float:left; margin:0 40px 40px 0  ;  padding:0;}

#link ul li img{ border: 1px double  #d2d2d2; margin:0; padding:10px; width:200px; height:60px;}



#contact { margin:0 ; padding:10px 15px; float:right; line-height:30px; width:250px;margin:30px 0 0 0; display:inline; font-size:12px;border:1px dashed #ddd; background:#f8f8f8;}

#contact address{ clear:both;font-style:normal;}

#contact_form{ float:left; width:420px;  margin:20px 0;}

#contact_form input{}

#contact_form table{ width:100%;}

#contact_form table td{ border:0;}



#about p{}

#about a{ color:#0059A9; font-weight:bold; text-decoration:underline;}

#about  a:hover {color:#000;cursor:pointer; text-decoration: none;}



#sitemap li{  margin-right:30px; line-height:28px;}

#sitemap ul#levelone > li{ margin-left:24px; text-indent:8px; border-bottom:1px dashed #ccc;background:url(../i/sitemapli.gif) no-repeat 0 11px;}

#sitemap ul.leveltwo{ list-style:decimal;}

#sitemap ul.leveltwo > li{ margin-left:48px; text-indent:8px;}

#sitemap ul#levelthree{ list-style: outside circle;}

#sitemap ul#levelthree > li{ margin-left:48px; text-indent:8px;}

.sales table td { padding:5px; width:250px; height:30px;}

.th{ background:#0059A9; color:#fff; font-weight:bold; text-align:left;}



#index-left p{ margin:0 10px 0 0; padding:0; width:98%;}

#menu a{ color:#0059A9; font-weight:bold;}

#categorySitemapLeft{ float:left; width:200px; margin:20px 0;}



#page404{ padding:10px 30px 0 70px;}





/*  add 2010-07-03 */

.about_index{ margin:10px 0; }

.about_index h3{font-size:20px; line-height:28px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}

.about_index h3 a{}

.about_index p{ padding:5px 0;}



.product_index{ margin:10px 0; background:url(../i/titlebg.jpg) repeat-x 0 -1px;}

.product_index h3{font-size:12px; line-height:24px; padding-top:5px;}

.product_index h3 a{}

.product_index p{ padding:5px 0;}



ul.quality_ul{ padding-right:5px; height:21px; position:relative; margin-top:-24px;}

ul.quality_ul li{ float:right; position:relative; z-index:10;}

ul.quality_ul li a{ display:block; padding:0 10px; background:#e9f1fc; border:1px solid #bedcfa; border-bottom:0; color:#003566;}

ul.quality_ul li a.current_quality{background:url(../i/navbg_03.gif) repeat-x 0 -225px;border:2px groove #88b3db; border-bottom:0;}

ul.quality_ul li a:hover{ text-decoration:none; color:#0174e0;}

/* 2012.2.12 */

ul.prolist{

	margin-top:10px;

	width:550px;

	border-top:1px solid #ddd;

}

ul.prolist li{

	background:url(../i/x1.gif) repeat-x 0 bottom;

	padding:15px 0 5px 0;

} 

ul.prolist li .prolist-text{

	width:320px;

	float:left;

}

ul.prolist li .prolist-text .pname{

	background:url(../i/dian3.gif) no-repeat 0 center;

	font-size:12px;

	padding-left:14px;

	margin-bottom:5px;

}

ul.prolist li .prolist-img{

	width:202px;

	float:right;

	margin:20px 0;

}

ul.prolist li .prolist-img img{

	width:200px;

}

.cl{ clear:both;}