@charset "utf-8";
/* css document */

/* common */
body {font-family:\5b8b\4f53,arial narrow,arial,serif;background:#ffffff;font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}   
caption,th {text-align:left;}  
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}   
q:before,q:after {content:'';}   
abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-style:normal;}   
a {color:#2b2b2b;text-decoration:none;}
a:visited {color:#2b2b2b;text-decoration:none;}
a:hover {color:#ba2636;text-decoration:underline;}
a:active {color:#ba2636;}
.cwhite,.cwhite:visited,.cwhite a,.cwhite a:visited{color:#fff;}
.cwhite a:hover,a.cwhite:hover{color:#bbb;}
.cyellow,.cyellow:visited{color:#ff0;}
.corange,.corange:visited{color:#f60;}
.cgreen,.cgreen:visited{color:#008000;}
.clgray,.clgray:visited,.clgray a,.clgray a:visited {color:#333;}
.cgray,.cgray:visited,.cgray a,.cgray a:visited {color:#585858;}
.cdgray,.cdgray:visited,.cdgray a,.cdgray a:visited {color:#727171;}
.cblack,.cblack:visited,.cblack a,.cblack a:visited {color:#000;}
.cblue,.cblue:visited,.cblue a,.cblue a:visited {color:#1d509f;}
.cdblue,.cdblue:visited,.cdblue a,.cdblue a:visited{color:#00277e;}
.cred,.cred:visited,.cred a,.cred a:visited {color:red;}
.cdred,.cdred:visited,.cdred a,.cdred a:visited {color:#ba2636;}
.cred a:hover,a.cred:hover,.cblue a:hover,a.cblue:hover,.cdred a:hover,a.cdred:hover,.clgray a:hover,a.clgray:hover,.cgray a:hover,a.cgray:hover,.cdgray a:hover,a.cdgray:hover,.cblack a:hover,a.cblack:hover,.cgreen a:hover,a.cgreen:hover,.cyellow a:hover,a.cyellow:hover{color:#ba2636;}
.fb{font-weight:bold;}
.fi{font-style: italic;}
.f12px{font-size:12px;}
.f11px{font-size:11px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.f22px{font-size:22px;}
.left{float:left;}
.right{float:right;}
.hidden{display:none;}
.unline,.unline a{text-decoration:none;}
.noborder{border:none;}
.clear {clear:both;}
.clearfix,.width960{zoom:1;}
.clearfix:after,.width960:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank5{clear:both; height:5px; overflow:hidden; display:block;}
.blank4{clear:both; height:4px; overflow:hidden; display:block;}
.margin4{margin-top:4px;}
.indent{text-indent:2em;}

ul{ padding:0; margin:0; list-style:none; padding:10px; line-height:25px;}
ul li{height:25px; overflow:hidden;}

.more{float:right; font-weight:normal; font-size:12px;}

/* topnav */
.top_nav{ height:12px; padding:9px 0;}
.top_nav a{ float:left; padding:0 4px;}
.variety{ padding-top:5px;}
.variety ul{ padding:0; margin:0;}
.variety ul li{ float:left; padding:0 4px;}

/* header */
.header { width:955px; padding-left:5px; height:70px; margin:0 auto;}
.header .logo {float:left; width:265px; height:64px; overflow:hidden; text-align:left; background:url(/img__f139__com/app/steel/kucun/logo.jpg) no-repeat;}
.header .logo a{height:64px; width:162px; display:inline-block; line-height:162px; overflow:hidden;}

/* nav */
.nav{ width:960px; height:29px; margin:0 auto; background:url(/img__f139__com/app/steel/nav_bg02.jpg) repeat-x;}
.nav span{ padding:0 15px 0 15px; line-height:29px;}

/* con_nav */
.con_nav ul{padding:0;}
.con_nav ul li{background:#f8f8f8; border-bottom:1px dashed #cacaca; line-height:26px; margin:1px 2px; height:auto; padding:0 0 0 15px;}
.con_nav ul li a{ padding-right:5px;}

/* common2 */
.width960,.area{ width:960px; margin:0 auto; }
.width804_right{width:804px; float:right;}
.width804_right2{width:792px; float:right; border:1px #dee3e7 solid; border-top:none; background:#eeeff0; padding:0 5px 5px 5px;}
.width152_left{ float:left; width:150px; border:1px #dee3e7 solid; border-top:none;}
.width152_left2{ float:left; width:152px;}
.width291{width:289px; border:1px #dee3e7 solid; border-top:none;}
.width291_2{float:left;width:291px; margin-right:4px;}
.width262_left{ float:left; width:262px; border-right:1px #dee3e7 solid; background:#fff;}
.width262_mid{ float:left; width:263px; border-left:1px #fdfeff solid; border-right:1px #dee3e7 solid; background:#fff;}
.width262_right{ float:left; width:263px; border-left:1px #fdfeff solid; background:#fff;}
.width265{width:263px; border:1px #dee3e7 solid; border-top:none;}
.width265_2{float:left; width:265px;}
.width265_mid{ float:left; width:265px; margin:0 5px 0 4px;}
.width213{float:right; width:213px;}

.h2_1,.h2_2{background:url(/img__f139__com/app/steel/kucun/tit_bg.jpg) repeat-x 0 0; height:29px; line-height:28px; font-size:14px; font-weight:bold; padding:0 12px; border-top:1px solid #dee3e7; border-right:1px solid #dee3e7; border-left:4px solid #8e0000;  color:#3f3f3f;}
.h2_2{padding:0; border-left:1px solid #dee3e7;}
.h2_2 .nolb{border-left:none;}
.h2_2_2 span{height:28px; width:57px; float:left; text-align:center; border-left:1px solid #dee3e7;font-weight:normal;}
.h2_2 .titstyle{background:url(/img__f139__com/app/steel/kucun/tit_bg.jpg) repeat-x 0 -29px; height:28px; line-height:28px; margin-left:15px; float:left; width:93px; text-align:center; color:#fff;}

.h3_1{background:url(/img__f139__com/app/steel/kucun/tit_bg.jpg) repeat-x 0 -57px; height:26px; border-bottom:1px dotted #bec0c1; padding:0 12px; line-height:26px; font-size:14px; font-weight:bold;}
.h3_1 .icon{background:url(/img__f139__com/app/steel/kucun/icon.gif) no-repeat left center; float:left; padding-left:20px;}

.varietiescon img{padding:9px 11px;}

/* trend */
.wrapper {border: #e1be95 1px solid; position: absolute;width: 450px; padding: 5px; background: #fff5dd; height: 300px;}
.wrapper span {border-bottom: transparent 14px dashed;  border-top: transparent 14px dashed;position: absolute; line-height: 0; width: 0px; display: block; height: 0px; font-size: 0px;}
.wrapper span span {top: -14px}
.wrapper .leftspan {border-right: #e1be95 14px solid; left: -14px}
.wrapper .leftspan span {border-right: #fff5dd 13px solid; left: 2px}
.wrapper .rightspan {border-left: #e1be95 14px solid; left: 311px}
.wrapper .rightspan span {border-left: #fff5dd 13px solid; left: -15px}

/* tab */
.varietiestab .current{background:#fff; border-bottom:1px solid #fff; font-weight:bold;}

.ad01{height:74px;}
.ad02{width:290px; float:left; height:78px; padding-right:4px;margin-top:4px;}
.ad03{width:265px; height:65px; float:left;}
.ad04{ float:left; width:265px; height:65px; margin:0 5px 0 4px;}
.ad05{height:95px;}
.ad06{height:125px;}
.blank5{clear:both; height:5px; overflow:hidden; display:block;}