/* CSS Document */

body { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#666;margin:0px;text-align:center;/*background:#def1ff;*/}

img { border:0}

a:link { color:#369; text-decoration:none}
a:visited { color:#369; text-decoration:none}
a:hover { color:#a00; text-decoration:underline;} 
a:active { color:#369; text-decoration:none}

#container {width:1002px; margin:0 auto; text-align:center;}

/*z-index star above 20*/
#header{ MARGIN: 0 auto;WIDTH: 1002px; height:100px; overflow:hidden; position:relative; z-index:21;}
#logo {float:left;background-image:url(../images/logo.gif);width:219px;height:100px; overflow:hidden;}
#member { float:left; background-image:url(../images/bg_top.gif);width:783px;height:100px; overflow:hidden;}
#memberlogin {float:right; margin:2px 10px 0px; font-size:10px;}
#memberc { float:left; background-image:url(../images/bg_topc.gif);width:783px;height:100px; overflow:hidden;}
#memberloginc {float:right; margin:2px 10px 0px; font-size:10px;}
#nav {clear:both; background-color:#999; width:1002px;height:21px; text-align:center; overflow:visible; position:relative; z-index:26;}
#navc { float:right; background-color:#999; height:21px; text-align:center; overflow:visible; position:relative; z-index:27;}



/*z-index star above 10*/
#adcenter { MARGIN: 0 auto; width:1002px; height:204px; position:relative; z-index:11;}
#search {background-image:url(../images/bg_search.gif);width:1002px;height:36px; position: relative; z-index:12; overflow:hidden;}
#searchinput{float:right; margin:6px 20px 0px; font-size:10px;}
#banner {width:1002px;height:180px; top:-12px; margin-bottom:-12px; position:relative; z-index:10; overflow:hidden;}

#adcenter2 { MARGIN: 0px auto; width:1002px; position:relative; z-index:2;}
#searchpro {background-image:url(../images/bg_search_1.gif); background-repeat:repeat-x; width:1002px;height:25px; position:relative; z-index:5;}
#prosearch {padding-left:20px; margin-bottom:20px}


/*z-index star above 30*/

#mainbox { clear:both; width:1002px; MARGIN:auto; padding:0px; background-image:url(../images/bg_homemain.gif); background-repeat:repeat-y; position: relative; z-index:30;}


/*z-index star above 40*/
#sidebarH {float:left;width:219px; position:relative; z-index:40; top:-10px;}
#sidebar{ float:left; MARGIN:0px auto; PADDING: 0px; WIDTH: 232px;text-align:left; position:relative; z-index:41; top:-10px; overflow:hidden;}
#sidebarcert{ float:left; MARGIN:0px auto; PADDING: 0px; WIDTH: 232px; height:600px; text-align:left; overflow:auto;}
.sidebarcerticon { clear:both; height:50px; width:50px; margin: 15px auto; background:#00FF33; overflow:hidden;}
#sidebarpro{ float:left; MARGIN:0px auto; PADDING: 0px; WIDTH: 232px;text-align:left; position:relative; z-index:42;}
#sidebar-2{ FLOAT: left;MARGIN:0px; PADDING: 0px; WIDTH: 295px; text-align:left;}

#leftmenu { clear:both; margin:0px; padding:0px; width:219px;  text-align:left;}


.leftmenu1 { margin: 0px; padding:0; width:217px; text-align:left; text-indent:2em; border-top:1px solid #9c9c9c; border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede;}
.leftmenu1 ul {margin: 0; padding: 0; line-height: normal; list-style-type:none;}
.leftmenu1 li {border-bottom: #ccc 1px solid; margin: 0; height:30px;}
.leftmenu1 li a {padding-top:8px;display: block; width:100%; color: #666; text-decoration: none; height:22px; background-image:url(../images/LeftMenuBg1.gif)}
.leftmenu1 li a:hover {color:#000; background-image:url(../images/LeftMenuBg1_hover.gif)}




#leftmenupro { clear:both; width:219px; height:180px; overflow:auto;}

.leftnewtitle {margin: 0; padding:0; text-align:left; width:219px; overflow:hidden;}
.leftnewtitle ul {margin: 0; padding: 0; list-style-type:none;}
.leftnewtitle li {border-bottom: #ccc 1px solid; margin: 0; height:26px; overflow:hidden; padding:0;}
.leftnewtitle li.newsclass { padding-top:3px; font-size:13px; color:#FFF; font-weight: bolder; background:#bbb; height:17px; text-indent:1em;}
.leftnewtitle li a { height:26px; line-height:26px; display: block; color: #666; text-decoration: none; padding:0 10px 0 10px; margin:0;}
.leftnewtitle li a:hover { background: #f3f3ff; color:#000; text-decoration:none;}

.ffff {  font-size:18px;}


#content {float:left;width:512px; padding:25px; text-align:center;}
#adhome { clear:both; width:510px; height:176px; border:solid #CCCCCC 1px;}

.CNRnDtitle {width:502px; height:20px; margin-top:25px; padding:4px 0 0 10px; font-family:"黑体", Arial, Helvetica, sans-serif; text-align:left; background-image:url(../images/bg_RnDtitle.gif); color: #6a7c99;	font-size:14px; font-weight:bold;}
.RnDtitle {width:502px; height:20px; margin-top:25px; padding-top:2px; padding-left:10px; text-align:left; background-image:url(../images/bg_RnDtitle.gif);
color: #6a7c99;	font-family: Arial, Verdana, sans-serif; font-size:16px; font-weight:bold;}
#RnDCont { width:512px; height:128px; background-image:url(../images/bg_RnDdetail.gif); background-repeat:repeat-y; background-position:right;}
#RnDLpic { float:left; width:112px; height:112px; padding:8px; background-color:#ededed}
#RnDdetail { float:left; width:364px; height:108px; margin:10px; overflow:hidden; text-align:left;}
#RnDdetail p { line-height:22px; font-size:13px; font-weight:bold; color:#0099FF; margin:0; padding:0; text-indent:0; overflow:hidden; text-align:left;}

#RnDicon {width:512px; height:63px; margin:13px 0px 0px 0px; background-image:url(../images/bg_RnDicon.gif);}
#RnDicon ul { padding:0px; margin:0px; list-style-type: none;}
#RnDicon li { float:left; width:44px; height:44px; margin:10px 0px 0px 16px; border:solid #CCCCCC 1px; overflow:hidden;}
#RnD {}

p { text-align:left; text-indent:2em; line-height:18px;}

#cert { float:left; width:196px; margin-top:25px; padding:0px; background-color:#f3f3f3; overflow:hidden;}
#cert ul { clear:both; list-style:none; margin:0; padding:0;}
#cert li {list-style:none; width:166px; height:170px; padding:15px; overflow:hidden;}
.certHomepic { float:left; margin:0 8px 8px 0;}
.certHomepic a:link { text-decoration:none;}
.certHomepic a:visited { text-decoration:none;}
.certHomepic a:hover { text-decoration:none;}
.certHomepic a:active { text-decoration:none;}
.certHometitle { text-align:left; color:#003366; font-size:14px; font-weight:bold;}
.certHomeintro { text-align:left;}




#mainboxpro { MARGIN: 0px auto; padding:0px; WIDTH: 1002px; BACKGROUND: #FFF;background-image:url(../images/bg_promain.gif); background-repeat:repeat-y; background-position:left}
#mainbox2 { MARGIN: 0px; WIDTH: 1002px;BACKGROUND: #FFF;}




.message1 { margin:10px auto 20px auto; height:22px; width:705px; background-color:#ddd; text-align:left; padding: 8px 0 0 20px; }



#contentpro{ float:left; text-align:center; MARGIN:0; PADDING:0; WIDTH: 770px; BACKGROUND: #FFF; overflow:hidden;}
.proad1 {width:718px; margin:0 auto 25px auto; overflow:hidden;}
.mainlist { margin:0 auto 0 auto; width:722px;height:120px; background:url(../images/mainlist.gif)}
.Mainicon { float:left; width:190px; height:120px;  overflow:hidden;}
.MainiconSearch { float:left; width:188px; height:118px;  overflow:hidden; margin:1px 0 1px 2px;}
.Mainintro { float:left; width:512px; height:100px; padding:10px; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px; overflow: hidden; overflow:hidden;}
.MainTitle { font-size:14px; font-weight:bold;}
.MainDesc { height:70px;}
.MainMore {text-align:right; font-size:12px; color:#C30; font-weight:normal}
.MainMore a {color:#900; font-weight:bold}
.MainMore a:hover { color:#f00;}
.Mlistpart { margin:0 auto; clear:both; width:722px; height:30px; background-image:url(../images/Mlist_part.gif); background-repeat:no-repeat; background-position:top;}
.SubList { margin:auto; clear:both; height:131px; width:725px; background-image:url(../images/bg_sub.gif); overflow:hidden; display:block;}
.SubList a {display:block; text-decoration:none;}
.SubList a:hover { cursor:pointer; display:block; color:#000099;}
.SubIcon { float:left; height:113px; width:203px; margin:1px 0 0 6px; overflow:hidden;}
.SubIntro { float:left; width:446px; height:44px; padding:10px; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;overflow:hidden;}
.SubTitle {font-size:12px; color:#0066CC; font-weight:bold}
.SubTitle a:hover {color:#CC3300}
.SubDesc {}

#ProductArrayList { margin:auto; width:722px;}
#ProductArrayList .block { float:left; margin:17px; width:200px; height:146px;}
#ProductArrayList .block .photo {width:198px; height:113px; border:solid 1px #ddd; margin-bottom:3px; overflow:hidden;}
#ProductArrayList .block .name {}
#ProductArrayList .block .name a { display:block; width:198px; height:20px; padding-top:6px; border:solid 1px #ddd; background:url(../images/BgProductName.gif)}
#ProductArrayList .block .name a:hover {width:198px; height:20px; padding-top:6px; border:solid 1px #ddd; color:#000; text-decoration:none; background:url(../images/BgProductNameHover.gif)}

.tiparea { clear:both; width:219px; overflow:hidden;}
.tiptop {margin-top:15px; width:199px; height:21px; padding:14px 0px 0px 20px; background-image:url(../images/bg_tiptop.gif);
color:#6a7c99;	font-family: Arial, Verdana, sans-serif; font-size:16px; font-weight:bolder; overflow:hidden;}
.tipmid { width:239px; padding:0px; background-image:url(../images/bg_tipmid.gif); background-repeat:repeat-y; overflow:hidden;}
.tipmid .content { width:199px; margin:10px; line-height:20px; overflow:hidden;}
.tipfoot { width:219px; height:13px; background:url(../images/bg_tipfoot.gif); overflow:hidden; margin-bottom:15px;}
.tipPic { float:left; height:80px; overflow:hidden; background-color:#FFFFFF; margin:0 8px 8px 0;}
.tipTitle { text-align:left; color:#003366; font-size:14px; font-weight:bold;}
.tipIntro { text-align:left;}
.tipSubtitle { clear:both; font-weight:bold;}
.tipSubtitle a { display:block;}
.tipSubtitle a:hover { background-color:#eee; color:#000; text-decoration:none;}
.tipNewstitle { clear:both; border-bottom:1px dotted #ddd;}
.tipNewstitle a { display:block;}
.tipNewstitle a:hover { background-color:#eee; color:#000; text-decoration:none;}



.Htitle { width:718px; height:57px; margin:0 auto 20px; background-image:url(../images/bg_H1.gif)}
.Htitle2 { margin:auto; width:718px; height:57px; background-image:url(../images/bg_H1.gif); overflow:hidden;}
.H1t { float:left; height:35px; padding:22px 15px 0px 15px; background-image:url(../images/bg_H1_1.gif);
color:#6a7c99;	font-family: Arial, Verdana, sans-serif; font-size:20px;}
.H2t{ float:left; width:27px; height:57px; background-image:url(../images/bg_H1_2.gif)}
.H3t{ float:left; padding-top:34px; height:23px}
.H4t{ float:right; padding:34px 20px 0 0; height:23px}

#promain { clear:both; width:718px; height:227px; margin: auto auto 15px auto;}
#propho { float:left; height:225px; width:325px; border:solid #CCC 1px; overflow:hidden}
#prointro {float:left; height:225px; width:350px; margin-left:35px; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;overflow: hidden;}
#prointro1 {float:left; height:225px; width:300px; margin-left:35px; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;overflow: hidden;}
#zoom { float:left; width:18px; height:18px; position:relative; top:-30px; left:290px; background-image:url(../images/zoom.gif)}
#download { clear:both; width:718px; margin: auto auto 15px auto; border-top:solid #CCCCCC 1px; border-bottom:solid #CCCCCC 1px; }
#DL1 { float:left; width:87px; height:52px; padding:4px; background-color:#9abeff; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:18px; font-size:14px;overflow: hidden;}
#DL2 { float:left; width:455px; padding:10px; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;overflow: hidden;}
#DL3 { float:left; width:112px; padding:12px;}


#promainMore { clear:both; width:718px; height:300px; margin: auto auto 15px auto;}
#prophoMore { float:left; height:300px; width:400px; border:solid #CCC 1px; overflow:hidden;}
#pronameMore { font-weight:bold; color:#06f; font-size:14px;}
#prointroMore {float:left; height:300px; width:280px; margin:0 15px 0 20px; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;overflow: hidden;}



#proh1 { clear:both; width:698px; height:22px; margin:auto; padding:4px 0 0 20px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#003399; background-color:#CCCCCC;}
#prodetail1 { width:694px; padding:12px; margin: auto auto 15px auto; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;}
#prodetail1 img { clear:both; padding:0; margin:auto; text-align:center;}
#ImmpNews { margin:auto; width:688px; text-align:left; padding:15px; border-left:solid #FF66CC 1px; border-bottom:solid #FF66CC 1px; border-right:solid #FF66CC 1px; background-image:url(../images/bg_immpnews.gif); background-position:bottom; background-repeat:repeat-x;}
#ImmTitle { margin:auto; font-size:16px; color:#0033CC}
#Immcont { margin:auto; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px;}
#newstable { margin:auto; padding:0; clear:both; width:718px;}
#newstable ul,li{ list-style:none; padding:0; margin:0; }
#newstable li { width:350px; float:left; margin:-1px 0 0 -1px;padding:0 2px; border:1px solid #000;line-height:25px}

#Company { width:686px; text-align:left; padding:15px; margin:auto; border-left:solid #949bff 1px; border-bottom:solid #949bff 1px; border-right:solid #949bff 1px; background-image:url(../images/bg_company.gif); background-position:bottom; background-repeat:repeat-x; margin-bottom:20px; overflow:hidden;}
#CompanyTitle { font-size:16px; color:#0033CC}
#Companycont { margin-left:25px; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px; overflow:hidden;}

#Contact { margin:auto; width:686px; text-align:left; padding:15px; border-left:solid #949bff 1px; border-bottom:solid #949bff 1px; border-right:solid #949bff 1px; background-image:url(../images/bg_contact.gif); background-position:bottom; background-repeat:no-repeat; margin-bottom:20px;}

#footer { clear:both; padding:10px; width:982px; HEIGHT:65px; color:#bbb; line-height:18px; font-size:11px; background:#666; text-align:center; overflow:hidden;}



.SearchSelectList { width:180px; height:19px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0066CC; margin-top:12px;}
.SearchTextbox { width:145px; height:14px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0066CC; margin-top:12px;}
.SearchGo { width:28px; height:20px}

.MemberTextbox { width:145px; height:14px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0066CC; margin-top:0;}
.LoginButton { width:45px; height:20px; font-size:11px;}


.HNPLfig { width:512px; height:160px; padding:0px; margin-top:18px;}
.HNPLfigPic { float:left; width:80px; overflow:hidden; border:#CCC solid 1px; margin:0 5px 5px 0;}
.HNPLfigWord {float:left; width:512px; height:160px; overflow:hidden;}
.HNPLfigName { height:20px; text-align:left; overflow:hidden; padding:2px 0 0 10px; background-image:url(../images/bg_RnDtitle.gif); color: #6a7c99; font-family: Arial, Verdana, sans-serif; font-size:16px; font-weight:bold;}
.HNPLfigName a {text-decoration:none; color: #6a7c99; display:block; }
.HNPLfigName a:hover {color:#0066FF;}
.HNPLfigNameCN { height:20px; text-align:left; overflow:hidden; padding:2px 0 0 10px; background-image:url(../images/bg_RnDtitle.gif); color: #6a7c99; font-family: Arial, Verdana, sans-serif; font-size:12px; font-weight:bold;}
.HNPLfigNameCN a {text-decoration:none; color: #6a7c99; display:block; }
.HNPLfigNameCN a:hover {color:#0066FF;}
.HNPLfigDesc { height:160px; text-align:left; overflow:hidden; padding:4px 10px 0 10px; background-color:#efefef; line-height:18px;}

.MemberLinkHead { margin-top:20px; height:38px; background:url(../images/LeftMenuHead_Member_cn.gif)}
.MemberLink {}
.ReferLink {width:196px; overflow:hidden;}



#SortDesc {width:722px; text-align:left; margin:auto;}
.arrowlink { text-align: right; padding:2px 16px 2px 0; background: url("../images/arrow.gif") no-repeat center right; font-size:10px; }
.arrowlinkCN { text-align: right; padding:2px 16px 2px 0; background: url("../images/arrow.gif") no-repeat center right; font-size:12px; }