@charset "gb2312";

/* Date: 2011.09.21 */
html{overflow-y:scroll;} 
body {background:#fff; color:#333; font-family:"宋体",Arial,Helvetica,sans-serif; font-size:12px;}

body,ul,li,ol,img,p,form,h2,h3,h4,h5,dl,dt,dd,span,div{ margin:0px; padding:0px;}

img{ border:none;}ul,li{ list-style:none;}

h1,h2,h3,h4,h5{font-size:1em; font-size:14px;}i{ color:#f60; font-style:normal;}em{font-style:normal;}

.clearfix{zoom:1;display:block}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.fr{ float:right;}.fl{ float:left;}.ml10{ margin-left:10px;}.mr10{ margin-right:10px;}

.height10 { height:10px; clear:both; overflow:hidden;}.height5 { height:5px; clear:both; overflow:hidden;}.disNone { display:none;}.disInline { display:inline;}.overFlow{ overflow:hidden;}

/*框架*/

.w950{ width:950px; margin:0 auto; }.w710{ width:710px; margin:0 auto; }.w450{ width:450px; margin:0 auto; }

.w250{ width:250px; margin:0 auto; }.w230{ width:230px; margin:0 auto;}

/*链接样式*/

a{ color:#333; text-decoration:none;}a:hover{ color:#f60; text-decoration:underline;}

a.a0065CD{ color:#0065CD;}a.a0065CD:hover{ color:#f60;}

a.a666{ color:#666;}a.a666:hover{ color:#f60;}

a.af60{ color:#f60;}a.af60:hover{ color:#f60;}

a.a333{ color:#333;}a.a333:hover{ color:#f60;}




/*背景图*/

#top,#top .fl ul li span,#logo p,#search ul li.curr b,.head_search_on,#search .inputClass,#search .inputClass span,#search .inputClass .buttonInput,#search .inputClass .textClass i,#nav,#nav .rightBg,#nav ul li span,#nav ul li.curr b,#nav ul li.curr b i,.t_bg,#news .titlesy h3.curr,.titlesy_1 span,#sell .text span,#user,#user .a_but span a,.ul_2 li a,#porducs .titlesy span,#porducs .titlesy i,#catalog dl dt,.ul_3 li i,#feedback input.but_input,.infiniteCarousel .arrow,.infiniteCarousel_1 .arrow,.btn_class ul li,#search .inputClass .set_class h5,.btn_class,#hot h3,#soll_top,#soll_top span,#soll_top dl dt,#hot_c .titlesy,#hot_c .titlesy h3 b.curr,.ol_class li span{ background:url(../images/indexBg.png)}

/*图片居中*/

.imgBorder{*overflow:hidden; overflow: hidden; height: 85px;width: 105px; border: 1px solid #cbe0f1; padding:2px; }

.imgBorder a{display: table-cell;text-align: center;vertical-align: middle; *display:block;*font-family:Arial;*line-height:1; *font-size:74px; height: 85px;width: 105px;}

.imgBorder a img {vertical-align: middle;}

.imgBorderqy{*overflow:hidden; overflow: hidden; height: 110px;width: 148px; border: 1px solid #cbe0f1;}



/*顶部*/

#top{ height:28px; line-height:28px; width:100%; }

#top .fl p{ color:#666; float:left;}

#top .fl ul{ float:left;}

#top .fl ul li{ float:left; padding:0 10px; position:relative; z-index:15; line-height:22px; margin-top:3px; width:90px; margin-left:5px; display:inline;}

#top .fl ul li.curr{ background:#fff;}

#top .fl ul li span{ background-position:right -245px; padding:0 15px 0 0px;}

#top .fl ul li .more{ display:none;}

#top .fl ul li.curr .more{ border:#ddd solid 1px; border-top:none; background:#fff; display:block; position:absolute; width:90px; z-index:4; line-height:24px; padding:3px 10px; top:18px; left:-1px;}

#top .fl ul li .more em{  width:97%; float:left;}

#top .fr span{ color:#999; padding-right:8px;}

#top .fr span a{ color:#666;}#top .fr span a:hover{ color:#f60;}

/*头部*/

#header{ padding-top:10px; position:relative; z-index:10;}

#logo{ padding:10px 0 0 10px; float:left;}

#logo a{ float:left}

#logo p{ background-position:0 -34px; color:#666; display:inline; float:left; height:42px; width:130px; margin-left:15px; line-height:18px; padding:14px 0 0 15px;}

#logo p strong{ color:#333; font-size:14px;}

/*搜索*/

#search{ float:right; width:504px;}

#search ul{ float:left; width:99%; padding-left:1%; position:relative; z-index:5;}

#search ul li{ color:#999; float:left;  height:25px; line-height:25px; padding:0 1px;}

#search ul li b{ color:#333; cursor:pointer; float:left; font-weight:normal; font-size:14px; text-align:center; width:55px;}

#search ul li.curr b{ background-position:0px -127px; font-weight:bold; height:26px;}

.head_search_on { background-position:0px -127px; font-weight:bold; width:53px; height:26px;}

#search .inputClass{ background-position:0px -822px; height:37px; float:left; position:relative; z-index:0; margin-top:-2px; width:100%;}

#search .inputClass .textClass{ border:#9F9F9F solid 1px; border-right:none; background:#fff; float:left; height:24px; margin:5px 0 0 8px; display:inline;}

#search .inputClass .textClass i{ background-position:0px -196px; float:left; height:12px; width:11px; margin:6px 1px 0 3px; display:inline;}

#search .inputClass .textClass input{ border:#fff solid 1px; color:#999; font-size:12px; height:14px; line-height:14px; margin-top:4px; padding:0px; width:390px;}

#search .inputClass .textClass_1 input{ width:305px;}

#search .inputClass .buttonInput{ background-position:-55px -127px; border:none; cursor:pointer; float:left; height:26px; width:78px; position:relative; z-index:3; margin-top:5px;}

#search .inputClass .set_class{ position:relative; float:left; width:85px; height:26px;   margin:5px 0px 0 0px;}

#search .inputClass .set_class h5{border:#9F9F9F solid 1px; background-color:#F2FBFE;  border-right:none;  border-left:#ddd solid 1px; float:left; height:24px; line-height:24px; padding:0 5px 0 10px; width:69px; color:#333; background-position:75px -239px; font-size:12px; font-weight:normal;} 

#search .inputClass .set_class ul{ position:absolute; background:#fff; border:#ccc solid 1px; left:0px; top:25px; width:83px; z-index:999; display:none;} 

#search .inputClass .set_class ul li{ float:left; width:100%; padding:0px;}

#search .inputClass .set_class ul li.curr{ font-weight:bold; }

#search .inputClass .set_class ul li a{ padding:0 15%; color:#333; width:70%; height:25px; line-height:25px; float:left; }

#search .inputClass .set_class ul li a:hover{background:#DFF4FB; text-decoration:none;}




/* 导航 */

#nav{background-position:0 -90px; float:left;  height:37px; width:100%; position:relative; z-index:-1; margin-top:10px;}

#nav .rightBg{background-position:480px -90px; height:37px; width:480px; position:absolute; z-index:-2;  top:0px; right:0px;}

#nav ul{ float:left; height:37px; position:relative; z-index:5; padding-left:0.5%;}

#nav ul li{ float:left; padding-left:5px;}

#nav ul li span{ background-position:-250px -40px; float:left; height:37px; width:2px;}

#nav ul li b{ float:left; height:37px; line-height:37px; position:relative; z-index:0; padding:0 16px;}

#nav ul li b i{ position:absolute; height:33px; width:5px; top:0px; right:0px; _right:-1px;}

#nav ul li a{ color:#fff; font-size:14px;}

#nav ul li.curr b{ background-position:0 -859px; margin-top:4px; height:33px; line-height:33px;}

#nav ul li.curr b i{background-position:5px -859px; height:33px;}

#nav ul li.curr a{ color:#333;}

#nav .fr{color:#FEFC42; position:relative; z-index:5; height:37px; line-height:37px; padding-right:15px;}

#nav .fr a{ color:#FEFC42;}#nav .fr a:hover{ color:#fff;}

/* 价格行情 */

#news .titlesy{ background-position:0 -280px; height:32px; line-height:32px;}

#news .titlesy h3{ float:left; padding-left:40px;}#news .titlesy span{ float:right; padding-right:10px;}

#news dl{ border-top:#BBDBF2 dashed 1px; float:left; width:92%; margin:0 2%; display:inline; padding:0 2%; padding-bottom:10px;}

#news dl dt{ float:left; height:16px; line-height:16px; width:100%; overflow:hidden; padding:12px 0 9px 0;}

#news dl dd{ float:left; width:100%; }

#news dl dd p{ float:left; width:48%; padding-left:5px; line-height:22px; color:#666;}



/* 图片切换 */

.imgnav{  width:100%; overflow:hidden;  position:relative; z-index:2; height:190px;}

.img_class{height:160px; overflow:hidden;  z-index:3; border:#ECECEC solid 1px;}

#img_soll .img_class img{height:160px; width:100%; overflow:hidden; }

.btn_class{ float:left; background-position:right -280px; height:28px; width:100%; position:relative; }

.btn_class p{ float:left; width:80%; text-align:center; padding-top:8px;}

.btn_class ul{ position:absolute; right:5px; padding-top:5px;}

.btn_class ul li { background-position:-361px -127px;float:left; font-weight:bold; color:#f60; width:16px; height:16px; line-height:16px; cursor:pointer; margin-right:5px;text-align:center;}

.btn_class ul li.hov{ background-position:-377px -127px; color:#fff; }

/* ul */

.ul_class li{ color:#666; float:left; height:24px; line-height:24px; overflow:hidden; width:100%;}

.ul_1{ float:left;  padding:12px 0 8px 0px; width:100%;}

.ul_1 li{ color:#0065CD; margin:0 5%; width:90%; display:inline;}

.ul_1 li.curr{ margin-top:8px; border-top:#ccc dotted 1px; padding-top:9px;}

.ul_2 li a{ background-position:0 -352px; padding-left:10px;}

.ul_2{ padding:8px 0 4px 0; float:left; width:100%;}

.ul_2 li{ width:90%; padding:0 5%; }

.ul_3 li a{ background:none; padding-left:0px;}

.ul_3 li i{background-position:0 -352px; padding-left:10px;}

.ul_4{ padding:6px 0 2px 0;}

/* titlesy */

.titlesy_1{ background-position:0 -312px; height:32px; width:100%; position:relative;}

.titlesy_1 h3{ float:left; padding:9px 0 0 30px; position:relative; z-index:5;}.titlesy_1 span{background-position:right -312px; color:#f60; height:32px; line-height:32px; right:0px; text-align:right; position:absolute; padding-right:10px; width:250px; z-index:0;}

.titlesy_1 span.curr{width:150px;}

.titlesy_2{ background-position:0 -760px; height:32px; line-height:32px; width:100%;}

.titlesy_2 h3{ float:left; padding:0 12px;}.titlesy_2 i{ float:left; }.titlesy_2 span{ float:right; padding-right:10px;}

.titlesy_2 h3.curr{ color:#f60;}

.titlesy_3{ background-position:0 -792px; height:30px; width:100%;}

.titlesy_3 h3{ float:left; padding:9px 0 0 33px;}.titlesy_3 span{ float:right;  padding:9px 10px 0 0px;}



/* 热门招商，加盟 */

#hot_c .titlesy{ background-position:right -1100px; width:100%; height:32px; float:left; }

#hot_c .titlesy h3 b{float:left; width:50%; height:32px; line-height:32px; font-size:14px; text-align:center; font-weight:normal;}

#hot_c .titlesy h3 b.curr{color:#f60; font-weight:bold;}

#hot_c .titlesy h3.left b.curr{ background-position:-250px -1100px; }

#hot_c .titlesy h3.right b.curr{ background-position:-365px -1100px; }

.ol_class{float:left; width:100%; padding:6px 0 5px 0;}

.ol_class li{ float:left; height:22px; line-height:22px; width:90%; overflow:hidden; padding:0 5%;}

.ol_class li span{ background-position:right -1150px; color:#fff; float:left; text-align:center; line-height:12px; width:12px; height:12px; margin:4px 5px 0 0;}

.ol_class li span.curr{background-position:24px -1150px; background-repeat:repeat;}

.table_ul{ float:left; width:226px; padding:2px 1px 3px 1px;}

.table_ul li{ float:left; width:100%; line-height:25px; background:#fff;}

.table_ul li.curr{ background:#F2FBFE; margin-top:1px; font-weight:bold;}

.table_ul li .w_1{ float:left; width:30%; text-align:center; line-height:25px; height:25px; overflow:hidden;}

.table_ul li .w_2{ float:left; width:60%; text-align:center; border-left:#fff solid 1px; line-height:25px; height:25px; overflow:hidden;}

.table_ul li.curr .w_1{ color:#333;}

/* 供求信息 */

#sell .t_bg{ background-position:right -1029px; height:36px; width:100%;}

#sell .t_bg h3{ float:left; padding:11px 0 0 35px;}

#sell .t_bg span{ float:right; padding:12px 10px 0 0;}

.infiniteCarousel_1 { float:left; height:125px; width:100%; position:relative;}

.infiniteCarousel_1 .wrapper { width:390px;  overflow:hidden;  height:120px;  margin:0px  0 0 18px; left:0px;  position: absolute;  top: 0;}

.infiniteCarousel_1 .wrapper ul {  list-style-image:none;  list-style-type:none;   position: absolute;  top: 0;}

.infiniteCarousel_1 ul li { display:block;  float:left; padding:5px 0px 0px 19px; width:111px; overflow:hidden; text-align:center;}

.infiniteCarousel_1 ul li p{ padding:6px 0; float:left; width:100%;}

.infiniteCarousel_1 .arrow { display: block; height:21px; width:11px; text-indent: -999px; position: absolute; top:40px; cursor: pointer; outline: 0;}

.infiniteCarousel_1 .rightBg { background-position:-33px -738px; right:12px;}

.infiniteCarousel_1 .rightBg:hover{background-position:-33px -738px; right:12px;}

.infiniteCarousel_1 .leftBg { background-position:-22px -738px; left:12px;}

.infiniteCarousel_1 .leftBg:hover{ background-position:-22px -738px; left:12px;}

.infiniteCarousel_1 .leftNone{ background-position:0px -738px; left:12px;}

.infiniteCarousel_1 .rightNone{ background-position:-11px -738px; right:12px;}



#soll_top{ position:relative; height:30px; overflow:hidden; background-position:0 -1171px;}

#soll_top dl.curr{}

#soll_top dl{  height:30px; float:left; width:100%; overflow:hidden; position:absolute; top:30px; left:0px; z-index:5;}

#soll_top dl dt{  float:left; font-weight:bold; line-height:30px; width:67px; padding-left:30px; position:relative; z-index:3;  background-position:0 -1171px;}

#soll_top dl dd{ float:left; width:350px; height:30px; position:relative; z-index:2;}

#soll_top dl dd ul{ width:20000px; position:absolute; z-index:0;}

#soll_top dl dd ul li{ float:left; width:165px; height:30px; line-height:30px; overflow:hidden; padding:0 5px; background:#fff; }

#soll_top span{ height:16px; width:16px; top:0px; left:0px; position:absolute; z-index:10; cursor:pointer;}

#soll_top span.up{background-position:-1px -1171px;}#soll_top span.next{background-position:-1px -1187px; top:16px;}

/* 会员快捷入口 */

#user{ background-position:0 -960px; height:190px;}

#user .titlesy h3{ float:left; padding-left:45px; padding-top:12px;}

#user .titlesy span{ float:right; padding-top:14px; padding-right:20px;}

#user .a_but{ float:left; width:88%; padding:5px 2%;}

#user .a_but span{ float:left; width:42%; text-align:center; padding:0 0 8px 8%;}

#user .a_but span a{ background-position:-133px -127px; display:inline-block; color:#C45802; font-size:13px; font-weight:bold; height:28px; line-height:28px; width:85px; }#user .a_but span a:hover{ color:#f60;}

#user .ul_1{ padding-bottom:0px;}

#user .ul_1 li { color:#666; height:22px; line-height:22px;}



/* 热点推荐 */

#hot{ padding:6px 10px 4px 10px;}

#hot h3{ background-position:30px -960px; float:left; width:16px; line-height:24px; padding-right:10px; color:#f60;}

#hot ul{ float:left; width:395px; padding-left:5px;}

#hot ul li{ float:left; width:49%; line-height:24px; height:24px; overflow:hidden; color:#f60;}

/* 精品供应 */

#porducs .titlesy{ background-position:0 -375px; height:32px; width:100%; position:relative;}

#porducs .titlesy h3{ float:left; padding:11px 0 0 33px;}

#porducs .titlesy p{ float:left; padding:12px 0 0 0px;}

#porducs .titlesy p a{ margin-left:10px;}

#porducs .titlesy i{ background-position:right -407px; color:#999; float:left; padding:12px 15px 0 15px;}

#porducs .titlesy span{background-position:right -375px; height:20px; padding-top:12px; right:0px; text-align:right; padding-right:10px; position:absolute; width:300px; }

#porducs ul{ float:left; padding:10px 0px; width:100%;}

#porducs ul li{ float:left; width:111px; margin:5px 8px 0 15px; display:inline;}

#porducs ul li p{ float:left; width:100%; height:18px; line-height:18px; text-align:center; padding-top:5px; overflow:hidden;}

/* 热门行业分类 */

#catalog .titlesy{ background-position:0 -440px; height:36px; width:100%;}

#catalog .titlesy h3{ color:#fff; float:left; padding:8px 0 0 32px;}

#catalog .titlesy i{ float:left; padding:10px 0 0 35px;}

#catalog .titlesy span{ float:right; padding:10px 10px 0 0px;}

#catalog .catalog_class{ padding:0 10px 7px 10px;}

#catalog dl{ border:#fff solid 1px;}

#catalog dl dt{ float:left; height:150px; text-indent:-9999px; width:51px;}

#catalog dl dt.dt_1{ background-position:0 -476px;}#catalog dl dt.dt_2{ background-position:-53px -476px;}#catalog dl dt.dt_3{ background-position:-106px -476px;}#catalog dl dt.dt_4{ background-position:-159px -476px;}

#catalog dl dd{ border-bottom:#DBDBDB dashed 1px; float:left; width:630px; padding:4px 0 5px 0;}

#catalog dl dd p{ float:left; width:50%; height:28px; line-height:28px; overflow:hidden;}

#catalog dl dd p strong{ font-size:14px;}

#catalog dl dd p a{ margin-left:8px;}

#catalog dl.curr{ background:#F3FAFC; border:#A9DEED solid 1px;}

#catalog dl.curr dd{ border-bottom:none;}

/* 新闻图库 */

#news_img .titlesy{ background-position:0 -626px; height:36px; width:100%;}

#news_img .titlesy h3{ color:#fff; float:left; letter-spacing:2px; padding:9px 0 0 32px;}#news_img .titlesy span{ float:right; padding:10px 10px 0 0;}

#news_img ul{ float:left; padding:5px 0 10px 0px; width:100%;}

#news_img ul li{ float:left; width:151px; margin:12px 7px 0 16px; display:inline;}

#news_img ul li p{ float:left; width:100%; height:18px; line-height:18px; text-align:center; padding-top:8px; overflow:hidden;}

#news_img ul li .imgBorder{ width:145px; height:100px;}

#news_img ul li .imgBorder a{ width:145px; height:100px;  *font-size:92px;}

/* 合作会展 */

#exhibition .titlesy{ background-position:0 -662px; height:36px;}

#exhibition .titlesy h3{ color:#fff; float:left; letter-spacing:2px; padding:9px 0 0 32px;}#exhibition .titlesy span{ float:right;  padding:10px 10px 0 0;}

#exhibition .border_3{ padding:0 10px 16px 10px;}

#exhibition dl{ float:left; width:48%; padding:12px 0 0 2%}

#exhibition dl dd{ width:200px; padding-left:10px; float:left; line-height:24px; padding-top:6px;}

#exhibition dl dd a{ font-size:14px; float:left; width:100%; height:24px; overflow:hidden;}

#exhibition dl dd p{float:left; width:100%; height:24px; overflow:hidden;}

#exhibition .imgBorder{ float:left;}

/* 合作会展 */

#new_web .titlesy{ background-position:0 -698px; height:40px;}

#new_web .titlesy h3{ float:left; padding:12px 0 0 15px;}#new_web .titlesy span{ float:right;  padding:14px 10px 0 0;}



/* 最新加盟行业站 */

.infiniteCarousel { float:left; height:151px; width:100%; position:relative;}

.infiniteCarousel .wrapper { width:660px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow:hidden;  height:140px;  margin:0px  0 0 17px;  position: absolute;  top: 0;}

.infiniteCarousel .wrapper ul {   /* single item * n */  list-style-image:none;  list-style-type:none;   position: absolute;  top: 0;}

.infiniteCarousel ul li { display:block;  float:left; padding:5px 0px 0px 15px; width:150px;  overflow:hidden; text-align:center;}

.infiniteCarousel ul li p{ padding:6px 0;}

.infiniteCarousel .arrow { display: block; height:21px; width:11px; text-indent: -999px; position: absolute; top:50px; cursor: pointer; outline: 0;}

.infiniteCarousel .rightBg { background-position:-33px -738px; right:5px;}

.infiniteCarousel .rightBg:hover{background-position:-33px -738px; right:5px;}

.infiniteCarousel .leftBg { background-position:-22px -738px; left:5px;}

.infiniteCarousel .leftBg:hover{ background-position:-22px -738px; left:5px;}

.infiniteCarousel .leftNone{ background-position:0px -738px; left:5px;}

.infiniteCarousel .rightNone{ background-position:-11px -738px; right:5px;}

/* 意见反馈 */

#feedback{ padding:10px; text-align:center;}

#feedback textarea{ border:#ccc solid 1px; color:#999; float:left; font-size:12px; line-height:14px; padding:3px; width:97%; height:38px;}

#feedback input.text_input{border:#ccc solid 1px; color:#999; float:left; padding:3px 3px; width:97%; margin-top:6px;}

#feedback input.but_input{ background-position:-286px -127px; border:none;  float:left; cursor:pointer; height:28px; width:75px; margin-top:6px;}

#feedback em{ color:red; float:left; line-height:28px; margin-top:10px; padding-left:6px;}

#feedback img{ float:left;  margin-top:6px;}

/* 底部 */

#footer { clear:both; text-align:center; line-height:24px; padding:6px 0 0; border-top:#ccc solid 1px;}

#footer p.curr{ color:#666;}

#footer .link{ width:99%; margin:0 auto; line-height:24px; text-align:left; float:left;  word-break :keep-all; padding-left:1%;}

/* border */

.border_1{ border:#BBDBF2 solid 1px;}.border_2{ border:#FCE1A9 solid 1px;}.border_3{ border:#DDD solid 1px;}.border_4{ border:#FFD1AD solid 1px;}

.border_top{border-top:none;}

.bgcolor_1{ background:#F2FBFE;}.bgcolor_2{ background:#FFEDDE;}

.banner_1{ float:left; height:50px; width:100%; overflow:hidden;}

.banner_2{  float:left; height:60px; width:100%; overflow:hidden;}



/* 热门产品 */

#hot_product h3{ background:url(../images/hot.gif) 6px 6px no-repeat; float:left;  font-weight:normal; font-size:12px; padding:0px 0 0 28px; padding:8px 0px 5px 33px; width:85px;}

#hot_product .key{ float:left; padding:0px 0px 0px 5px; line-height:14px; height:14px; margin-top:8px; overflow:hidden; width:81%;}

#hot_product .key a{ margin-right:10px; color:#666;}

#hot_product .key a:hover{ color:#f60;}

#hot_product span{ float:right; padding:8px 10px 5px 0;}



.yejiaojiao_banner{position:fixed; right:10px; bottom:30px; z-index:500;  _position:absolute;_bottom:auto; _top:expression(eval(document.documentElement.scrollTop+400)); width:300px; height:200px;}

.yejiaojiao_banner .close{ float:left; width:100%; font-size:14px; padding-bottom:5px;}

.yejiaojiao_banner .close i{ float:left; padding:0 5px;}.yejiaojiao_banner .close i b{ font-weight:normal;}

.yejiaojiao_banner .close span{ float:right; padding:0 5px;}



.bd_banner{ float:left; width:948px; overflow:hidden; border:#ddd solid 1px;}

.w230_banner{ float:left; width:230px; overflow:hidden;}
