*{ margin:0; padding:0}
body{ font:12px/18px "Arial"; background-color:#eaeaea}
ul{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
#wrapper{ width:1003px; margin:0 auto; background-color:#FFFFFF}
.fontw{ font-weight:bold}
.fs{ font-size:12px}

/*------head begin-------*/
#header{}
#logo_tu { height:20px}
#logo { background:url(images/index_02.gif) no-repeat; height:76px; width:100%; float:left; display:inline-block; clear:both}
#banner{ background:url(images/index_05.gif); height:422px; width:1003; clear:both; padding-left:11px}
#banner1 { background:url(images/index_05.gif); height:260px; width:1003; clear:both; padding-left:11px}
#banner2 { background:url(http://www.china-wanlong.com/en/images/index_03_2.gif) no-repeat; height:150px; width:100%; float: right; clear:both}
#nav{ float:left; background:url(images/index_03.gif); background-color:#333333; width:1003px; height:40px; display:inline-block; clear:both}
#nav ul{ margin:0 0 0 100px}
#nav ul li{ float:left;}
#nav ul li a{ color:#333; font: 12px/40px Arial; display:block; padding:0 20px}
#nav ul li a:hover{ text-decoration:underline; color:#e77918; background:url(images/index_04.gif);}
#nav ul .on a{ font-weight:bold; color:#e77918; background:url(images/index_04.gif);}
#nav #data{color:#E8E8E8;margin-top:5px}
/*-----------------*/
#contentWrap{ background-color:#dcdcdc; float:left; padding:0 20px 0 20px}
#content:after {content:"."; display:block; height:0; clear:both}

#center { float:left; width:980px}
#center .img1 { float:left; width:50px; height:89px}
.xian { border-left:1px dashed #b2b2b2; border-right:1px dashed #b2b2b2}
.xian1 { border-left:1px dashed #b2b2b2;}
#center ul{ float:left; width:880px; height:89px; background-color:#d1d1d1}}
#center ul li{ float:left; text-align:left}
#center ul li a{ color:#333; font: 12px/18px Arial; display:block;}
#center ul li a:hover{ text-decoration:underline; color:#FF0000}
#flash { width:980px; height:242px; float:left; background:url(images/index_06.jpg) no-repeat;}

/*-----------------*/
#rightbar{ float:right; width:212px; padding:0 0 10px 20px; border-left:1px solid #eee; background:url(images/left.gif)}
#rightbar:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.search{ width:210px; font: 12px/24px Tahoma;}
.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:20px !important; height /**/:24px; border:1px solid #829DB9; margin:2px 2px 10px 20px; line-height:24px; vertical-align:middle}
.search .bt{ border:1px solid #ace0eb; background:url(images/index_29.gif); height:25px; width:60px; font: 12px/18px Arial; margin:2px 2px 10px 20px;}
.bian { border-bottom:1px solid #eee; height:30px; width:220px; text-align:center; clear:both}
#rt dl { float:left; margin:10px 0 10px 0}
#rt dl dt{ height:41px; background:url(images/index_14.gif) repeat-x}
#rt dl dd{ font-size:12px; width:180px; text-align:left; border-bottom:1px dashed #ccc; margin:0 10px auto 10px}
#rt dl dd a{ line-height:30px; color:#000; display:block; width:100%}
#rt dl dd a:hover{ text-decoration:none; background-color:#ebebeb; color:#ff6100}
#rightbar .contact dd{ border:none; height:auto}
.contact ul{ display:block; width:210px !important; font:12px/24px arial; color:#777; margin-top:10px}
#rightbar .contact ul li a{ line-height:18px; display:inline;word-break:break-all; color:#777}
#rightbar .contact ul li a:hover{ text-decoration:underline; color:#ff6100}
#rightbar .contact dd ul li{text-indent:0 !important; text-indent /**/:0em}



/*--------------------*/
#content{ float:left; width:730px; text-align:left}
#content:after {content:"."; display:block; height:0; clear:both}
.about{ float:left; width:720px; font: 12px/24px "Arial"}
.about1 { float:left; width:700px; padding-right:20px}
.images{ float:right; display:block; margin-right:5px}
.tex{ float:left; width:500px; color:#000; font: 12px/24px "Arial"; margin-top:15px}
.tex .t1{ font-size:14px}
.about p{ color:#e77918}
.tex a{background-color: #999; color:#fff; padding:1px 3px}
.tex a:hover{ text-decoration:none;background-color: #ff6100}
.proShow{ float:left; height:140px}
#content .proShow img{ background-color:#fff; border:1px solid #fff; vertical-align:middle; margin-right:10px}
#content .proShow p{ font:12px/24px "Arial"; color:#333; text-align:center}
#content .proShow .more{ border:0; padding:0; margin-right:-3px}
/*---------------*/
#footer{ background:url(images/index_21.gif) repeat-x; height:50px; clear:both}
#footer ul{ float:left; width:100%}
#footer ul li{line-height:50px; padding-left:160px; color:#777}
#footer ul li a{ color:#777}
#footer ul li a:hover{ color:#ff0000}

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

/*----------contact------------*/
.conDl{ line-height:22px; color:#036;width:100%}
.conDl:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.conDl dt{ font-size:18px; color:#c60; border-bottom:1px dashed #ccc; padding-left:15px; line-height:24px;margin:10px 0}
.conDl dt span{color:#666;font-size:14px}
.conDl dd{}
.conDl dd ul{ float:left; margin-left:15px; display:inline}
.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.china-wanlong.com/en/images/2006102010528751.jpg) no-repeat left bottom; height:100px; cursor:default}

/*----------feedback------------*/
#feedback{margin:20px; color:#000;}
#feedback .img{ background:url(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{}
.pro .img { height:50px; display:block; margin:auto}
.pro .newimg { height:50px; display:block; margin:auto}
.xpro{ display:inline; float:left; border:1px solid #efefef; padding:4px; margin:10px 15px;line-height:30px; text-align:center; overflow:hidden; width:200px; height:180px}
#content .pro a:hover img{ background-color:#fff; border:1px solid #27CEF8}
.xpro p{ width:120px;white-space:nowrap;overflow:hidden;
    -o-text-overflow: ellipsis;    /* for Opera */   
    text-overflow:ellipsis;        /* for IE */   
}   
#xpro p:after{content:"...";padding-left:3px}/* for Firefox */  

.xpro p a{ color:#e77918; display:block}
.xpro p .r{ color:#c60}
.Epro p{ margin:8px auto; color:#036; font-family:Verdana, Arial, Helvetica, sans-serif}
table,td,th{ border-collapse:collapse}
td{ padding:5px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:12px}
#content .Epro .lin{ background-color:#F6F6F6; border:1px solid #efefef; padding:5px; margin-bottom:0}
.lin a{ color:#c60}
/*---------profile-----------*/
.profile p{ margin:5px; text-indent:0em; color:#000; line-height:20px; font-family:Arial}
.profile .img{ background:url(images/index_19.gif) no-repeat; height:50px; display:block; margin:auto}

/*--------sitemap---------*/
#sitemap { }
#sitemap .img{ background:url(images/index_23.gif) no-repeat; height:50px; display:block; margin:auto}

/*--------downland---------*/
#down{ }
#down .img{ background:url(images/index_24.gif) no-repeat; height:50px; display:block; margin:auto}


/*--------openwin---------*/
#t2 {width:1003px; margin:auto; background-color:#FFFFFF; }
#logo1{ float:left; background:url(images/index_14.gif) no-repeat; height:77px; width:1003px; margin:0 auto}
.img11{ border:4px solid #efefef}
.open p{ width:950px; margin:5px 15px 5px 15px; text-indent:0em; color:#000; line-height:20px; font-family:Arial; text-align:left}
.table { width:400px; font: 12px/18px "Arial"; text-align:left; float:left; display:block; margin:5px 0px 5px 15px;}