﻿body
{
    margin: 0px;
    padding: 0px;
    color: #1F376D;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: White;
    background: url(/images/Top_01.gif) repeat-x;
}
ul, li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
img
{
    border: none;
}
p
{
    margin: 0px;
    padding: 0px;
}
div
{
    margin: 0 auto;
    _overflow: hidden;
}
a:link
{
    color: #1F376D;
    text-decoration: none;
}
a:visited
{
    color: #1F376D;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
    color: #FF6600;
}
a:active
{
    text-decoration: none;
}
input, select, textarea
{
    font-size: 12px;
    color: #5F5F5F;
    margin: 0;
    padding: 0;
}
input
{
    padding-top: 3px;
}
.clear
{
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
}
.between5
{
    width: 100%;
    height: 5px;
    clear: both;
}
.between10
{
    width: 100%;
    height: 10px;
    clear: both;
}
.between15
{
    width: 100%;
    height: 15px;
    clear: both;
}
.between20
{
    width: 100%;
    height: 20px;
    clear: both;
}
.color1
{
    color: #2271A5;
}
.color1 a:link, .color1 a:visited
{
    color: #2271A5;
    text-decoration: none;
}
.color1 a:hover
{
    text-decoration: underline;
    color: #2271A5;
}
.color2
{
    color: #5F5F5F;
}
.color2 a:link, .color2 a:visited
{
    color: #5F5F5F;
    text-decoration: none;
}
.color2 a:hover
{
    text-decoration: underline;
    color: #5F5F5F;
}
.color3
{
    color: #A1A0A0;
}
.color3 a:link, .color3 a:visited
{
    color: #A1A0A0;
    text-decoration: none;
}
.color3 a:hover
{
    text-decoration: underline;
    color: #A1A0A0;
}
.color4
{
    color: #FF6600;
}
.color4 a:link, .color4 a:visited
{
    color: #FF6600;
    text-decoration: none;
}
.color4 a:hover
{
    text-decoration: underline;
    color: #FF6600;
}
.color5
{
    color: #FFFFFF;
}
.color5 a:link, .color5 a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
.color5 a:hover
{
    text-decoration: underline;
    color: #FFFFFF;
}
.table1
{
    font-size: 14px;
}
.table1 tr
{
    line-height: 30px;
    _height:30px;
}
.table2
{
    font-size: 12px;
}
.table2 tr
{
    line-height: 24px;
    _height:24px;
}
.table3
{
    font-size: 12px;
}
.table3 tr
{
    line-height: 40px;
    _height:40px;
}

/* TOP */
#top
{
    width: 950px;
}
#top .header
{
    width: 100%;
}
#top .l
{
    float: left;
    width: 400px;
    line-height: 25px;
    color: #404040;
}
#top .l h1
{
   display:inline;
   font-size:12px;
   font-weight:normal;
}
#top .r
{
    float: right;
    width: 300px;
    text-align: right;
    line-height: 25px;
    color: #404040;
}
#top .l a:link, #top .l a:visited, #top .r a:link, #top .r a:visited
{
    color: #404040;
    text-decoration: none;
}
#top .l a:hover, #top .r a:hover
{
    text-decoration: underline;
    color: #BD0A01;
}
#top .ll
{
    float:left;
    width:198px;
    height:24px;
    line-height:24px;
    text-align:center;
    background: url(/images/index_01.gif) no-repeat;
}
#top .rr
{
    float:right;
    width:198px;
    height:24px;
    line-height:24px;
    text-align:center;
    background: url(/images/index_01.gif) no-repeat;
}
#top .logo
{
    float: left;
    width: 246px;
    margin-left: 120px;
    _margin-left: 115px;
    margin-top:7px;
}
#top .site
{
    float: left;
    width: 75px;
    text-align: center;
    margin-top:7px;
}
#top .site .sitename
{
    margin: 8px 0px 0px 0px;
    font-size: 24px;
    font-weight: bolder;
}
#top .site .changesite
{
    width: 60px;
}
#top .search
{
    width: 580px;
    height: 54px;
}
#top .menu
{
    clear: both;
    width: 950px;
    height: 35px;
    line-height: 35px;
    background: url(/images/Menu_01.gif) no-repeat;
    font-size: 14px;
    font-weight: bolder;
}
#top .menu ul
{
    margin-left: 16px !important;
    *margin-left:16px!important;
    _margin-left:16px;
    list-style:none;
}
#top .menu ul li
{
    float: left;
    width: 90px;
    text-align: center;
}
#top .menu ul li.line
{
    width: 1px;
    height: 35px;
    background: url(/images/Menu_02.gif) no-repeat;
}
#top .menu ul li.current a:link, #top .menu ul li.current a:visited
{
    color: #1F376D;
}
#top .menu ul li.current a:hover
{
    color: #1F376D;
    text-decoration: none;
}

