﻿@charset "utf-8";
/*General*/
*{ margin:0; padding:0; }
body { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#727272; background:url(../images/bg_body.gif) repeat-x;}
h6, h5, h4, h3, h2, h1 { font-size:12px; font-weight:normal; }
div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div { zoom:1; }
li { list-style-type:none; }
form, ul, p, h1, h2, h3, h4, h5 { margin:0; padding:0; }
img { border:none; _vertical-align:bottom; }
.clr { clear:both; }
.fr { float:right; }
.fl { float:left; }
.s { font-size:11px; }
.m { font-size:14px; }
.bold { font-weight:bold; }
.blank10 { clear:both; height:10px; overflow:hidden; display:block; }
.jiezhi ul li, span.jiezhi, .jiezhi li { display:block; white-space:nowrap; overflow:hidden; -o-text-overflow: ellipsis;    /* for Opera */ text-overflow:ellipsis; /* for IE */ }
span.more { float:right; margin-right:8px; padding-top:7px; line-height:23px; font-size:12px; }
.noline { background-image:none; }
.red { color:#FF0000; }
.green { color:#009900; }
.c_huang { color:#FF7300; }
.c_hei { color:#353535; }
.c_bai { color:#fff; }
.c_hui { color:#565656; }
.c_hui2 { color:#8E8E8E; }
.c_lan { color:#003399; }
.c_lan2 { color:#0070BC; }
.c_lv { color:#44980F; }
.c_hong { color:#EE0000; }
.c_white { color:#ffffff; }
.lh13 { line-height:130%; }
.lh15 { line-height:150%; }
.lh17 { line-height:170%; }
.lh18 { line-height:180%; }
.lh20 { line-height:200%; }
.cent { text-align:center; }

a { color:#484848; text-decoration:none; }
a:hover { color:#0054a6; }
a.red { color:#FF0000; text-decoration:none; }
a.red:hover { color:#009900; }
.orange a, .orange a:link, .orange a:visited, .orange a:hover { color:#ff7300; }
.white a, .white a:link, .white a:visited { color:#ffffff; text-decoration: none; }
.white a:hover { color:#ffffff; text-decoration: underline }
a.blue{ color:#003399; text-decoration: none; }
a.blue:hover { color:#ed0000; text-decoration: underline; }
.red a, .red a:link, .red a:visited, .red a:hover { color:#cc0000; }
.red a:hover { color:#cc0000; text-decoration: underline; }
.gray a, .gray a:link, .gray a:visited { color:#666; text-decoration: none; }
.gray a:hover { color:#ff7300; text-decoration: underline; }
/*Common framework*/
.mainbox { width:970px; margin:0 auto; display:block;}

.box,.box_center,.box_right{ display:block; overflow:hidden; height:auto;}
.box{ width:970px; margin:0 auto; }
.box_left{ float:left; width:220px; height:auto;}
.box_center{ float:left; padding-left:10px; width:440px;}
.box_right{ float:right; width:290px;}
.box_log{ width:670px; float:left;}

/*Cut bread*/
#location { padding:6px 0 4px; width:970px; }
#location a { color:#095cb4; }
#location a:hover{ color:#ed0000;}
.page { PADDING:20px 3px 8px; MARGIN:15px auto 20px; TEXT-ALIGN: center; }
.page A { BORDER: #dadada 1px solid; PADDING:4px 5px 2px; MARGIN: 2px; COLOR: #036; TEXT-DECORATION: none; background-image:none; }
.page A:hover { BORDER: #036 1px solid; COLOR: #036; background-color:#e6effd; background-image:none; }
.page A:active { BORDER: #999 1px solid; COLOR: #666; background-image:none; }
.page .current { BORDER: #036 1px solid; PADDING:4px 5px 2px; FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR:#036 }
.page .disabled { BORDER: #dadada 1px solid; PADDING:4px 5px 2px; MARGIN: 2px; COLOR: #ddd; }


/*topnav*/
.topnav{ height:28px; width:auto; background:url(../images/bg_topnav.gif) no-repeat right; float:right;}
.topnav p{ padding:0 25px; padding-top:7px; height:21px; text-align:center; background:url(../images/bg_topnav_left.gif) no-repeat left; display:block;}
.topnav p a{ padding-left:5px; padding-right:5px;}
/*nav*/
.logo{ width:215px; padding-left:20px; float:left; height:70px; text-align:center;}
.logo a{ text-indent:-999px; height:60px; width:190px; display:block; background:url(../images/logo.gif) no-repeat;}
.nav{ width:350px; float:left; padding-top:36px; height:34px;}
.nav li{ float:left; width:83px; text-align:center; display:block; overflow:hidden; line-height:34px; font-size:14px; background:url(../images/bg_nav.gif) no-repeat;}
.nav li a{ color:#036; width:80px; height:34px; display:block;}
.nav li a:hover{ color:#fff;background:url(../images/bg_nav_now.gif) no-repeat;}
.nav_t{background:url(../images/bg_nav_now.gif) no-repeat; color:#fff!important;}
.v_nav{ width:250px; float:right; height:34px; padding-top:36px;}
.v_nav p{ color:#095cb4; text-align:center; line-height:34px; }
.v_nav a{ color:#095cb4; font-weight:bold; padding-left:5px; padding-right:5px;}
.v_nav a:hover{ color:#ed0000}

/*search*/
.search_bg{ height:104px;background:url(../images/bg_nav_search.gif) no-repeat;}
.search_pb{ width:160px; padding-left:65px; float:left; padding-top:34px;}
.search_pb a{ display:block; padding-bottom:5px; text-decoration:underline; color:#036}
.search_pb a:hover{ color:#ed0000}
.search{ width:536px;height:104px;float:left;}
.search_list{ height:20px; padding-top:14px; width:536px; overflow:hidden;}
.search_list li{ float:left; padding:0 8px; border-right:1px solid #036; color:#036; cursor:pointer}
#SuppliersTab{border:0;}
.search_trun{ font-weight:bold;}
.search_input{ height:26px; padding:5px; background:url(../images/bg_search.gif) no-repeat;}
.search_input_box{ width:421px; height:24px; border:1px solid #93b7ca; float:left; overflow:hidden;}
.search_input_box_bg{ background:#fff; height:22px; line-height:22px; width:419px; padding-left:4px; border:1px solid #e9e9e9;}
.search_input_btn{ width:98px; height:26px; padding-left:5px; display:block; float:left;}
.search_input_btn_bg{width:98px; height:26px; background:url(../images/btn_search.gif) no-repeat; border:0; cursor:pointer;}
.Advanced_search{ width:160px; padding-left:20px; padding-top:34px; float:left;}
.Advanced_search a{ display:block; padding-bottom:7px; color:#036}
.Advanced_search a:hover{ color:#ed0000}
.search_hot{ padding:8px 10px 0px; color:#036}
.search_hot a{ color:#095cb4; padding-left:2px; padding-right:3px;}
.search_hot a:hover{ color:#ed0000}

/*foot*/
.foot_bor{ height:5px; background:url(../images/foot_bor.gif) no-repeat; overflow:hidden;}
.footer{ height:230px; background:url(../images/foot_bg.gif) repeat-x;}
.footer dl{float:left; height:auto; width:140px; height:100px; padding-left:180px; display:block; padding-top:15px;}
.foot_icon01{ background:url(../images/help_buy.gif) no-repeat 80px 30px;}
.foot_icon02{ background:url(../images/help_sell.gif) no-repeat 80px 30px;}
.foot_icon03{ background:url(../images/help_what.gif) no-repeat 80px 30px;}

.help{ overflow:hidden;}
.footer dl dt h3{ font-size:18px; color:#036; height:30px;}
.footer dl dd{ height:20px; padding-left:10px; background:url(../images/icon_list.gif) no-repeat 2px 6px;}
.foot{ padding-top:15px; background:url(../images/bg_foot_bor.gif) no-repeat center top;}
.foot p{ line-height:20px; text-align:center;}
.foot p a{ padding-left:5px; padding-right:5px; font-weight:bold; color:#727272}
.foot p a:hover { color:#0054a6; }