@charset "utf-8";
@import url("base.css");
@import url("topbar.css");
@import url("menu.css");
/* CSS Document */
html,ol,dl,dt,dd,form,h1,h2,h3,h4,h5,img,input{padding:0;margin:0;}
body{margin:0; color:#7f7f7f; line-height:120%; font-size:11px; background: url(../images/sbi_09.gif); font-family:Arial, Helvetica, sans-serif;}/*1em=12px,1.25em=14px,1.5em=18px*/
a{color:#494949;text-decoration:none;}
a:hover{color:#494949; text-decoration:underline;}
a img{border:none;}
input{vertical-align:middle;}
.clearboth{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}
.fleft{float:left;}
.fright{float:right;}
.red{ color:#F30400;}
.red a{ color:#F30400;}
.blue{ color:#006DFE;}
.blue a{ color:#006DFE;}
.underline{word-break:keep-all; overflow:hidden; text-overflow : ellipsis ; white-space:nowrap;}
input,textarea,select{color:#4b4b4b; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
h1{ font-size:14px; line-height:30px;}
h2{ font-size:12px; line-height:24px;}
h3{ font-size:11px; line-height:20px;}
.f16px{ font-size:16px; font-weight:bold;}

#body{background:url(../images/bg1.jpg) repeat-x;}
#body .bg{background:#fff url(../images/bg3.gif) repeat-y center;width:854px;margin:0 auto;}
#body .ccenter{background:url(../images/bg2.gif) no-repeat center top; width:826px; padding:0 14px;}

#button{background:url(../images/sbi1_r2_c2.jpg) repeat-x;}
.button{margin:0 auto; width:854px; overflow:hidden;}
.button .bcenter{ width:814px; float:left; height:55px; background:url(../images/sbi1_r2_c9.jpg) repeat-x; float:left;}

/*Header*/
#header{ width:826px; background:url(../images/sbi1_r1_c9.jpg) repeat-x; height:76px;}
#header .logo{ float:left; padding-left:11px;}
#header .logs{ background:url(../images/logs.jpg) no-repeat; width:458px; height:76px; float:right; padding:0; margin:0; list-style:none; text-align:right;}
#header .logs .language{ padding-top:27px;padding-right:8px;}
#header .logs img{ margin-right:5px;}
#header .logs .tel{ padding:3px 13px 2px 0;}
#header .logs .tel .t1{ font-size:12px; color:#595959;}
#header .logs .tel .t2{ font-size:18px; color:#2E2E2E;}

/*Menu*/
#menu{ width:826px; height:22px; background:url(../images/menu.jpg) repeat-x;}
#menu ul{ padding:0; margin:0; list-style:none; float:left;}
#menu ul li{ float:left;}
/*
#menu ul li a{ color:#fff; font-size:12px; display:block; line-height:22px; padding:0 12px;}
#menu ul li a:hover{ text-decoration:none; background-color:#f63432;}
*/
#menu .search{float:right; width:200px; padding-top:3px;}
#menu .search input.psearch{width:130px; height:13px; float:left; margin-right:5px; background:url(../images/search.jpg) repeat-x; border:1px solid #C5C5C5;}
#menu .searchs{float:right; width:100px; padding-top:5px;}
#menu .searchs a{ color:#fff; text-decoration:underline;}
#menu .searchs a:hover{ color:#fff;}

/*Main*/
#main{ width:826px; overflow:hidden; background:url(../images/s2.jpg) repeat-x top;}
#main .mleft{ width:185px; float:left; background:url(../images/s1.jpg) repeat-x; background-color:#E7E7E7; padding-top:12px; padding-bottom:30000px;margin-bottom:-30000px;}
#main .mleft .leftnav {padding-bottom:15px; float:left; width:185px;}
#main .mleft .leftnav dt{float:left;padding:5px 16px 5px 19px; width:150px;background:url(../images/sb2.jpg) repeat-y;}
#main .mleft .leftnav dd{ width:185px; float:left;}
#main .mleft .leftnav dd img{float:left;}
#main .mleft p.ptitle{ margin:0; width:150px; float:left; font-size:18px; line-height:22px; color:#6A6A6A; border-bottom:1px dotted #CACACA; margin-bottom:5px;}
/*
#main .mleft .leftnav dt.navlist a{color:#5b5b5b; display:block; line-height:22px; padding-top:3px; width:150px; float:left;}
#main .mleft .leftnav dt.navlist a:hover{background:url(../images/bt1.jpg) no-repeat 0 10px; padding-left:13px; color:#FD7102; text-decoration:none;}
*/
#main .mleft .leftnav .dload{ display:block; padding-top:5px; float:left; width:156px;}
#main .mleft .leftnav .dloads{ display:block; padding-top:5px; float:left; width:156px;}
#main .mleft .leftnav .dloads img{ padding-right:3px;}

#main .mcenter{ width:448px; float:left; padding:0 8px 0 11px; overflow:hidden;padding-bottom:30000px;margin-bottom:-30000px;}
#main .mcenter .cabout{ width:428px; padding:10px 0; padding-left:5px; float:left;}
#main .mcenter .cabout .ca1{ font-size:24px; color:#ff7200; font-family:"Times New Roman", Times, serif; line-height:30px;}
#main .mcenter .hotpro{width:438px; padding:5px 0; padding-left:5px; float:left;}
#main .mcenter .hotpro .hotimg{float:left; width:293px; text-align:center; height:180px; overflow:hidden;}
#main .mcenter .hotpro .hotinfo{ float:left; padding-top:30px; padding-left:7px; width:125px;}
#main .mcenter .hotpro .page{ padding:5px 0; width:125px; float:left;}
#main .mcenter .hotpro .page a{ display:block; float:left; line-height:14px; padding:0 6px; border:1px solid #A4A4A4; margin-right:4px;}
#main .mcenter .hotpro .page a:hover{background-color:#C8C8C8; text-decoration:none; color:#FEFEFE;}
#main .mcenter .hotpro .page .a1{ background-color:#fff; border:1px solid #A4A4A4;}
#main .mcenter .hotpro .page .a2{background-color:#C8C8C8; text-decoration:none; color:#FEFEFE;}
#main .mcenter .hotpro .proname{ width:125px; float:left;}
#main .mcenter .hotpro .proname div{ display:block; word-break:break-all;}
#main .mcenter .hotpro .quote{ padding:5px 0; width:125px; float:left;}
#main .mcenter .hotpro .quote a{ display:block; background:url(../images/bt1.jpg) no-repeat 0 6px; padding-left:13px; color:#0086FF; line-height:20px;}
#main .mcenter .lastnews{width:448px; padding:5px 0; float:left;}
#main .mcenter .lastnews dt{border-bottom:1px dotted #808080; padding-left:5px; font-size:14px; color:#393838; padding-bottom:5px; font-family:Tahoma;}
#main .mcenter .lastnews dd{ line-height:15px; padding-top:4px; color:#A6A6A6;}
#main .mcenter .lastnews dd a{ color:#818181;}
#main .mcenter .qualitys{width:448px; padding:5px 0; float:left;}
#main .mcenter .qualitys dt{border-bottom:1px dotted #808080; padding-left:5px; font-size:14px; color:#393838; padding-bottom:5px; font-family:Tahoma;}
#main .mcenter .quality{ width:434px; background:url(../images/yj.gif) no-repeat; height:76px; padding:10px 7px; margin-top:10px;}
#main .mcenter .quality .qimg{ padding-top:8px; width:200px; border-right:1px solid #D3D3D3; height:58px; float:left;}
#main .mcenter .quality .qhight{ float:left; width:227px; padding-left:6px; padding-top:8px;}
#main .mcenter .quality .qhight img{ padding-right:5px;}

#main .mright{ width:165px; float:left; overflow:hidden;padding-bottom:30000px;margin-bottom:-30000px;}
#main .application{ width:165px; padding-top:20px;}
#main .application dd img{ padding:5px 0;}
#main .application dt{padding-left:5px; font-size:14px; color:#646464; padding-bottom:5px; font-family:Tahoma;border-bottom:1px dotted #808080;}
#main .application .line{border-bottom:1px dotted #808080; padding-bottom:10px;}
#main .line{border-bottom:1px dotted #808080;color:#000;}
#main .linelinks{ width:162px;}
#main .linelinks img{ float:left;}

/*Footer*/
#footer{ width:826px; padding:5px 0;}
#footer .foot{ width:826px; background-color:#909090; color:#fff;}
#footer .foot a{color:#e7f1fa;}
#footer .link{text-align:left; padding:0 20px 10px 20px; color:#e7f1fa;}
#footer .copyright{text-align:center; padding:10px 20px;}

/*Products*/
#products{ width:826px; overflow:hidden; background:url(../images/s2.jpg) repeat-x top;}
#nav{ padding:13px 0 10px 5px; line-height:15px; height:15px; float:left; width:443px;}
.title{ padding-left:5px; width:443px; float:left}
.title h1{ padding:0; margin:0; font-size:20px; font-family:Tahoma; float:left;}
.title .back{ display:block; float:right; padding:10px 5px 0 0;}
.title .back a{background:url(../images/back.gif) no-repeat; width:43px; height:14px; display:block; text-decoration:none; padding:0px 0 2px 3px; font-family:"宋体"; font-size:10px;}
.prosinfo{width:428px; float:left; padding:15px; padding-left:5px; line-height:150%;}
.about{width:428px; float:left; padding:10px 0; line-height:150%;}
.proclass{width:448px; float:left; padding:5px 0; }
.proclass dt{padding-left:5px; font-size:14px; font-family:Tahoma; line-height:20px;}
.proclass dd.pclass{ width:428px; padding:5px;}
.proclass dd.pclass a{ display:block; float:left; width:200px; padding:3px 0; margin-right:10px; line-height:16px;color:#000;}
.proclass .request{ background:url(../images/bt1.jpg) no-repeat 0 6px; padding-left:15px; font-size:12px; padding-bottom:20px;}
.backtop{width:443px; float:left; padding:10px 5px 20px 0;}
.backtop span{ display:block; float:right;}
.backtop span a{background:url(../images/back.gif) no-repeat; width:43px; height:14px; display:block; text-decoration:none; padding:0px 0 2px 3px; font-family:"宋体"; font-size:10px;}
.ct{ padding:10px 0 0 2px; line-height:150%;}

.productlist{ width:800px; float:left;}
.productlist #nav{width:795px;}
.productlist .title{width:795px;}
.productlist .prosinfo{width:795px;}
.productlist .proclass{width:795px;}
.productlist .tablist{width:795px; float:left; padding-left:5px;}
.productlist .backtop{width:795px;}

.tablist a{ display:inline;}

.tb2 {border-collapse:collapse;}
.tb2 .titlelist{background:#eee;}
.tb2 td{padding:2px;border:1px solid #CCC;}

.tb3 {border-bottom:1px solid #CCC;  }
.tb3 .titlelist{background:#eee;padding:4px 6px;line-height:1.3em;text-align:center;}
.tb3 .titlelist1{background:#F8F7F7;}
.tb3 .titlelist a{ text-decoration:underline;color:#AC0000;}
.tb3 .titlelist a:hover{ text-decoration:none;}
.tb3 td,.tb3 th{padding:2px 6px;border:1px solid #CCC; border-bottom:0px;border-left:0px;text-align:left;border-collapse:collapse;}
.tb3 {border-left:1px solid #CCC;  }
.bg2{background:#BCCFE3;}
.left_tb{height:47px;height:38px\9;}

.sites{width:428px; float:left; line-height:150%;}
.sites .red{ line-height:20px; font-weight:bold;}
.sites .sitelist{width:428px;padding:10px 0px;}
.sites .sitelist img{ padding:5px 7px 0px 0;}
.sitelist .red{ color:#666;}

.site{padding:10px 0px;width:428px; clear:both;}
.site .box{display:block;border-bottom:1px #ccc dotted;padding:10px 0px;width:auto;clear:both;}
.site .box .img1{float:left;margin:0px 10px;}
.site .box .imgs{float:left;margin:0px 10px;text-align:center;width:110px;}
.site .box .title{font-weight:bold;}

.partners{}
.partners .sitelist{padding:10px 10px;border-bottom:1px #ccc dotted; float:left;}
.partners .sitelist a {border:1px #fff solid;float:left;width:128px;text-align:center;vertical-align:middle;}
.partners .sitelist a img{padding:5px;}
.qual{ list-style:none; padding:0; margin:0;}
.qual li{padding:10px 10px;border-bottom:1px #ccc dotted;height:148px;}
.qual li a{display: table-row;border:1px #fff solid;float:left;width:128px;height:128px;text-align:center;vertical-align:middle;}
.qual li a img{margin:4px;}
.quals{ width:428px; list-style:none; padding:0; margin:0; float:left;}
.quals li{ float:left; margin-right:15px; padding:10px 10px;}
.quals li a{}

.down{width:443px; float:left; padding:10px 0;}
.down .downlist{ padding-bottom:10px;}
.down dt{ background-color:#787878; color:#fff; line-height:18px; font-weight:bold; padding-left:3px;}
.down dd{ padding-top:5px;}
.down ul{ list-style:none; padding:0; margin:0;}
.down li{ background:url(../images/ico_pdf.gif) no-repeat left 0px; padding-left:20px; line-height:18px; margin-bottom:3px;}

/*Contact Us*/
.contact{ width:615px; float:left; padding:0 8px 0 11px; overflow:hidden;padding-bottom:30000px;margin-bottom:-30000px;}
.contact #nav{ width:610px;}
.contact .title{ width:610px;}
.contact .about{ width:610px;}
.contact .contactus{ width:555px; float:left; padding-left:20px;}
.contact .ct{ padding:0px 0 0 2px; line-height:150%;}
.message{ width:610px; float:left; padding-top:10px; border-top:1px dotted #808080;}

/*quote*/
.quote {}
.quote table{border-collapse:collapse}
.quote td{padding:1px 2px;border:solid 1px #ddd;}
.quote .t{ background:#eff0f1;padding-left:8px;line-height:14px;}
.quote .font10{font-size:10px;}
.quote .fontred{color:red;line-height:24px;}
.quote .input_small{height:10px;font-size:11px;line-height:10px;color:#a1a1a1;width:60px;padding-left:5px; font-family:Tahoma;color:#656565;}
.quote .input_small2{height:10px;font-size:11px;line-height:10px;color:#a1a1a1;width:50px;padding-left:5px; font-family:Tahoma;color:#656565;}
.quote .input_center{font-size:11px;line-height:10px;color:#a1a1a1;width:300px;padding-left:5px; font-family:Tahoma;color:#656565;border:solid 1px #c5c5c5;border-right:solid 1px #e7e9e8;border-bottom:solid 1px #e7e9e8}
.quote .input_big{width:99%;}
.quote a{text-decoration:underline;color:#F90;font-size:10px;}
.quote a:hover{text-decoration:none;}

/*contact style */
.contacts{line-height:18px;color:#444; float:left; width:610px;}
.contacts .imgs{float:right;border:1px #ccc solid;margin-left:20px;padding:1px;width:400px;height:280px;}
.contacts .imgs img{padding:0px;}
.contacts .title{border-bottom:3px #e6e6e6 solid;margin:10px 0px;padding-bottom:10px;}
.contact_box{border-collapse:collapse; float:left;}
.font_red{color:#ad3734;}
.contact_box td,.contact_box .t{padding:4px 10px;border:2px #fff solid;}
.contact_box .t{background:#FAFAFA;text-align:left;}
.contact_box input{border:1px solid #ccc; font-family:Tahoma;font-size:11px;}
.contact_box select{border:1px solid #ccc; font-family:Tahoma;font-size:11px;}
.contact_box .input4{height:14px;line-height:10px;color:#a1a1a1;width:200px;padding-left:5px; font-family:Tahoma;color:#656565;}
.contact_box .input3{height:78px;width:98%;padding:4px;border:1px solid #ccc;}
/*contact style end */

/*Industry Solutions*/
.industry{width:428px; float:left;}
.industry .ind_info{width:428px;padding:10px 5px;}
.industry .ind_lists{width:428px;padding:10px 5px;float:left; margin-bottom:10px;}
.industry .ind_lists .ind_img{padding:5px 16px 11px 5px; background:url(../images/ind_bg.gif) no-repeat; width:70px; height:70px; overflow:hidden;}
.industry .ind_lists .ind_imgs{padding:2px 16px 5px 5px;}
.ind_bg{ background-color:#e8e8e8; color: }
.topline{border-top:1px dotted #808080; padding-bottom:10px;}

.pages{padding:10px 0px;height:20px;border-top:1px #ccc dotted;}
.pages a,.pages span{float:left;display:block;padding:0px 6px;background:#999;margin-right:2px;color:#fff;font-size:10px;}
.pages a:hover,.pages a.on,.pages span{background:#e95e02;color:#fff;}