*{margin: 0px; padding: 0px;}
img{border: none;}
a{text-decoration: none; color: #000000;}
a:hover{color: red;}
body{font-size: 12px; background-color: #ffffff;}
li {list-style-type:none;}
.w980{width: 980px; background-color: white; margin: 0px auto;}
.clear{clear:both;font-size:0px;line-height:0px;width:0;height:0;visibility:hidden;overflow:hidden;}
.left{float: left;}
.right{float: right;}

/* nav */
.nav {height: 26px; padding: 3px 0 5px;}
.wrapper {margin: 0 auto; overflow: hidden; width: 980px;}
.nav .a1 {float: left; font: 12px/26px Tahoma; height: 26px; overflow: hidden; width: 580px;}
.nav .a1 li {float: left; padding: 0 10px 0 0; width: auto;}
.nav .text1 {background: url("../images/img/nav_input.gif") no-repeat scroll left top transparent; border: medium none; height: 18px; overflow: hidden; padding: 3px 5px 3px 15px; width: 80px;}
.nav .text2 {background: url("../images/img/nav_input.gif") no-repeat scroll left -29px transparent; border: medium none; height: 18px; overflow: hidden; padding: 3px 5px; width: 90px;}
.nav .button {background: none repeat scroll 0 0 transparent; border: medium none; color: #1699DF; cursor: pointer; font: 12px/24px Tahoma;}
.nav .a1 a {color: #1699DF;}

/* top */
.top{height: 84px; width: 980px;}
.top .logo{float: left; height: 75px;}
.top h2{line-height: 75px; padding: 0px 10px; color: #333333; font-size: 22px; letter-spacing: 0.1em; float: left;}
.top h3{padding-top: 33px; color: #333333; font-size: 12px; float: left;}

.top .search{float: right; width: 440px; height: 70px;}
.top .search .jd_search{ width:420px; height:62px; padding-top:10px; margin-left:0px; float:left; overflow:hidden;}
.top .search #tags { WIDTH: 420px; HEIGHT: 23px; padding: 0px; overflow:hidden;}
.top .search #tags LI {BACKGROUND: url(../images/zt0/tagleft.gif) no-repeat left bottom; FLOAT: left;  LIST-STYLE-TYPE: none; HEIGHT: 23px; margin-left:10px;}
.top .search #tags LI A {PADDING:0 10px; BACKGROUND: url(../images/zt0/tagright.gif) no-repeat right bottom; FLOAT: left;  COLOR: #999; LINE-HEIGHT: 23px; HEIGHT: 23px; TEXT-DECORATION: none;}
.top .search #tags LI.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px;}
.top .search #tags LI.selectTag {BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 25px;}
.top .search #tags LI.selectTag A {BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 25px; HEIGHT: 25px}
.top .search #tagContent {BORDER: #c3c3c3 1px solid; height:32px; float:left;}
.top .search .tagContent { DISPLAY: none; BACKGROUND: url(../images/zt0/bg.gif) repeat-x;  WIDTH:412px; PADDING:3px; HEIGHT: 27px;}
.top .search #tagContent DIV.selectTag {DISPLAY: block;}
.top .search .text_search{ width:307px; height:15px; padding:5px; border:1px solid #D2D2D2; float:left; font-size:13px; line-height:13px;}
.top .search .text_search2{ width:80px; margin-left:10px; height:27px; float:left; font-size:13px; line-height:27px; background:url(../images/zt0/nav_search.gif) no-repeat; border:0; color:#fff; font-weight:bold; CURSOR: hand;}
.top .search .sealeft{ width:3px; height:34px; float:left; background:url(../images/zt0/searight.gif) left top no-repeat;}
.top .search .searight{ width:3px; height:34px; float:left; background:url(../images/zt0/searight.gif) left bottom no-repeat;}

.top .line{background: url(../images/zt0/topline.gif) repeat-x; width: 980px; height: 9px; clear: both;}

/* banner */
.banner{padding: 5px 0px 8px 0px;}

/* area 980*260 */
.area1{width: 980px; height: 252px;}
.area2{width: 980px; height: 120px;}
.area3{width: 980px; padding-top: 8px; clear: both;}
.area4{width: 980px; padding-top: 8px; clear: both;}
.area5{width: 980px; padding-top: 8px; clear: both;}

/* flash 302*252 */
.flashstyle {border: 1px solid #E7E7E7; float: left; height: 250px; margin: 0; overflow: hidden; position: relative; width: 300px; z-index: 1;}	
#flashBox img{width:300px; height:250px; z-index:1;}
#flashBox ul{position:absolute; right:7px; bottom:9px; font:9px tahoma;}
#flashBox ul li{display:block;float:left; width:20px; height:20px; line-height:20px; margin-right:3px; border:1px solid #999; background:#F0F0F0; text-align:center; cursor:pointer;}
#flashBox ul li.hover{border-color:red; background:#FFE1E1; color:red;}

/* tab 431*252 */
.tab{width: 431px; height: 252px; float: left; padding: 0px 9px;}
.tab .title{background: url("../images/zt0/tabtitle_bg.gif") no-repeat transparent; height: 32px; padding: 0 10px; width: 411px;}
.tab .title ul {float: left; padding: 4px 0 0; width: 188px;}
.tab .title ul li {background: url("../images/zt0/indextabbg2.gif") no-repeat scroll 0 0 transparent; color: #0060A9; cursor: pointer; float: left; font: bold 12px/26px Tahoma; height: 28px; margin: 0 4px 0 0; text-align: center; width: 90px;}
.tab .title ul li.hover {background: url("../images/zt0/indextabbg1.gif") no-repeat scroll 0 0 transparent; color: #FFFFFF;}
.tab .title .more {color: #0060A9; float: right; padding: 8px 0 0;}
.tab .content {border-right: 1px solid #EAEAEA; border-left: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; overflow: hidden; padding: 10px 15px 0; width: 399px; height: 209px;}
.tab .content ul li {
    background: url("../images/ico/ico8.png") no-repeat scroll left 14px transparent;
    border-bottom: 1px dashed #DDDDDD;
    font: 12px/28px Tahoma;
    height: 28px;
    overflow: hidden;
    text-indent: 10px;
    width: 100%;
}
.tab .content ul li.hover {
    background: none repeat scroll 0 0 transparent;
    height: 86px;
    padding: 0 0 10px;
    text-indent: 0;
}
.tab .content ul li.hover img {
    border: 1px solid #CCCCCC;
    float: left;
    height: 80px;
    padding: 2px;
    width: 100px;
}
.tab .content ul li.hover h3 {
    float: right;
    font: bold 14px/24px Tahoma;
    height: 24px;
    overflow: hidden;
    width: 269px;
}
.tab .content ul li.hover h3 a {
    color: #226FD7;
}
.tab .content ul li.hover h3 a:hover {
    color: #CC0000;
}
.tab .content ul li.hover dd {
    color: #666666;
    float: right;
    font: 12px/22px Tahoma;
    height: 88px;
    overflow: hidden;
    text-indent: 2em;
    width: 269px;
}
.tab .content ul li.hover dd a {
    background-color: #FFFFFF;
    height: 22px;
    width: 40px;
}


/* txt 229*252 */
.txt{width: 229px; height: 252px; float: left;}
.txt .title {background: url("../images/t1.png") no-repeat scroll left -131px transparent; height: 35px; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.txt .title dl{float: left; font: bold 14px/34px Tahoma; color: #086FDA; padding: 0 0 0 38px;}
.txt .title .more {color: #086FDA; float: right; padding: 8px 10px 0 0;}
.txt .content {padding: 10px; width: 207px; height: 196px; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; overflow: hidden;}
.txt .content .js{line-height: 20px; font-size: 13px; color: #333333; height: 100px; width: 207px; overflow: hidden;}
.txt .content .bk{width: 207px; height: 90px; padding-top: 5px;}
.txt .content .bk h3{font-size: 14px; font-weight: bold; padding-bottom: 6px;}
.txt .content .bk ul li{float: left; padding: 0px 2px; width:98px; height: 22px; overflow: hidden; font-size: 13px;}
.txt .content .bk ul li a{color: #003399; line-height: 22px;}
.txt .content .bk ul li a:hover{color: red;}

/* brands 980*120 */
.brands{width: 980px; height: 120px;}
.brands .title{background: url("../images/inbg.png") no-repeat scroll left top transparent; margin: 7px auto 0; width: 980px; height: 45px; overflow: hidden;}
.brands .title ul{float: left; overflow: hidden; padding: 4px 0 0 10px;}
.brands .title ul li{float: left; font: bold 14px/32px Tahoma; height: 42px; margin: 0 7px 0 0; text-align: center; width: 102px;}
.brands .title ul li.hover{background: url("../images/inbg.png") no-repeat scroll left -50px transparent; color: #FFFFFF;}
.brands .title .more{float: right; padding: 9px 10px 0 0;}
.brands .title .newbrand{float: right; padding-right: 20px; line-height: 35px;}
.brands .title .newbrand a{color: #336699;}
.brands .title .newbrand a:hover{color: red;}
.brands .content{border: solid 1px #ddd; border-top: none; height: 75px; margin: 0 auto; overflow: hidden; width: 978px;}
.brands .content ul li{float: left; overflow: hidden;  padding: 6px 0 0 7px; width: 155px;}
.brands .content ul li img{border: 1px solid #CCCCCC; float: left; height: 58px; width: 153px;}

/* sell_buy_know */
.sbk{width: 980px;}
.sbk .in_left{float: left; width: 744px;}
.sbk .in_right{width:229px; float:right;}

.sbk .in_left .con2_t1{height:40px; width:366px;background:url(../images/inbg.png) no-repeat left -262px; margin:7px 0 0 0; overflow: hidden;}
.sbk .in_left .con2_t1 .tab{float:left; width:220px;}
.sbk .in_left .con2_t1 .tab li, .con2_t1 h2{width:101px; height:40px; margin:0 0 0 5px; text-align:center; font:bold 14px/34px Tahoma; color:#086fda; float:left;}
.sbk .in_left .con2_t1 .tab li{background:url(../images/inbg.png) no-repeat -106px -307px; cursor:pointer;}
.sbk .in_left .con2_t1 .tab li.hover, .con2_t1 h2{background:url(../images/inbg.png) no-repeat left -307px;}
.sbk .in_left .con2_t1 .more{float:right; padding:7px 10px 0 0;}
.sbk .in_left .con2_t1 .arrow, .con2_t1 .img{float:right;}
.sbk .in_left .con2_t1 .arrow{padding:8px 10px 0 0;}
.sbk .in_left .con2_t1 .arrow img{cursor:pointer;}
.sbk .in_left .con2_t1 .img{padding:0 10px 0 0;}

.sbk .in_left .con2_l1, .sbk .in_left .con2_l2{width:344px;overflow:hidden; border:1px solid #e1e1e1; border-top:none; padding:0px 10px 10px 10px; height:244px;}
.sbk .in_left .con2_l1 li{float:left; height:24px; width:100%; font:12px/24px Tahoma; overflow:hidden;}
.sbk .in_left .con2_l1 li span{overflow:hidden;height:24px;}
.sbk .in_left .con2_l1 li span.l{float:left;width:50px;}
.sbk .in_left .con2_l1 li span.c{float:left;width:220px;}
.sbk .in_left .con2_l1 li span.r{float:right;width:60px; text-align:right;}
.sbk .in_left .con2_l2 li{float:left; height:24px; width:334px; font:12px/26px Tahoma; overflow:hidden; padding:0 0 0 10px; background:url(../images/ico/ico6.png) no-repeat left 13px;}

.sbk .in_right .pvc_rt1{margin:7px 0 0 0; overflow:hidden; border-left:1px solid #dddddd; border-right:1px solid #dddddd;background:url(../images/t1.png) no-repeat left top; height:39px; padding:4px 0 0 0;}
.sbk .in_right .pvc_rt1 ul{float:left; width:auto; padding:0 0 0 5px;}
.sbk .in_right .pvc_rt1 .more, .pvc_rt2 .more, .pvc_rt3 .more, .pvc_rt4 .more{float:right; padding:8px 10px 0 0; color:#086FDA/*#ff0030;*/}
.sbk .in_right .pvc_rt1 ul li{float:left; width:71px;height:39px; text-align:center; overflow:hidden; font:bold 14px/33px Tahoma; background:url(../images/t1.png) no-repeat -76px -48px; margin:0 2px; cursor:pointer;}
.sbk .in_right .pvc_rt1 ul li.hover{background:url(../images/t1.png) no-repeat left -48px; color:#fff;}
.sbk .in_right .pvc_rt4 dl{float:left; width:71px;height:39px; text-align:center; overflow:hidden; font:bold 14px/33px Tahoma; background:url(../images/t1.png) no-repeat left -48px; margin:0 0 0 5px; color:#fff;}

.sbk .in_right .con2_r1{padding:10px; width:207px; height:231px;}
.sbk .in_right .con2_r1 dl{width:100%; height:84px; padding:10px 0; border-bottom:1px dashed #ccc;}
.sbk .in_right .con2_r1 dl img{width:105px; height:80px; float:left; padding:1px; border:1px solid #ccc;}
.sbk .in_right .con2_r1 dl h2{float:right; font:12px/20px Tahoma; height:40px; overflow:hidden; width:88px;}
.sbk .in_right .con2_r1 dl dt{float:right; font:12px/20px Tahoma; height:20px; overflow:hidden; width:88px; color:#666;}
.sbk .in_right .con2_r1 dl dd{float:right; font:12px/20px Tahoma; height:20px; overflow:hidden; width:88px;}
.sbk .in_right .con2_r1 dl a{color:#333;}
.sbk .in_right .con2_r1 dl a:hover{color:#cc0000;}
.sbk .in_right .con2_r1 ol{width:100%;overflow:hidden; padding: 15px 0 0 0;}
.sbk .in_right .con2_r1 li{float:left;overflow:hidden; padding:0 0 0 10px;width:197px; height:24px;font:12px/24px Tahoma; background:url(../images/ico/ico9.png) no-repeat left 11px;}

/* news company */
.nc{width: 980px;}
.nc .in_left{float: left; width: 744px;}
.nc .in_right{width:229px; float:right;}

.nc .in_left .t1 {height: 45px; overflow: hidden;}
.nc .in_left .t1 ul {float: left; overflow: hidden; padding: 4px 0 0 10px;}
.nc .in_left .t1 ul li {float: left; font: bold 14px/32px Tahoma; height: 42px; margin: 0 7px 0 0; text-align: center; width: 102px;}
.nc .in_left .t1 ul li {background: url("../images/inbg.png") no-repeat scroll -107px -50px transparent; color: #086FDA; cursor: pointer;}
.nc .in_left .t1 ul li.hover {background: url("../images/inbg.png") no-repeat scroll left -50px transparent; color: #FFFFFF;}
.nc .in_left .t1 .more {float: right; padding: 9px 10px 0 0;}
.nc .in_left .inpic_t2 {background: url("../images/inbg.png") no-repeat scroll left -96px transparent; margin: 7px 0 0; width: 744px;}

.nc .in_left .newknow{width: 742px; height: 232px;}
.nc .in_left .newknow .left{width: 351px; padding: 0px 10px; float: left; background-color*: green; height: 230px;}
.nc .in_left .newknow .right{width: 351px; padding: 0px 10px; float: left; background-color*: red; height: 230px;}
.nc .in_left .newknow .left .piclist{width: 351px; padding-bottom:10px; border-bottom: 1px dashed #CCCCCC; float: left;}
.nc .in_left .newknow .left .piclist .item{width: 107px; float: left; padding-right: 10px;}
.nc .in_left .newknow .left .piclist .item img{width:101px; height: 64px; padding: 2px; border: solid 1px #ddd;}	
.nc .in_left .newknow .left .piclist .item h2{text-align: center; width: 107px; font-size: 12px; height: 24px; line-height: 24px; overflow: hidden;}
.nc .in_left .newknow .txtlist{clear: both;}
.nc .in_left .newknow .txtlist ul li.txtitem {background: url("../images/ico/ico9.png") no-repeat scroll left 11px transparent; float: left; padding-left: 10px; font: 12px/24px Tahoma; height: 24px; line-height: 24px; overflow: hidden; width: 341px;}

.nc .in_right .pvc_rt2{background:url(../images/t1.png) no-repeat left -92px; height:34px; margin: 7px 0 0; overflow: hidden; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}
.nc .in_right .pvc_rt2 dl{float:left; font:bold 14px/34px Tahoma; color:/*#ee0000*/#086fda; padding:0 0 0 48px;}
.nc .in_right .top3px{border-top:3px solid #2b94ed;}
.nc .in_right .pvc_rf {padding: 9px 10px; width: 207px; border: solid 1px #ddd; border-top: none; float: left;}
.nc .in_right .pvc_rf li {float: left; font: 12px/22px Tahoma; height: 22px; overflow: hidden; width: 100%;}

/* piclist */
.pl{width: 980px;}
.pl .title{width: 958px; height: 23px; line-height: 23px; background: url("../images/zt0/title1_bg.gif") repeat-x; border: solid 1px #ddd; padding: 0px 10px;}
.pl .title .l{background: url("../images/zt0/title2_bg.gif") no-repeat; padding-left: 15px; font-weight: bold; font-size: 14px;}
.pl .content{width: 980px; height: 145px; text-align: center; padding: 10px 0px;}
.pl .content .picitem{width: 196px; height: 149px; float: left; text-align: center;}
.pl .content .picitem .pic{width: 170px; height: 120px; border: solid 1px #ddd; padding: 1px; margin: 0px auto;}
.pl .content .picitem .pic img{width: 170px; height: 120px;}
.pl .content .picitem .txt{width: 170px; height: 20px; line-height: 20px; padding: 5px 13px 0px 13px; text-align: center; overflow: hidden;}

/* µ×²؟°وب¨
----------------------------------------------------------------------------------- */
.copy{width:960px; margin:0 auto;overflow:hidden; padding:15px 0;}
.copy .link{font:12px/20px Tahoma; text-align:center; color:#444;} 
.copy .link a{color:#444;}
.copy .link a:hover{color:#ff0000;}

.copy .img{padding:12px 0 0 200px;color:#545454;font:12px/20px Tahoma; text-align:center; overflow:hidden; height:50px;}
.copy dl{margin:0 8px; width:60px;font:12px/20px Tahoma; float:left; cursor:pointer; padding:0 0 0 60px; height:50px;}
.copy .a1{background:url(../images/img/a1.gif) no-repeat left top;}
.copy .a2{background:url(../images/img/a2.gif) no-repeat left top;}
.copy .a3{background:url(../images/img/a3.gif) no-repeat left top;}
.copy .a4{background:url(../images/img/a4.gif) no-repeat left top;}