*{ margin:0; padding:0}
body{ text-align:center; font:12px/18px "Arial"; background:url(images/bg1.jpg);}
ul{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
#wrapper{ width:1003px; margin:0 auto;}
.fontw{ font-weight:bold}
.fs{ font-size:12px}
#nav ul li td a{ line-height:18px; font-size:12px}

/*------head begin-------*/
#header{}
#banner{ background:url(images/index_04.gif) no-repeat; height:281px; width:100%; float: right; clear:both}
#banner1 { background:url(images/index_17.gif) no-repeat; height:140px; width:100%; float: right; clear:both}
#banner2 { background:url(images/index_03_2.gif) no-repeat; height:150px; width:100%; float: right; clear:both}
#nav{ float:left; background:url(images/index_02.gif) no-repeat; background-color:#333333; width:1003px; height:60px; display:inline-block; clear:both}
#nav ul{ margin:0 0 0 300px}
#nav ul li{ float:left;}
#nav ul li a{ color:#fff; font: 14px/60px Arial; display:block; padding:0 10px}
#nav ul li a:hover{ text-decoration:underline; color:#FF0000}
#nav ul .on a{ font-weight:bold; color:#CCCCCC}
#nav #data{color:#E8E8E8;margin-top:5px}
/*-----------------*/
#contentWrap{ margin:0 15px 0 15px;}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

#center { float:left; width:320px;}
.xian { border-left:1px dashed #b2b2b2; border-right:1px dashed #b2b2b2}
.xian1 { border-left:1px dashed #b2b2b2;}
#center ul{ margin:0 0 0 30px}
#center ul li{ float:left; text-align:left}
#center ul li a{ color:#54957e; font: 12px/18px Arial; display:block;}
#center ul li a:hover{ text-decoration:underline; color:#FF0000}
#customer { width:960px; height:20px; float:left; border-bottom:1px dashed #b2b2b2; margin-bottom:10px}

#leftbar{ float:left; width:240px}
#leftbar:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#leftbar dl dt{ height:50px; background:url(images/index_25.gif) repeat-x}
#leftbar dl dd{ font-size:12px; text-align:left; border-bottom:1px dashed #ccc; margin:0 10px auto 10px}
#leftbar dl dd a{ line-height:25px; color:#000; display:block; width:100%; padding:1px 1px 1px 5px}
#leftbar dl dd a:hover{ text-decoration:none; background-color:#f0f0f0; color:#ff6100}
#leftbar .contact dd{ border:none; height:auto}
.contact ul{ display:block; width:180px !important; font:12px/18px;}
#leftbar .contact ul li a{ line-height:18px; display:inline;word-break:break-all;}
#leftbar .contact ul li a:hover{ text-decoration:none; background-color:#f0f0f0; color:#ff6100}
#leftbar .contact dd ul li{text-indent:0 !important; text-indent /**/:0em}

/*--------------------*/
#content{ float:right; width:700px; text-align:left; margin:0 10px 10px 0; border-left:1px dashed #b2b2b2;}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.search{ width:200px; padding:0 8px; height:70px; margin:0 30px auto 30px}
.search span{ float:left; color:#999; font-weight:bold}
.search form{ display:inline; float:left; margin-top:5px}
* html .search form{ margin-top:0}
*+html .search form{ margin-top:-1px}
.search .keywords{ width:165px; height:14px !important; height /**/:24px; border:1px solid #829DB9; padding:2px 2px 2px 2px; vertical-align:middle}
.search .bt{ border:1px solid #036; height:22px; margin-left:5px; vertical-align:middle; font-weight:bold; background-color:#fff}
#line{ height:10px;display:block; overflow:hidden}
.about{ float:right; width:600px;}
.about ul li a{ color:#333333}
.about ul li a:hover { text-decoration:underline}
.images{ float:right; display:block}
#content img{ padding:4px; background-color:#f9f9f9}
.tex{ float:left; width:450px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px}
.tex .img{ background:url(images/index_06.gif) no-repeat; height:28px; display:block; margin:auto}
.tex .img1 { background:url(images/index_14.gif) no-repeat; height:28px; display:block; margin:auto}
.tex .t1{ font-size:14px}
.tex p{ margin:4px auto}
.tex a{background-color: #999; color:#fff; padding:1px 3px}
.tex a:hover{ text-decoration:none;background-color: #ff6100}
.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_13.gif) no-repeat; height:50px; background-color:#494949;clear:both}
#footer ul{ float:left}
#footer ul li{line-height:50px; padding:0 80px; color:#fff}
#footer ul li a{ color:#fff}
#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(images/2006102010528751.jpg) no-repeat left bottom; height:100px; cursor:default}

/*----------feedback------------*/
#feedback{margin:auto; 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:600px}
.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:400px}
.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{padding:2px 10px; >padding:2px 6px;font-size:12px; border:1px #1E7ACE solid; background:#D0F0FF;margin-right:60px}
@media all and (min-width: 0px) {/* opera 7 styles */
.feedback .botton { padding:4px 15px}
}
.tj{margin-left:200px; clear:both}
/*-------porducts----------*/
.pro{}
.pro .img {background:url(images/index_20.gif) no-repeat; height:50px; display:block; margin:auto}
.pro .newimg {background:url(images/index_21.gif) no-repeat; height:50px; display:block; margin:auto}
.xpro{ display:inline; float:left; border:1px solid #efefef; padding:4px; margin:5px 15px;  line-height:30px; text-align:center; overflow:hidden; width:192px; height:220px}
#content .pro a:hover img{ background-color:#DDF0F0; 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:#036; 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:0px #ccc solid;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}
.profile .img1{ background:url(images/index_19_1.gif) no-repeat; height:50px; display:block; margin:auto}
.profile .img2{ background:url(images/index_19_2.gif) no-repeat; height:50px; display:block; margin:auto}
.profile .img3{ background:url(images/index_19_3.gif) no-repeat; height:50px; display:block; margin:auto}
.profile .img4{ background:url(images/index_19_4.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;}