#top .menu a:link, #top .menu a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
#top .menu a:hover
{
    text-decoration: underline;
    color: #FFFFFF;
}

/* MAIN */
#main
{
    width: 950px;
    margin-top: 10px;
}
#main .link
{
   width:950px;
}
#main .link .title
{
   width:935px;/*950px*/
   height:23px;
   line-height:23px;
   font-weight:bolder;
   font-size:14px;
   padding-left:15px;
   background: url(/images/index_15.gif) no-repeat;
}
#main .link .content
{
   width:930px;/*950px*/
   padding:10px;
   background: url(/images/index_16.gif) repeat-y;
}
#main .link .content .cityitem
{
   width: 55px;
   height: 18px;
   text-align:center;
}
#main .link .content .item
{
   width: 88px;
   height: 18px;
   text-align:center;
}
#main .link .bottom
{
   width:950px;
   height:2px;
   background: url(/images/index_17.gif) no-repeat;
}

#main #left
{
   float:left;
   width:690px;
   margin-right:10px;
}
#main #left ul li
{
    line-height: 22px;
    padding-left: 8px;
    background: url(/images/icon_02.gif) no-repeat 0 50%;
}
#main #left .separate
{
    float:left;
    width:10px;
    height:10px;
}
#main #left .announcehot
{
    float:left;
    width: 280px;
    height: 200px;
    background: url(/images/index_02.gif) no-repeat;
    margin-right:10px;
    overflow:hidden;
}
#main #left .announcehot .title
{
    width: 265px;/*280px*/
    height:23px;
    line-height:23px;
    padding-left:15px;
    font-weight:bolder;
}
#main #left .announcehot .content
{
   width:260px;/*280px*/
   height:67px;/*77px*/
   padding:5px 10px;
   overflow:hidden;
}

