@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:#004482;}
.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;}
.indent{text-indent:2em;}

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

/* common2 */
.width960,.area{ width:960px; margin:0 auto; }
.width697_right{width:695px; float:right; border:1px #b8d7ec solid; border-top:none; height:231px;}
.width697_right2{width:697px; float:right; overflow:hidden;}
.width252_left{ float:left; width:250px; border:1px #e5e5e5 solid; border-top:none;}
.width252_left2{float:left; width:252px;}
.width410_left{ float:left;width:410px;}
.width335_left{float:left; width:314px; padding-left:20px;}

.width434{ float:left; width:432px; border:1px #b8d7ec solid; margin:0 11px;}
.width252_right{ float:right; width:250px;  border:1px #e5e5e5 solid; border-top:none;}
.width252_right2{ width:252px; float:right;}
.width335_right{float:right; width:314px; padding-right:21px;}

.h2_1{ height:29px; background:url(/img__f139__com/app/steel/internation/tit_bg01.gif) no-repeat; font-size:14px; font-weight:bold; padding:0 15px 0 12px; line-height:29px;}

.h2_2{ height:28px; background:url(/img__f139__com/app/steel/tit_bg.jpg) repeat-x; font-size:14px; font-weight:bold; padding:0 15px 0 12px; line-height:28px;}
.h2_2 .icon{background:url(/img__f139__com/app/steel/icon.jpg) no-repeat left center; float:left; padding-left:13px;}

.h2_3{ height:47px; background: repeat-x; font-size:14px; font-weight:bold; color:#000; line-height:35px; padding-left:27px;}

.h3{float:right; font-size:13px; font-weight:normal; width:147px; margin-top:5px;}
.h3 a{padding:0 23px; background:url(/img__f139__com/app/steel/tit_bg04.jpg) repeat-x; float:left; height:19px; border-top:1px solid #9bc2da; border-right:1px solid #9bc2da; margin-top:2px; line-height:19px;}
.h3 .lb{border-left:1px solid #9bc2da;}
.h3_1{background:url(/img__f139__com/app/steel/internation/tit_bg03.jpg) no-repeat; height:29px; font-weight:bold; padding:0 15px 0 30px; width:269px; font-size:14px; line-height:29px;}

ul{ padding:0; margin:0; list-style:none; padding:12px 10px; line-height:25px;}
ul li{height:25px; overflow:hidden;}
.font14 ul{font-size:14px; }

/* topnav */
.top_nav{ height:12px; padding:9px 0;}
.top_nav a{ float:left; padding:0 4px;}
.variety{ margin-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/internation/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;}


/* 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}