@charset "utf-8";
/* Styles create:10-11-18 Author:lz */
/* all */


body,h1{font:12px Tahoma;background-color:#fff;color:#333; padding:0; margin:0;}
ul,ol,dl{list-style-type:none; padding:0; margin:0;}
img{border:0;overflow:hidden;}
a{color:#333333;text-decoration:none;}
a:hover{color:#0b7dad;text-decoration:underline;}


#header{background:url("../images/top.jpg") repeat-x; height:40px; width:100%;}
#header .miniHead {height:40px;margin:0 auto;text-align:center;position: relative;width: 980px;z-index: 999;}
#header .wkuLogo {float:left;width: 175px;height:40px;margin:0 24px 0 0;}
#header .wkuLogo span {display:none;}
#header .utility {float:left;line-height:40px;vertical-align:middle;}
#header form{float:right;margin:0;padding:5px 0;}


.imgSearchBar {background:url("../images/top_search_bar.gif") repeat-x scroll 0 -60px #FFFFFF;height:30px;overflow: hidden;width:416px;}
.clearfix {display: inline-table;}
.imgSearchBar .barLeft {background: url("../images/top_search_bar.gif") no-repeat scroll 0 0 transparent;float:left;height:30px;width:6px;}
.imgSearchBar .query-input {background-color:transparent;border:medium none;color:#ABABAB;float:left;margin-top:4px;padding:3px; width:302px;}
.imgSearchBar .imageButtonA {background:url("../images/button_skin_d.gif") no-repeat scroll 0 0 transparent; border:medium none;float:left;font-weight:bold;height:24px; margin-top:3px;padding:1px 4px;width:99px;}
.imgSearchBar .barRight {background: url("../images/top_search_bar.gif") no-repeat scroll 0 -120px transparent;float: left;height: 30px;width: 3px;}

#container{width:950px; margin:0 auto; text-align:center; padding:0; overflow:hidden;}
.memberHead{float:left;clear:both;height:90px;width:950px;}
.memberHead .logo{float:left;height:90px;}
.memberHead .logo span{display:table-cell;height:90px; font-size:76px; vertical-align: middle; padding-left:20px; }
.memberHead .logo span img{vertical-align: middle;}
.memberHead .company_name{float:left; height:90px;}
.memberHead .company_name h1{text-align:left; font-size:24px;font-weight:bold; padding-left:20px; padding-top:28px;}
.memberHead .company_name h1 span {
    font-size:14px;color:#515177;margin-left:24px;
}
.bg{float:left;clear:both;background-color:#39373a; height:9px; width:950px; overflow:hidden;}
.bg1{float:left;clear:both;background-color:#f1eff0; height:1px; width:950px; overflow:hidden;}
.banner{float:left; clear:both; width:950px; padding:0;}
    .banner img {
        max-width : 950px;
        max-height : 275px;
    }
.main{ float:left; clear:both;width:948px; overflow:hidden; border:1px solid #ececec; margin-bottom:20px;}

.nav{float:left; clear:both; width:948px; height:44px; overflow:hidden; background:url(../images/nav1.gif) repeat-x;}
.nav li{float:left; width:158px; line-height:44px; vertical-align:middle; font-size:14px; font-weight:bold; text-align:center;}
.nav .current a:link, .nav .current a:visited {background: url("../images/nav2.jpg") no-repeat scroll 0 0 #4B76B2;color: #ffffff !important;display: block;float: left;height:44px;margin: 0;text-align:center;text-decoration: none;width:158px;}
.nav li a:link, .nav li a:visited {background: url("../images/nav1.jpg") no-repeat scroll 0 0 transparent;color: #333333 !important;display: block;float: left;height:44px;margin: 0;text-align:center;width:158px;}
.nav li a:hover {background: url("../images/nav2.jpg") no-repeat scroll 0 0 transparent; width:158px; height:44px;color: #ffffff !important; text-decoration:none;}

.bgimg img{float:left; clear:both;}
.maincontent{margin:0 auto; text-align:center; width:880px; clear:both; overflow:hidden;}
.mainleft{float:left; min-width:641px;_width:641px;width:641px; border-right:1px dashed #d3d3d3;}


.about{float:left; clear:both; width:641px; overflow:hidden;border-bottom:1px dashed #d3d3d3; display:inline;}
.about_title{float:left;text-align:center; line-height:30px; vertical-align:middle; width:641px;border-bottom:1px dashed #d3d3d3;}
.about_title h2{float:left; padding:0; margin:0; font-size:14px;}
.about_title span{float:left;padding-left:385px; color:#0b7dad;}
.about_title span a{color:#0b7dad;}
.abouts{float:left; width:628px;}
.abouts .corpText{float:left; text-align:left; line-height:20px;padding-top:10px;}
.abouts .corpPhoto{float:left;text-align:left; padding-top:18px; padding-left:10px; width:210px; padding-bottom:10px;}

.about_box {padding:5px 10px;text-align:left;line-height:20px;}
.about_box p{margin-bottom:10px;}
.corpShow{float:right;margin-left:10px;margin-top:5px;text-align:center;width:247px;  position:relative;}
.contactWay {margin: 0 auto;padding-top:10px;width: 247px; clear:both;}
.clearfix {display: inline-table;}


.basic{float:left; clear:both; width:641px; padding:20px 0;}
.basic_title{float:left; clear:both; width:641px; height:30px; background:#f3f3f3;}
.basic_title h3{float:left; padding-left:10px; padding-top:8px; margin:0; font-size:14px;}
.pilconC1 ul{list-style:none; padding:0; margin:0 10px; clear:both;border-bottom:1px solid #cccccc; overflow:hidden; width:620px;}
.pilconC1 ul li{float:left; line-height:26px; text-align:left; padding-left:10px; vertical-align:middle;}
.pilconC1 ul li label{float:left; width:230px; text-align:left;}
.pilconC1 ul .test{float:left; text-align:left;width:300px; word-break:break-all;}
.person{float:left; border:1px solid #c0cbd9; padding:3px; width:120px; height:124px; margin-bottom:10px;}
.person_ms{ float:left; font-weight:bold; padding-top:50px; padding-left:15px;}


.product{float:left; clear:both; padding:10px 0;}
.products{float:left; clear:both; background:url("../images/product.jpg") no-repeat; width:641px; height:30px;}
.products_title{line-height: 30px;
    padding-left: 15px;
    text-align: center;
    vertical-align: middle;}
.products_title h2{float:left; padding:0; margin:0; font-size:14px;}
.products_title span{color: #0B7DAD;
    float: right;}
.products_title span a{color:#0b7dad;}
.showType{float:right;text-align:left; padding-right:10px; padding-top:5px;} 
.showType a{float:left;text-align:left;} 
.showType span.viewGallery { float:left;background:url("../images/display_type_gallery_current.gif") no-repeat scroll 2px 50% transparent;margin-right:10px;padding:2px 0 2px 20px;}
.showType .viewGallery {background: url("../images/display_type_gallery_none.gif") no-repeat scroll 2px 50% transparent;margin-right:10px;padding:2px 0 2px 20px;}
.showType span.viewList { float:left;background: url("../images/display_type_list_current.gif") no-repeat scroll 2px 50% transparent;margin-right: 10px;padding: 2px 0 2px 20px;}
.showType .viewList {background: url("../images/display_type_list_none.gif") no-repeat scroll 2px 50% transparent;margin-right: 10px;padding: 2px 0 2px 20px;}
.showType select {font:12px verdana;}
.showType .viewGallery1{ float:left; cursor:pointer ; background : url("../images/display_type_gallery_none.gif") no-repeat scroll 2px 50% transparent;margin-right:10px;padding:2px 0 2px 20px;}


.itemBox{clear:both; margin:0 auto; text-align:center; width:626px; padding-top:10px; border-bottom:1px solid #d4d4d4; overflow:hidden; padding-bottom:10px;}
.box{float:left;}
.box1{float:left; border:1px solid #d4d4d4; width:122px; height:122px;text-align:center;}
.box1 span{display:table-cell;width:122px;height:122px;font-size:100px;vertical-align:middle; }
.box1 span img{vertical-align:middle;}
.box2{float:left; width:400px; text-align:left; padding-left:5px;}
.box2 h3{font-size:12px;font-weight:bold;color:#0b7dad; line-height:20px; margin:0;}
.box2 h3 a{color:#0b7dad; text-decoration:underline;}
.box2 h3 a:hover{color:#353535; text-decoration:underline;}
.box2 p{ line-height:18px;}
.box2 p a{ color:#f60;}.box2 p a:hover{ text-decoration:underline; color:#333;}
.box2 table td.partno a{color:#0b7dad; text-decoration:underline; font-weight:bold;}
.box3{float:left;text-align:left; padding-left:10px;}
.box3 li{ float:left; clear:both; color:#787777;}

table.ictitle{border-bottom:dotted #CCCCCC 1px; padding-bottom:5px;}
table.ictitle td{text-align:left; font-weight:bold;}

.listBatch.B {float:left; clear:both;margin-top: 10px;border: 1px solid #CFCFCF; width:630px;}
.listBatch {background: none repeat scroll 0 0 #EEEEEE;color: #455B80;height: 35px;margin-bottom: 10px;}
.listBatch {position: relative;}
.listBatch.B .select { float:left;background: url("../images/listBatch_B.gif") no-repeat scroll 14px 7px transparent;}
.listBatch .select {padding: 5px 0 3px 35px;}
.listBatch a.buttonContactNow, .itemBox a.buttonContactNow { background: url("../images/bnu.jpg") no-repeat scroll 0 0 transparent;float: none;height: 21px;margin: 0 5px;text-decoration: none !important;width: 126px;}
.listBatch .buttonContactNow {left: 110px;position: absolute;top: 7px;}
.listBatch a {color: #455B80;}
.buttonContactNow {background: url("../images/bnu.jpg") no-repeat scroll 0 0 transparent;display: block;float: left;height: 21px;margin: 0 10px 10px;width: 126px;}


.product_show{float:left; clear:both; padding:10px 0;width:641px;}
.itemBox1{float:left;width:210px;padding-top:10px; padding-bottom:20px; padding-left:3px; height:360px; overflow:visible;}
.box_1{float:left;border:1px solid #d4d4d4; width:160px; height:140px;text-align:center;}
.box_1 span{display:table-cell;width:160px;height:140px;font-size:116px;vertical-align:middle; }
.box_1 span img{vertical-align:middle;}
.box_2{float:left; clear:both; width:186px; text-align:left;word-break:break-all; padding-left:18px;}
.box_2 h3{font-size:12px;font-weight:bold;color:#0b7dad; padding:5px 0; margin:0;}
.box_2 h3 a{color:#0b7dad; text-decoration:underline;}
.box_2 h3 a:hover{color:#353535; text-decoration:underline;}
.box_2 p{line-height:18px; padding:0; margin:0;}
.box_3{float:left; clear:both;text-align:left;padding-left:18px;}
.box_3 li{ float:left; padding:0; margin:0; line-height:20px; clear:both; color:#787777;}




.message{float:left; clear:both; margin-top:10px; margin-bottom:30px; background:#f6f6f6;width:641px;}
.message h2{float:left;font-size:14px;padding-left:10px;}
.messagecontent{ float:left; width:600px; padding-bottom:20px; padding-top:8px;}
.suppliers{ float:left; width:152px; padding-left:20px;}
.suppliers li{ clear:both; margin:0 auto; text-align:center; line-height:24px;}
.suppliers .img{ border:1px solid #bdbdbd; padding:1px; width:90px; height:120px; }
.suppliers .ms{font-weight:bold;}
.suppliers .store a{color:#0b7dad; text-decoration:underline;}
.suppliers .store a:hover{color:#353535; text-decoration:underline;}
.required{float:left; padding-left:20px;}
.required li{float:left; text-align:left; clear:both; line-height:30px; width:380px;}
.red{color:#F00;}

.mainright{float:left; padding-left:14px; width:223px;}
.mainright .search{float:left; clear:both; width:221px; height:83px; border:1px solid #d1d1d1;background:#f2f2f2;}
.mainright .searchbg{background:url("../images/search.jpg") no-repeat; width:214px; height:73px; vertical-align:middle; margin-top:5px; margin-left:4px;}
.mainright .searchbg li{ float:left; margin-top:18px; margin-left:10px; display:inline;}
.input{border:1px solid #bacad6; height:20px;}

.list{float:left; clear:both; width:223px; padding-top:10px;}
.list_title{float:left; clear:both; background:url(../images/index2.jpg) no-repeat; width:223px; height:44px;}
.list_title span{color:#ffffff; font-weight:bold; font-size:14px; text-align:left; float:left; line-height:44px; vertical-align:middle; padding-left:37px;}
.list_text{float:left;border:1px solid #d1d1d1;background:#f2f2f2;width:221px; padding-bottom:15px;}
.list_text li{float:left;width:210px; text-align:left;  border-bottom:1px solid #d0d0d0; vertical-align:middle; line-height:26px; margin-bottom:5px; overflow:hidden; margin-left:5px; height:26px; white-space:normal;text-indent:0.3em;}
.list_text li.more{ text-align:right; border:0;}
.list_text .on{ font-weight:bold;}
.ty{float:left; clear:both;}


.contact{float:left;border:1px solid #d1d1d1;background:#f2f2f2;width:221px; padding-bottom:15px;}
.contact li{float:left;width:210px; text-align:left;   vertical-align:middle; line-height:20px; margin:5px 0;text-indent:0.3em;}
.contact li label{ font-weight:bold;}

.page1{margin:4px 10px; text-align:left; clear:both; overflow:hidden;width:620px; }
.page1 a{text-decoration:none; display:inline-block; padding:2px 4px; margin:2px; border:1px solid #BBB;}
.page1 a:hover{background:#0b7dad; color:#FFF; border:1px solid #0b7dad;}
a.on{color:#FFF; background:#696969; border:1px solid #696969;}

.footer{float:left; clear:both; width:950px; padding-bottom:10px;}
.footer li{line-height:20px; text-align:center; clear:both;color:#666666;}
.footer li a{color:#666666; text-decoration:underline;}
.footer li a:hover{color:#000000; text-decoration:underline;}

.bgimg {float:left; width:948px;text-align:left;background:url(../images/index1.jpg) no-repeat;height:21px; line-height:30px; vertical-align:middle; padding-bottom:20px; padding-left:32px;}


#banner {position:relative; width:247px; height:188px; border:1px solid #666; overflow:hidden; clear:both;}
#banner_list img {border:0px;}
  

#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
            margin:0; padding:0; bottom:3px; right:5px;}
#banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background-color:#6f4f67;cursor:pointer}
#banner_list a{position:absolute;} 

/* ѯ�� */
.batInquiry{ display:none; position:absolute; width:250px; height:45px; border:1px solid #ff5500; background:#fff5e1; top:-63px; left:0px; padding:5px 5px 5px 10px; z-index:2;}
.batInquiry ul li{ display:block; float:left;}
.batInquiry .con { width:105px; font-weight:bold; line-height:19px;}
.batInquiry p{ line-height:22px; margin:0;}
.batInquiry strong{ color:red; padding:0 2px;}
.batInquiry b { width:13px; height:13px; margin-right:2px; display:inline-block; margin-top:3px; background:url(./images/angle.png) no-repeat left -104px;}
.batInquiry .close{ display:block; position:absolute; left:240px; top:3px; margin-left:10px; width:11px; height:11px; background:url(/images/angle.png) no-repeat left -69px;}
.batInquiry a.close:hover{ background:url(/images/angle.png) no-repeat left -84px;}
.batInquiry .butContNow{ vertical-align:top;display:inline-block;width:100px; height:18px; background:url(/images/bg/contack.png) no-repeat left -142px;}
.batInquiry span{ padding:0 5px; vertical-align:top;}
.batInquiry .contrast{ text-decoration:none; vertical-align:top; display:inline-block; width:87px; text-decoration:none; height:18px; color:#5e0a08; text-align:center; font:bold 11px/18px Verdana, Geneva, sans-serif; background:url(/images/bg/contack.png) no-repeat left -289px;}
.batInquiry em{ position:absolute; left:12px; top:55px; height:10px; width:10px; display:block; background:url(/images/angle.png) no-repeat left top;}

#show { width:740px; height:550px; display:none;  position:absolute; border:3px solid #008eca; background:#f8fbff; z-index:11; zoom:1; overflow:hidden;}
#iqBgbox, .style1 { position:absolute; left:0; top:0; background:#000; filter:alpha(opacity=30); opacity:0.3; z-index:10; border:0px; }
.undis { display:none; }
.dis { display:block; }
#iqMsgbox{display:none; position:absolute; z-index:999;width:180px; height:40px; padding:10px; border:1px solid #FCC4C7;opacity:0.8;background:#FDF0F7;color:#D60107;font:12px/1.5 Tahoma, arial, ����;}
#iqShowImg{display:none; position:absolute; z-index:998; left:500px; height:500px;}


/* certificateBox style */
.certificateBox{ margin-top:0px;}
.certificateBox ul{ width:100%;}
.certificateBox ul li{ display:inline; width:210px; float:left; margin: 15px 35px 0px 37px; text-align:center; line-height:20px;}
.certificateBox ul li span{ display:table-cell; *display:block; width:208px; height:215px; vertical-align:middle; *font-size:178px;  border:1px solid #ccc;}
.certificateBox ul li span img{ vertical-align:middle;}