#main #left .slide
{
   float:left;
   width:400px;
   height:200px;
   overflow:hidden;
}
#main #left .category
{
   width:690px;
}
#main #left .category .title
{
   width:690px;
   height:35px;
   line-height:30px;
   background: url(/images/index_04_s1.gif) no-repeat;
}
#main #left .category .title .menu
{
   float:left;
   width:117px;
   height:30px;
   text-align:center;
   font-weight:bolder;
   font-size:14px;
}
#main #left .category .title .supply
{
   float:left;
   width:117px;
   height:35px;
   text-align:center;
   color:#FFFFFF;
   font-size:14px;
   font-weight:bolder;
   background: url(/images/index_04_s2.gif) no-repeat;
}
#main #left .category .title .need
{
   float:left;
   width:117px;
   height:35px;
   text-align:center;
   color:#FFFFFF;
   font-size:14px;
   font-weight:bolder;
   background: url(/images/index_04_s3.gif) no-repeat;
}
#main #left .category .title .addtrade
{
   float:right;
   width:93px;
   height:30px;
}
#main #left .category .content
{
   width:690px;
   height:296px;
   overflow:hidden;
   background: url(/images/index_05.gif) repeat-y;
}
#main #left .category .content ul li
{
   float:left;
   width:130px;
   height:19px;
   padding-left: 0px;
   background: url();
}
#main #left .category .content ul li .current
{
   float:left;
   font-size:14px;
   font-weight:bolder;
   text-decoration:underline;
}
#main #left .category .content .on
{
   width:661px;/*690px*/
   border:2px solid #FF6600;
   background-color:#fffbf5;
   padding:8px 0px 8px 25px !important;
   *padding:7px 0px 8px 25px !important;
   padding:8px 0px 8px 25px
}
#main #left .category .content .out
{
   width:663px;/*690px*/
   border-left:1px solid #FFAF2E;
   border-right:1px solid #FFAF2E;
   padding:8px 0px 8px 25px !important;
   *padding:7px 0px 8px 25px !important;
   padding:9px 0px 8px 25px
}
#main #left .category .bottom
{
   width:690px;
   height:2px;
   background: url(/images/index_06.gif) no-repeat;
}
#main #left .ad1
{
   width:690px;
   height:240px;
   overflow:hidden;
   background-color:#EEF5FB;
}
#main #left .ad1 .item
{
   margin:0 7px 5px 0 !important;
   *margin:0 7px 3px 0 !important;
   margin:0 7px 3px 0;
}
#main #left .trade
{
   width:690px;
   height:255px;
   background: url(/images/index_10.gif) no-repeat;
}
#main #left .trade .title
{
   float:left;
   width:622px;/*640px*/
   height:23px;
   line-height:23px;
   padding-left:18px;
   font-weight:bolder;
   font-size:12px;
}
#main #left .trade .more
{
   float:left;
   width:40px;
   height:23px;
   line-height:23px;
   padding-right:10px;
}
#main #left .trade .content
{
   width:690px;
   padding:5px 0px;
   overflow:hidden;
}
#main #left .trade .content ul li
{
   float:left;
   width:322px;
   margin-left:10px;
   _margin-left:7px;
}
#main #left .ad2
{
   width:690px;
   height:100px;
   overflow:hidden;
   background-color:#EEF5FB;
}
#main #left .news
{
    float:left;
    width:340px;
}
#main #left .news .title
{
   width:340px;
   height:23px;
   background: url(/images/index_11.gif) no-repeat -1px -57px;
}
#main #left .news .current
{
   float:left;
   width:93px;
   height:23px;
   line-height:23px;
   text-align:center;
   font-weight:bolder;
   font-size:14px;
   background: url(/images/index_11.gif) no-repeat -1px -1px;
}
#main #left .news .separate
{
   float:left;
   width:1px;
   height:1px;
}
#main #left .news .nocurrent
{
   float:left;
   width:93px;
   height:23px;
   line-height:23px;
   text-align:center;
   font-size:14px;
   background: url(/images/index_11.gif) no-repeat -95px -1px;
}
#main #left .news .content
{
   width:320px;/*250px*/
   padding:5px 9px;
   border-left: #AACBEE 1px solid;
   border-right: #AACBEE 1px solid;
}
#main #left .news .bottom
{
   width:340px;
   height:2px;
   background: url(/images/index_11.gif) no-repeat -1px -92px;
}



