*{ margin:0; padding:0}

body{ text-align:center; font:12px/18px "宋体"; background-color:#e0e9ee}

ul{ list-style:none}

a{ text-decoration:none}

a:hover{ text-decoration:underline; color:#333333}

#wrapper{ width:1003px; margin:0 auto; background-color:#FFFFFF}

.fontw{ font-weight:bold}

.fs{ font-size:12px}



/*------head begin-------*/

#header{}

#logo { background:url(images/index_01.gif) no-repeat; float:right; width:1003px; display:block}

#banner{ background:url(images/index_05.gif) no-repeat; height:249px; width:100%; clear:both}

#banner1 { background:url(images/index_31.gif) no-repeat; height:180px; width:100%;clear:both}

#banner2 { background:url(images/index_32.gif) no-repeat; height:180px; width:100%;clear:both}

#banner3 { background:url(images/index_33.gif) no-repeat; height:180px; width:100%;clear:both}

#banner4 { background:url(images/index_34.gif) no-repeat; height:180px; width:100%;clear:both}

#banner5 { background:url(images/index_35.gif) no-repeat; height:180px; width:100%;clear:both}

#banner6 { background:url(images/index_36.gif) no-repeat; height:180px; width:100%;clear:both}

#banner7 { background:url(images/index_37.gif) no-repeat; height:180px; width:100%;clear:both}

#banner8 { background:url(images/index_38.gif) no-repeat; height:180px; width:100%;clear:both}

#nav{ float:left; background:url(images/index_03.gif); width:1003px; height:44px; display:inline-block; clear:both}

#nav ul{ margin:0 0 0 100px}

#nav ul li{ float:left;}

#nav ul li a{ color:#fff; font: 12px/44px 宋体; display:block; padding:0 20px}

#nav ul li a:hover{ text-decoration:underline; color:#FF0000;}

#nav ul .on a{ font-weight:bold; color:#fff; background:url(images/index_04.gif);}

#nav #data{color:#E8E8E8;margin-top:5px}

/*-----------------*/

#contentWrap{ margin:15px 15px 0 15px;}

#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



#center { float:left; width:220px; margin:0 2px}

.green { background-color:#f6faed; height:180px}

.blue { background-color:#f0f7f9; height:180px}

.hui { background-color:#f6f9fb; height:180px}

.bk { float:left; display:block; width:200px}

#center ul{ display:block; width:180px !important; font:12px/18px; padding:8px 0px 8px 30px}

#center ul li a{ line-height:18px; display:inline;word-break:break-all; color:#333}

#center ul li a:hover{ text-decoration:none; background-color:#f0f0f0; color:#ff6100}



#rightbar{ float:right; width:230px; padding:0 0 0 20px; border-left:1px solid #eee; font: 12px/18px "宋体"; color:#999}

#rightbar:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.search{ width:220px; font: 12px/24px 宋体;}

.search span{ float:left; color:#999; font-weight:bold}

.search form{ display:inline; float:left; margin-top:10px}

* html .search form{ margin-top:10px}

*+html .search form{ margin-top:-1px}

.search .keywords{ width:150px; height:24px !important; height /**/:24px; border:1px solid #829DB9; margin:2px 2px 10px 2px; line-height:24px; vertical-align:middle}

.search .bt{ border:1px solid #ace0eb; background:url(images/index_29.gif); height:25px; width:50px; font:bold 12px/18px 宋体;}

.bian { border-bottom:0px solid #eee; height:30px; width:220px; text-align:center}

#rt dl { float:left}

#rt dl dt{ height:149px; width:220px}

#rt dl dd{ font:12px/30px "宋体"; height:30px; width:200px; text-align:left; border-bottom:1px dashed #ccc;}

#rt dl dd a{ height:30px; color:#000; display:block; padding:10px}

#rt dl dd a:hover{ text-decoration:none; background-color:#f4f9fd; color:#ff6100}

#rightbar .contact dd{ border:none; height:auto}

.contact ul{ display:block; width:200px !important; font:12px/18px; border-bottom:1px dashed #ccc; padding:10px}

#rightbar .contact ul li a{ line-height:18px; display:inline;word-break:break-all; color:#333; margin-left:5px}

#rightbar .contact ul li a:hover{ text-decoration:none; background-color:#f0f0f0; color:#ff6100}

#rightbar .contact dd ul li{text-indent:0 !important; text-indent /**/:0em}



/*--------------------*/

#content{ float:left; width:700px; text-align:left; margin:0}

#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



#about{ float:left; width:700px; border-bottom:1px solid #eee}

#about .images{ background:url(images/index_16.gif) no-repeat; float:right; width:322px; height:235px; display:block}

.tex{ float:left; width:370px; color:#999; font: 12px/18px "宋体"}

.tex .img{ background:url(images/index_15.gif) no-repeat; height:32px; display:block; margin:auto}

.tex span{ font: bold 12px/24px "宋体"; color:#0070a6}

.tex p{ background:url(images/index_18.gif) no-repeat; padding:20px 0 0 130px}



#about1{ float:left; width:700px}

#about1 .images{ background:url(images/index_19.gif) no-repeat; float:left; width:340px; height:214px; display:block}

.new ul{ float:left; width:320px; border-left:1px solid #eee}

.new ul li{ margin:10px 0 0 30px; text-align:left; width:300px; border-bottom:1px dashed #eee}

.new ul li a{ color:#333333; display:block; font: 12px/18px 宋体;}

.new ul li a:hover{ text-decoration:underline; color:#FF0000}



.proShow{ clear:both;background:url(images/index_07.gif) no-repeat; height:150px; padding:5px}

#content .proShow img{ padding:4px; background-color:#fff; border:1px solid #eaeaea; margin:0 5px 0 0; vertical-align:middle}

#content .proShow .more{ border:0; padding:0; margin-right:-3px}

/*---------------*/

#footer{ background:url(images/index_28.gif) repeat; height:116px; clear:both}

#footer ul{ float:center; margin:15px 0}

#footer ul li{font: 12px/25px "宋体"; color:#666; text-align:center}

#footer ul li a{ color:#d2cfb5}

#footer ul li a:hover{ color:#ff0000}



/*=========Enter pages begin=========*/



/*---------profile-----------*/

.dh { float:left; border-top:1px solid #eee; border-bottom:1px solid #eee; background-color:#fafafa; clear:both; width:100%; height:33px; font: 12px/33px "宋体"; color:#333; padding:8px 0 0 20px}

.dh a{ color:#333}

.dh a:hover{ text-decoration:underline; color:#FF0000}

#profile .font{ float:left; width:400px; margin:15px 10px 15px 10px; text-indent:0em; color:#000; line-height:20px; font-family:宋体}

#profile .img{ float:right;width:245px; height:355px; background:url(images/index_24.gif) no-repeat; display:block; margin:15px 10px}

#profile .about{ float:left; width:680px; margin:15px 10px 15px 10px; text-indent:0em; color:#000; line-height:20px; font-family:宋体}

.about a{ color:#ff8502}

/*---------news-----------*/

#news { width:680px; padding:30px 0px 0 10px; float:left}

#news ul{ float:left; width:660px;}

#news ul li{ text-align:left; font:12px/18px "宋体"; height:28px; margin:10px; border-bottom:1px dashed #ccc;}

#news ul li a{ display:inline;word-break:break-all; color:#333}

#news ul li a:hover{ background-color:#f0f0f0; color:#ff6100}

#news dl{ float:left; width:660px;}

#news dl dt{ border-bottom:1px dashed #ccc; font:bold 14px/24px "宋体"; text-align:center; width:660px}

#news dl dd{ text-align:left; font:12px/18px "宋体"; height:28px; margin:10px}

#news dl dd a{ display:inline;word-break:break-all; color:#333}

#news dl dd a:hover{ background-color:#f0f0f0; color:#ff6100}

.kuang { float:left; width:640px; padding:10px 0 10px 30px; color:#48b9ef}

DIV.scott {

	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center

}

DIV.scott A {

	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none

}

DIV.scott A:hover {

	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6

}

DIV.scott A:active {

	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6

}

DIV.scott SPAN.current {

	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d

}

DIV.scott SPAN.disabled {

	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid

}



/*----------contact------------*/

.conDl{ line-height:22px; color:#036;width:100%; pandding:15px}

.conDl:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.conDl dt{ font-size:18px; color:#c60; border-bottom:1px dashed #ccc; line-height:24px;margin:10px 0}

.conDl dt span{color:#666;font-size:14px}

.conDl dd{ padding-left:120px; margin:20px; background:url(images/computer.jpg) no-repeat}

.conDl a{ color: #990}

.map{ padding:4px; border:1px solid #efefef; background-color:#fafafa; margin-top:15px}

.map a{ display:block; width:555px; background:url(http://www.huixingtrade.com/cn/images/2006102010528751.jpg) no-repeat left bottom; height:100px; cursor:default}



/*----------feedback------------*/

#feedback{margin:20px; color:#000;}

#feedback .img{ background:url(http://www.huixingtrade.com/cn/images/index_22.gif) no-repeat; height:50px; display:block; margin:auto}

.feedback span{margin-left:40px;display:block;line-height:28px}

.bo{ float:left; margin:2px auto; width:300px;}

.bo1{ float:left; margin:2px auto; width:600px;}

label{float: left;padding: 10px 5px 4px 10px; width:80px; text-align:right}

.feedback input{padding: 3px}

@media all and (min-width: 0px) {/* opera 7 styles */

.feedback input { padding:4px}

}

.feedback input,.feedback textarea{border: 1px solid #CCCCCC;margin:5px 0px}

.feedback textarea{padding: 2px; overflow:auto; width:450px}

.feedback .bt{width: 38px;height: 20px;font-size: 12px;border: solid 1px #CCCCCC;background: #FBFBFB;text-align: center;}

.btcenter{text-align: center;clear: left;padding: 4px 0px 0px;}

.feedback .sffocus {

background: #F0F9FB; /*----for IE----*/

border: 1px solid #1D95C7;

}

.feedback textarea:focus, .feedback input:focus {

background: #F0F9FB; /*----for firefox......----*/

border: 1px solid #1D95C7;

}

.feedback .botton{border:1px solid #ace0eb; background:url(images/index_29.gif); height:25px; width:60px; font:bold 12px/18px 宋体;}

@media all and (min-width: 0px) {/* opera 7 styles */

.feedback .botton { padding:4px 35px}

}

.tj{margin-left:200px; clear:both}

/*-------porducts----------*/

.pro{ float:left; padding:30px 0 0 10px; width:100%}

.pro .img {background:url(images/index_20.gif) no-repeat; height:50px; display:block; margin:auto}

.pro .newimg {background:url(http://www.huixingtrade.com/cn/images/index_21.gif) no-repeat; height:50px; display:block; margin:auto}

.xpro{ display:inline; float:left; width:150px; height:200px; border-left:1px dashed #dcdcdc; border-bottom:1px dashed #dcdcdc; padding:10px; line-height:18px; text-align:left}

#content .pro a:hover img{ background-color:#DDF0F0; border:1px solid #27CEF8}

.xpro p{ width:150px; text-align:center;

    -o-text-overflow: ellipsis;    /* for Opera */   

    text-overflow:ellipsis;        /* for IE */   

}   

#xpro p:after{content:"...";padding-left:3px}/* for Firefox */  



.xpro p a{ color:#036; display:block}

.xpro p .r{ color:#c60}

#Epro { width:660px; border-bottom:1px solid #eee; padding:20px}

table,td,th{border:1px #ccc solid;border-collapse:collapse}

td{ padding:5px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:12px}

#Epro .lin{ background-color:#F6F6F6; border:1px solid #efefef; padding:5px; margin-bottom:0}

.lin a{ color:#c60}

#Epro .img{ width:350px; height:350px; text-align:center; float:left} 

#Epro .tex{ width:280px; height:350px; float:left; border-left:1px solid #eee; padding:20px; font:12px/18px "宋体"; color:#666}

#Epro .tex a{ color:#666}

#Epro .tex a:hover{ color:#ff0000}

#xx { float:left; width:660px; padding:20px; font:12px/18px  "宋体"; color:#666}



/*--------sitemap---------*/

#job { float:left; width:660px; padding:30px 30px 10px 30px}

#job .title{ float:left; margin:2px auto; width:600px; font:bold 12px/18px "宋体"; display:block}

#job .ta{ float:left; margin:2px auto; width:300px; font:12px/18px "宋体"; background-color:#F6F6F6; display:block}

#job .tj{ margin-left:200px; clear:both}

#job .bt{ float:right; border:1px solid #ace0eb; background:url(images/index_29.gif); height:25px; font:bold 12px/18px 宋体;}

.k{ border-bottom:1px dashed #999;}