html { font-size: 13px; color: #444; line-height: 150%; font-family: Arial, 新宋体, 宋体; }

body { background: #ffffff; padding: 0px; margin: 0px; }
img { border: 0; }
A:link { color: #003399; text-decoration: none; }
A:visited { color: #003399; text-decoration: none; }
A:hover { color: #FF7300; text-decoration: underline; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.textbox { border: solid 1px #ccc; padding: 1px; }
.margintop8 { margin-top: 8px; }
.limitstring { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
div.main { width: 980px; margin: 0 auto; overflow: auto; }
div.position { background: url(/Images/position.gif) 5px 4px no-repeat; padding-left: 21px; padding-bottom: 6px; }

div.more { padding: 5px 8px; text-align: right; font-size: 12px; }

div.span
{
    border: solid 1px #ddd; padding: 2px;
}

/*Page Top*/
#topnav { background: #E2E2E4; border-bottom: solid 1px #C2C1C7; height: 24px; padding: 0 12px; }
#topnav span { margin: 0 8px; line-height: 24px; font-weight: bold; }
#topnav a:link, #topnav a:visited { color: #054B49; }
#topnav a:hover { color: #279595; }

#bottom { border-top: solid 2px #E4E4E4; /*background: url(/Images/cnbioLogo.gif) right center no-repeat;*/ line-height: 24px; text-align: center; padding-top: 8px; margin-top: 15px; }
#bottom span { margin: 0 8px; }

table.topmain { width: 100%; height: 75px; }
table.topmain td { padding: 0 20px; }
table.topmain td.right { text-align: right; }

table.topsearch { width: 450px; border-collapse: collapse; }
table.topsearch td, table.topsearch .btnsearch { height: 35px; background: url(/Images/topsearch.gif); padding: 0; }
table.topsearch td.tl { width: 18px; background-position: 0 -35px; }
table.topsearch .text { border: 0; height: 21px; width: 100%; padding: 2px; font-size: 18px; }
table.topsearch .btnsearch { border: 0; width: 47px; height: 23px; background-position: 0 -70px; cursor: pointer; }
table.topsearch td.tr { width: 54px; background-position: -18px -35px; text-align: left; }

div.mainmenu { background: url(/Images/mmenubg.gif); height: 30px; font: bold 13px/26px ""; padding: 0 20px; }
div.mainmenu a { display: block; float: left; padding: 0 15px; line-height: 30px; }
div.mainmenu a:link, div.mainmenu a:visited { color: #fff; }
div.mainmenu a:hover { color: #9CF4F5; }

div.mainmenu div.fr a { display: block; width: 74px; height: 22px; background: url(/Images/mmbutton.gif); padding: 0; margin-top: 5px; margin-left: 5px; text-align: center; line-height: 22px; font-weight: normal; }
#mainmenu_sub { background: #D8D8D8; height: 27px; margin-top: 1px; }
#mainmenu_sub div { line-height: 27px; margin-left: 100px; display: none; }
#mainmenu_sub div a { margin: 0 10px; }

div.banner { padding: 2px 0; }

/*字体样式*/
.font_red { color: Red; padding: 0; }
.font_blue { color: Blue; padding: 0; }
.font_green { color: Green; }
.font_note { color: #999; }

/*Main*/
table.mainpart { width: 100%; border-collapse: collapse; margin-top: 6px; }
table.mainpart td { vertical-align: top; }
table.mainpart td.left { width: 223px; padding-left: 2px; padding-right: 5px; }
table.mainpart td.right { width: 223px; padding-left: 5px; padding-right: 2px; }


/**/
.box1 { width: 216px; }
.box1 .top { height: 56px; background: url(/Images/fasttrack.gif); }
.box1 .content { background: #3887D2; }
.box1 .content a { display: block; height: 36px; background: url(/Images/fasttrack.gif) 0 -70px; padding-left: 60px; font: bold 15px/36px ""; color: #fff; letter-spacing: 6px; }
.box1 .content a:link, .box1 .content a:visited { background-position: 0 -70px; }
.box1 .content a:hover { background-position: 0 -106px; text-decoration: none; }
.box1 .bottom { background: url(/Images/fasttrack.gif) 0 -56px; height: 14px; }

.box2 { width: 216px; }
.box2 .top, .box2 .bottom { height: 27px; background: url(/Images/serviceinfo.gif); }
.box2 .content { border: solid 1px #C5C5C5; border-top: 0; border-bottom: 0; padding: 0 6px; }
.box2 .bottom { background-position: 0 -27px; height: 12px; clear: both; }

a.btn1, a.btn2 { display: block; float: left; width: 99px; height: 43px; border: 0; cursor: pointer; background: url(/Images/mfsy.gif); }
a.btn2 { background: url(/Images/zxxj.gif); margin-left: 4px; }

.box2 .title1, .box2 .title2 { height: 39px; background: url(/Images/titles.gif) 0 -21px; }
.box2 .title2 { height: 57px; background-position: 0 -60px; }
.box2 .content1 { text-align: center; padding: 6px 0; }
.box2 .content2 { padding: 4px 12px; }

.searchmain, .searchmain .left, .searchmain .fr { height: 67px; background: url(/Images/searchbar.gif) 0 -134px; }
.searchmain .left { background-position: 0 0; background-repeat: no-repeat; padding-left: 125px; }
.searchmain .left table { margin-top: 5px; }
.searchmain .left .textbox { padding: 2px; }
.searchmain .fr { background-position: right -67px; width: 11px; }
.searchmain .button { border: 0px; width: 65px; height: 22px; background: url(/Images/search1.gif); cursor: pointer; }


.pbox1 { width: 743px; }
.pbox1 .top, .pbox1 .bottom { height: 30px; background: url(/Images/pbox1.gif); }
.pbox1 .top span.title { color: #043695; font: bold 13px/30px ""; margin-left: 15px; }
.pbox1 .top span.et1 { background: url(/Images/etitle.gif) right -8px no-repeat; padding-right: 100px; }
.pbox1 .top span.et2 { background: url(/Images/etitle.gif) right -42px no-repeat; padding-right: 150px; }
.pbox1 .content { border: solid 1px #B4CFE4; border-top: 0; border-bottom: 0; }
.pbox1 .bottom { height: 12px; background-position: 0 -30px; }

.pbox2 { width: 366px; }
.pbox2 .top, .pbox2 .bottom { height: 30px; background: url(/Images/pbox2.gif); }
.pbox2 .top span.title { color: #043695; font: bold 13px/30px ""; margin-left: 15px; }
.pbox2 .top span.et1 { background: url(/Images/etitle.gif) right -75px no-repeat; padding-right: 97px; }
.pbox2 .top span.et2 { background: url(/Images/etitle.gif) right -102px no-repeat; padding-right: 106px; }
.pbox2 .top span.et3 { background: url(/Images/etitle.gif) right -137px no-repeat; padding-right: 85px; }
.pbox2 .top span.et4 { background: url(/Images/etitle.gif) right -164px no-repeat; padding-right: 35px; }
.pbox2 .content { border: solid 1px #B4CFE4; border-top: 0; border-bottom: 0; }
.pbox2 .bottom { height: 12px; background-position: 0 -30px; }

.top .more { float: right; }

table.tb1 { border-collapse: collapse; }
table.tb1 td { padding: 0; padding-top: 8px; }
table.tb1 td.right { padding-left: 10px; }

.box3 { width: 216px; }
.box3 .top, .box3 .bottom { height: 30px; background: url(/Images/box3.gif); }
.box3 .top .title { margin-left: 15px; font: bold 14px/30px ""; color: #2974C7; }
.box3 .content { border: solid 2px #D7DBE4; border-bottom: 0; border-top: 0; }
.box3 .bottom { height: 12px; background-position: 0 -30px; }

table.tbbrand { width: 100%; border-collapse: collapse; margin-top: 8px; }
table.tbbrand td { height: 140px; background: url(/Images/brand.gif); }
table.tbbrand td.left { width: 36px; background-position: 0 -142px; }
table.tbbrand td.right { width: 12px; background-position: -36px -142px; background-repeat: no-repeat; overflow: hidden; }

table.lsbrand { width: 100%; border-collapse: collapse; }
table.lsbrand td { background: #fff; height: 120px; }
table.lsbrand td.al { width: 20px; background: url(/Images/arrow.gif); }
table.lsbrand td.ar { width: 20px; background: url(/Images/arrow.gif) right; }


/**/
.imglist { margin-left: 8px; }
.imglist .title { height: 21px; background: url(/Images/titles.gif); font: bold 13px/21px ""; color: #009EA1; padding-left: 20px; }
.imglist .list { border: solid 1px #bbb; margin-top: 10px; padding: 8px 10px; }

ul.links { list-style-type: none; margin: 8px 0 0 6px; background: url(/Images/marks.gif) no-repeat 0 3px; }
ul.links li { height: 30px; padding-left: 24px; font: bold 13px/30px "Arial"; }
ul.links a:link, ul.links a:visited { color: #029C9C; }

ul.linkinfo { list-style-type: none; margin: 0; color: #009B9D; }


/*Information*/
.ibox1 { }
.ibox1 .top, .ibox1 .caption { height: 48px; background: url(/Images/titles.gif) 0 bottom; }
.ibox1 .caption { background-position: 0 -165px; background-repeat: no-repeat; width: 205px; }
.ibox1 .fr { margin-right: 10px; margin-top: 20px; }
ibox1 .content { padding: 6px 8px; }


table.list { width: 100%; border-collapse: collapse; }
table.list td { padding: 3px 0; }
table.list td.caption { padding-left: 10px; background: url(/Images/list1.gif) 3px center no-repeat; padding-left: 14px; }
table.list td.date { text-align: right; padding-right: 10px; width: 120px; }

strong.NewsTitle { font: bold 18px/36px ""; }

/**Product**/
div.probox { width: 743px; }
div.probox .title { background: url(/Images/pbox3.gif); height: 29px; padding-left: 20px; font: bold 14px/29px ""; }
div.probox .content { border: solid 1px #BFBFBF; padding: 8px 15px; }
div.probox .content p { text-indent: 26px; font: normal 13px/20px ""; }
div.probox table { border-collapse: collapse; line-height: 120%; }
div.probox td { vertical-align: middle; }
div.probox .text { border: solid 1px #AFAFAF; padding: 2px; margin-top: 1px; }
div.probox .button { width: 56px; height: 23px; background: url(/Images/search2.gif); cursor: pointer; border: 0; }

table.catalog { width: 100%; }
table.catalog td { padding: 3px 24px; }
table.catalog td.fn { background: url(/Images/catamark.gif) no-repeat 5px center; font: bold 13px/24px ""; }
table.catalog td.sn { line-height: 200%; }
table.catalog td.sn span { margin-right: 16px; display: inline-block; }

/**Login**/
.loginbox { border: solid 1px #2566CC; border-left: 3px; border-top: 0; }
.loginbox .title { background: #BFE2FE url(/Images/titlebg.gif) right no-repeat; height: 30px; font: bold 16px/30px ""; padding-left: 20px; color: #0075BD; }
.loginbox table.layout { width: 90%; }
.loginbox table.layout td { vertical-align: top; padding: 4px 0; }
.loginbox div.box { border: solid 1px #CCC; padding: 1px; }
.loginbox div.box div.top { background: #EEEEEC; height: 27px; font: bold 14px/27px ""; padding-left: 10px; }

/*inquiry*/
div.inquirybox { }
div.inquirybox .header { text-align: center; height: 30px; font: bold 16px/30px ""; }
div.inquirybox .content, div.inquirybox .content2 { background: url(/Images/inquiry.jpg); width: 742px; height: 190px; padding-top: 12px; }
div.inquirybox .content2 { background-position: 0 -202px; height: 118px; }
div.inquirybox .content2 p.desc { padding: 12px 20px; font: normal 14px/24px ""; text-indent: 28px; margin-bottom: 0; }

table.edittalbe { width: 98%; }
table.edittalbe td { vertical-align: top; padding: 4px 2px; }
table.edittalbe td.key { text-align: right; }
table.edittalbe .text { border: solid 1px #565656; padding: 2px; width: 200px; }
.submit { width: 75px; height: 31px; background: url(/Images/submit.gif); cursor: pointer; border: 0; }

a.download { display: block; background: url(/Images/download.gif) no-repeat right; padding-right: 20px; width: 75px; height: 20px; font: bold 14px/20px ""; margin-left: 20px; }
a.download:link, a.download:visited { color: Red; }
a.download:hover { color: #FFA14E; }

div.item { border-top: solid 4px #FF9900; padding: 6px; }

/*Brand*/
table.brand { width: 98%; }
table.brand .fl { margin: 0 12px 8px 0; }
table.brand td { border-bottom: solid 1px #ccc; }
table.brand div.desc { font-size: 12px; line-height: 16px; }
table.brand .fr a { margin-right: 10px; font-weight: bold; }

/*About*/
.about { padding: 8px 0; border-bottom: solid 1px #eee; margin: 6px 10px; }
.about a { background: url(/Images/amark.gif) no-repeat 3px center; padding-left: 15px; margin: 0 6px; }
.aboutinfo { padding: 8px 20px; }
.aboutinfo h3 { font: bold 14px/24px ""; margin: 0; }
.aboutinfo p { text-indent: 26px; }

/*Contact*/
.cbox1 { width: 737px; }
.cbox1 .top, .cbox1 .bottom { height: 54px; background: url(/Images/cbox.gif); }
.cbox1 .top a { margin-left: 50px; font: normal 13px/54px ""; }
.cbox1 .content { margin: 0 1px; border: solid 1px #E1E1E1; border-bottom: 0; border-top: 0; padding: 10px 16px; }
.cbox1 .content h2 { background: url(/Images/tmark.gif) 4px center no-repeat; margin: 0; font: bold 14px/30px ""; border-bottom: dashed 1px #ccc; padding-left: 27px; margin-top: 8px; }
.cbox1 .content table, .cbox1 .content img, .cbox1 .content div, .cbox1 .content p { margin-left: 10px; }
.cbox1 .content img { margin-top: 8px; }
.cbox1 .bottom { height: 16px; background-position: 0 -54px; }

/*HR*/
table.tbhr { width: 100%; border-collapse: collapse; margin-top: 9px; table-layout: fixed; }
table.tbhr th { background: #f6f6f6; padding: 3px 12px; text-align: left; }
table.tbhr td { padding: 6px 0; }
table.tbhr td.key { width: 10%; text-align: center; font-weight: bold; }
table.tbhr .view
{
    text-align: right;
}
table.tbhr .desc
{
    display: none;
}

/**/
.helpinfo { }
.helpinfo .menu h2 { margin: 0; margin-top: 6px; background: url(/Images/catamark.gif) no-repeat 3px center; padding-left: 20px; font: bold 14px/24px ""; }
.helpinfo .menu a { margin-left: 20px; line-height: 30px; }
.helpinfo .welcome { background: url(/Images/inquiry.jpg) 0 -202px; width: 700px; height: 100px; padding: 0 21px; padding-top: 30px; font-size: 12px; }
.helpinfo .welcome p { padding-left: 12px; margin-top: 10px; }
.helpinfo .content { padding: 12px 10px; }
.helpinfo .content h2 { margin: 4px 0; background: url(/Images/amark.gif) no-repeat 3px center; padding-left: 16px; font: bold 13px/27px ""; color: blue; }
.helpinfo .content p { margin: 0; text-indent: 26px; }
.gotop { display: block; font: bold 14px/30px "Arial"; text-align: right; padding-right: 20px; border-bottom: solid 1px #ccc; margin-bottom: 12px; }


/*ProductNews*/
.rbox { border: solid 1px #ccc; border-top: 0; }
.rbox .title { height: 28px; background: #009A9A; padding-left: 12px; font: bold 14px/28px ""; color: #fff; }
.rbox .content { padding: 6px 8px; font-size: 12px; line-height: 16px; }
.rbox .content .fl { width: 56px; padding: 1px; margin-right: 8px; border: solid 1px #ccc; }
.rbox .content .caption { font: bold 13px/18px ""; }

.pnbox { }
.pnbox .title, .pnbox .top div { background: url(/Images/pnbox.gif); height: 36px; }
.pnbox .top { height: 22px; }
.pnbox .top div.ttl, .pnbox .top div.ttr { height: 18px; font: bolder 14px/18px ""; background-position: 0 -36px; float: left; padding-left: 15px; padding-top: 4px; color: #fff; }
.pnbox .top div.ttr { background-position: right -58px; }
.pnbox .title { font: bolder 16px/36px ""; padding-left: 15px; color: #009A96; }
.pnbox .content { padding: 4px 8px; }
.pnbox .title .fr { margin-right: 10px; font-size: 12px; }
.pnbox .title .fr a:link { color: #009A96; text-decoration: underline; }

/*CustomerCenter*/
.menubox { width: 216px; }
.menubox .top { height: 21px; background: url(/Images/serviceinfo.gif) 0 -39px; font: bold 13px/21px ""; padding-left: 12px; }
.menubox .content { background: #E2F1F8; border: solid 1px #2667CB; border-top: 0; padding: 12px 9px; }
.menubox .content a.a1, .menubox .content a.a2 { background: url(/Images/amark2.gif) no-repeat 3px center; display: block; font: normal 13px/27px ""; padding-left: 14px; border-bottom: dashed 1px #575996; }
.menubox .content div { background: #fff; }
.menubox .content a.a2 { background: url(/Images/amark.gif) no-repeat 3px center; font: normal 13px/24px ""; border: 0; margin-left: 16px; }

.ctitle { height: 36px; background: url(/Images/ctitle.gif); padding-left: 15px; font: bold 14px/36px ""; }

table.tblist { width: 100%; border-collapse: collapse; }
table.tblist th { background: #eee; height: 27px; }
table.tblist td.empty { height: 30px; background: #f9f9f9; vertical-align: middle; padding-left: 10px; }


div.editertitle
{
    background-color: #E2F1F8; line-height: 30px; color: #1D1A51; font-size: 14px; font-weight: bold; padding-left: 16px;
    margin: 4px 10px;
}
table.tbediter
{
    margin-left: 30px;
}
table.tbediter td 
{
    vertical-align: top; padding: 3px 1px;
}
table.tbediter td.key
{
    width: 80px; text-align: right;
}

/*分页控件*/
.pagelister { text-align: center; padding-top: 10px; padding-bottom: 15px; }
.pagelister a { margin: 0px 4px; }
.navigationCssClass { color: red; }
.currentNavigationCssClass { color: #ccc; }
.disableNavigationCssClass { color: #ccc; }
.pagenum { color: Red; font-weight: bolder; }

/* Register */
.firstTD { width: 30px; }

.regTrCss { width: 35%; height: 35px; font-weight: bold; font-size: 12px; text-align: left; vertical-align: top; }

.regDiv_in_td { vertical-align: top; text-align: center; }

.reg_td { height: 25px; text-align: left; }
/* 注册页面的提示信息样式 */
.DivRemindCss { width: 400px; line-height: 23px; border: none; border-left: 3px solid #cccccc; text-align: left; background-color: #efefef; padding: 0px 5px; }

.DivClickCss { width: 400px; line-height: 23px; border: none; border-left: 3px solid #FFCD07; text-align: left; background-color: #FFFEDB; padding: 0px 5px; }

.DivWrongkCss { color: #F54100; width: 400px; line-height: 23px; border: none; border-left: 3px solid #F54100; text-align: left; background-color: #FFF1EB; padding: 0px 5px; }

.DivRightkCss { color: #00AE14; width: 400px; line-height: 23px; border: none; border-left: 3px solid #00AE14; text-align: left; background-color: #EFFEF1; padding: 0px 5px; }
/* End */

/* Register Step */
.RegisterInfoTitle { background-color: #E2F1F8; text-align: left; height: 30px; line-height: 30px; color: #1D1A51; font-size: 14px; font-weight: bold; padding-left: 5px; }

.RegisterShowPersonalInfo { width: 15%; height: 30px; text-align: right; font-weight: bolder; background-color: #fcfcfc; }

.RegisterShowPersonalContent { text-align: left; padding-left: 10px; width: 35%; }

.RegisterStepTitle { height: 40px; line-height: 40px; padding-left: 45px; color: #FF6600; }

.currentStep { font-weight: bolder; }

.Register_Successful_td { text-align: center; height: 200px; border: solid 1px #ccc; background-color: #fafafa; }
/* End Step */



.ig_56882a95_r0 { font-family: Arial Narrow; font-size: 8pt; background-color: #F0F0F0; border-color: #F0F0F0; border-style: Solid; border-width: 2px; width: 190px; }
.ig_56882a95_r1 { font-family: MS Sans Serif; font-size: 8pt; background-color: #F0F0F0; color: Black; border-color: #CCCCCC; border-style: Outset; border-width: 1px; cursor: Default; }
.ig_56882a95_r2 { font-size: 8pt; border-color: #F0F0F0; border-style: Solid; border-width: 1px; }
.ig_56882a95_r3 { font-size: 8pt; background-color: #DDDDDD; color: #333333; height: 24px; cursor: Default; }
.ig_56882a95_r5 { font-size: 8pt; font-weight: bold; height: 25px; margin: 1px 1px 1px 2px; cursor: Default; }
.ig_56882a95_r6 { border-color: #F0F0F0; border-style: Solid; border-width: 1px; height: 22px; margin: 1px 1px 1px 0px; }
.ig_56882a95_r8 { background-image: url(../images/ig_menuSep.gif); background-repeat: repeat-x; }
.ig_56882a95_r9 { background-color: #F3EAE7; color: #FF4E00; border-color: Gray; border-style: Solid; border-width: 1px; cursor: Default; }
.ig_56882a95_r12 { color: LightGrey; }


/*SiteMap*/
a.seclink { background: url(/Images/list1.gif) no-repeat 3px 2px; margin-right: 16px; padding-left: 15px; }

/*Declaration*/
div.declaration { width: 96%; margin: 6px auto; }
div.declaration h3 { border-bottom: solid 1px #989898; font: bold 16px/36px ""; text-align: center; color: #2869CF; }
div.declaration p { font-size: 14px; text-indent: 28px; line-height: 24px; }

/*产品详细*/
.detail { }
.detail .detailtitle { font-family: Arial, 新宋体, 宋体; font-size: 16px; font-weight: bold; }
.detail .detialproperty { font-size: 13px; font-weight: bold; text-align: right; padding-right: 16px; }
.detail hr.main { border-top: dashed 2px #dddddd; }
.detail hr { border-top: dashed 1px #dddddd; }


.vp-products { width: 700px; }
.vp-outline { }
.vp-outline .vp-omf, .vp-outline .vp-ocas { margin-left: 24px; }
.vp-product-item td { border-top: solid 1px #eaeaea; padding: 2px; }
.vp-spec { padding-left: 28px; }
.vp-specs { width: 100%; }
.vp-spec-item td { padding: 2px; background-color: #eeeeee; }
.vp-pack { padding-left: 16px; }
.vp-packs { width: 100%; }
.vp-pack-item td { border-top: solid 1px #eaeaea; border-bottom: solid 1px #eaeaea; padding: 2px; }
.vp-extend { display: block; width: 12px; height: 12px; float: left; background: url(/images/manage/classic.gif) no-repeat -142px 0; margin: 2px 8px; }
.vp-extend-loading { background: url(/images/manage/loading.gif) no-repeat 0 0; width: 16px; height: 16px; margin: 0px 6px; }
.vp-extend-loaded { width: 12px; height: 12px; background: url(/images/manage/classic.gif) no-repeat -130px 0; margin: 2px 8px; }

.brand-list {overflow: hidden; padding: 0px; width:880px; }
.brand-list table { padding: 0px; position: relative; margin: 0px; }
.brand-list table td { text-align: center; }
.brand-list td div { width: 210px; height: 95px; }