#main #right
{
    float:left;
    width:250px;
}
#main #right ul li
{
    line-height: 22px;
    padding-left: 8px;
    background: url(/images/icon_03.gif) no-repeat 0 50%;
}
#main #right .servcie
{
   width:250px;
   height:200px;
   background: url(/images/index_03.gif) no-repeat;
}
#main #right .servcie .btn
{
   height:55px;
   line-height:55px;
   text-align:center;
   vertical-align:middle;
   _height:35px;
   _line-height:35px;
   _padding:10px 0px;
}
#main #right .servcie .btn img
{
   vertical-align:middle;
}
#main #right .servcie .letter
{
   height:76px;/*80px*/
   padding:2px 0px;
   overflow:hidden;
}
#main #right .servcie .btn1
{
   height:54px;/*60px*/
   padding:6px 0px 0px 0px;
   line-height:22px;
   text-align:center;
}
#main #right .vip
{
   width:250px;
}
#main #right .vip .title
{
   width:235px;/*250px*/
   height:30px;
   line-height:30px;
   font-weight:bolder;
   font-size:14px;
   padding-left:15px;
   background: url(/images/index_07.gif) no-repeat;
}
#main #right .vip .content
{
   width:230px;/*250px*/
   padding:10px;
   background: url(/images/index_08.gif) repeat-y;
   height:282px;
   overflow:hidden;
}
#main #right .vip .content .companyname
{
   float:left;
   width:166px;
   height:23px;
}
#main #right .vip .content .credite
{
   float:left;
   width:64px;
   height:23px;

}
#main #right .vip .bottom
{
   width:250px;
   height:2px;
   background: url(/images/index_09.gif) no-repeat;
}
#main #right .jzt
{
   width:224px;/*250px*/
   height:214px;/*240px*/
   overflow:hidden;
   background: url(/images/jzt_01.gif) no-repeat;
   padding:13px;
}
#main #right .jzt .logo
{
   text-align:center;
}
#main #right .jzt .text
{
   padding-top:3px;
   padding-left:3px;
   font-weight:bolder;
   color:#5f5f5f;
   line-height:16px;
}
#main #right .jzt .text1
{
   padding:10px 0px 5px 0px;
}
#main #right .jzt ul li
{
    line-height: 20px;
    padding-left: 8px;
    background: url(/images/icon_03.gif) no-repeat 0 50%;
}
#main #right .jzt .btn
{
   text-align:center;
}
#main #right .jobs
{
   width:250px;
   height:255px;
}
#main #right .jobs .title
{
   width:250px;
   height:23px;
   background: url(/images/index_11.gif) no-repeat -1px -29px;
}
#main #right .jobs .current
{
   float:left;
   width:93px;
   height:23px;
   line-height:23px;
   text-align:center;
   font-weight:bolder;
   font-size:14px;
   background: url(/images/index_11.gif) no-repeat -1px -1px;
}
#main #right .jobs .separate
{
   float:left;
   width:1px;
   height:1px;
}
#main #right .jobs .nocurrent
{
   float:left;
   width:93px;
   height:23px;
   line-height:23px;
   text-align:center;
   font-size:14px;
   background: url(/images/index_11.gif) no-repeat -95px -1px;
}
#main #right .jobs .content
{
   width:230px;/*250px*/
   padding:5px 10px;
   background: url(/images/index_13.gif) repeat-y;
}
#main #right .jobs .bottom
{
   width:250px;
   height:2px;
   background: url(/images/index_14.gif) no-repeat;
}
#main #right .ad3
{
   width:250px;
   height:100px;
   overflow:hidden;
   background-color:#EEF5FB;
}
#main #right .yellowpage
{
   width:250px;
}
#main #right .yellowpage .title
{
   width:235px;/*250px*/
   height:23px;
   line-height:23px;
   font-weight:bolder;
   padding-left:15px;
   font-size:14px;
   background: url(/images/index_12.gif) no-repeat;
}
#main #right .yellowpage .content
{
   width:230px;/*250px*/
   padding:5px 10px;
   background: url(/images/index_13.gif) repeat-y;
}
#main #right .yellowpage .bottom
{
   width:250px;
   height:2px;
   background: url(/images/index_14.gif) no-repeat;
}

/* FOOT */
#foot
{
    width: 950px;
    line-height: 20px;
    text-align: center;
    color: #5F5F5F;
}
#foot a:link, #foot a:visited
{
    color: #5F5F5F;
    text-decoration: none;
}
#foot a:hover
{
    text-decoration: underline;
    color: #FF6600;
}