*{ margin:0; padding:0}
body{ text-align:center; font:12px/18px Verdana, Geneva, sans-serif; background-image:url(images/bg.jpg); background-repeat:no-repeat; background-position:top}
ul{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
#wrapper{ width:1003px; margin:0 auto; background-color:#fff}
.fontw{ font-weight:bold}
.fs{ font-size:12px}

/*------head begin-------*/
#header{}
#t1 { width:1003px; margin:auto; background-color:#FFFFFF}
#logo{ float:left; background:url(images/index_01.gif) no-repeat; height:77px; width:837px; margin:0 auto}
#logo_tu{ float:left;height:77px; width:166px; margin:0 auto}
#banner{ background:url(images/index_03.gif) no-repeat; height:181px; width:100%; float: right; clear:both}
#banner1 { background:url(images/index_03_1.gif) no-repeat; height:181px; width:100%; float: right; clear:both}
#banner2 { background:url(images/index_03_2.gif) no-repeat; height:181px; width:100%; float: right; clear:both}
#nav{width:100%; background:url(images/index_09.gif) repeat-x; border-top:1px solid #cfcfcf; display:inline-block; clear:both}
#nav ul{ margin:0 0 0 40px}
#nav ul li{ float:left}
#nav ul li a{ color:#000; font:bold 12px/35px Tahoma; display:block; padding:0 15px}
#nav ul li a:hover{ border-top:2px solid #333; text-decoration:none}
#nav ul .on a{ border-top:2px solid #ff6100}
#nav #data{color:#E8E8E8;margin-top:5px}
/*-----------------*/
#contentWrap{ margin-top:-8px}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#leftbar{ float:left; width:216px; background:url(images/lebg.gif) repeat-y; margin-left:20px; margin-bottom:10px}
#leftbar:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#leftbar dl dt{ height:39px; background:url(images/index_04.gif) repeat-x}
#leftbar dl dd{ font-size:12px; text-align:left; border-bottom:1px dashed #ccc; margin:0 10px auto 20px}
#leftbar dl dd a{ line-height:30px; color:#fff; display:block; width:100%}
#leftbar dl dd a:hover{ text-decoration:none; background-color:#fafafa; color:#aa4900}
#leftbar .contact dd{ border:none; height:auto; color:#FFF}
.contact ul{ display:block; width:190px !important; font:11px/18px;color:#FFF}
#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}
.leg {background-image:url(images/leg.gif); height:10px}
/*--------------------*/
#content{ float:right; width:700px; text-align:left; margin:10px;padding-top:10px}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.search{ width:200px;  padding:0 8px; height:70px; margin:0 10px auto 10px}
.search span{ float:left; color:#368; 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:10px 5px;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{ }
.images{ float:left; display:block}
#content img{ padding:4px; background-color:#f9f9f9}
.tex{ float:right; width:450px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px}
.tex2{ float:right; width:550px; 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;height:150px; padding:-15px; margin-top:0px}
#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{border-top:1px solid #cfcfcf;height:45px; background-color:#efefef;clear:both}
#footer ul{ color:#999}
#footer ul li{line-height:44px; text-align:left; padding:0 30px; color:#000}
#footer ul li a{ color:#000}
#footer ul li a:hover{ color:#ff6100}

/*=========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_11.gif) no-repeat; height:28px; display:block; margin:auto}
.feedback span{margin-left:40px;display:block;line-height:28px}
.bo{ float:left; margin:2px auto}
label{float: left;padding: 10px 5px 4px 10px; width:70px; 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: 11px;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:20px}
@media all and (min-width: 0px) {/* opera 7 styles */
.feedback .botton { padding:4px 15px}
}
.tj{margin-left:100px; clear:both}
/*-------porducts----------*/
.pro{ margin:5px 10px auto 10px}
.xpro{ display:inline; float:left; border:1px solid #efefef; padding:4px; margin:5px 15px;  line-height:30px; text-align:center}
#content .pro a:hover img{ background-color:#DDF0F0; border:1px solid #27CEF8}
#content .pro a img{ border:1px solid #fff}
.xpro p{ width:140px;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:Tahoma}
.profile .img{ background:url(images/index_06.gif) no-repeat; height:28px; display:block; margin:auto}

/*--------sitemap---------*/
.sitemap{ margin:10px 130px auto 90px}
.sitemap li{ list-style: disc; border-bottom:1px dashed #ccc; line-height:24px}
.sitemap ul{ margin:5px auto 5px 35px}

/*--------openwin---------*/
#t2 {width:1003px; margin:auto; background-color:#FFFFFF; }
.img11{ border:4px solid #efefef}
.open p{ width:950px; margin:5px 15px 5px 15px; text-indent:0em; color:#000; line-height:20px; font-family:Tahoma; text-align:left}
.table { width:400px; font: 11px/18px "Tahoma"; text-align:left; float:left; display:block; margin:5px 0px 5px 15px;}

.dd{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; border-bottom:1px dashed #fff; margin:0 20px auto 20px; color:#FFF}
.dd a{ line-height:30px; color:#fff; display:block; width:100%}
.dd a:hover{ text-decoration:none; background-color:#FAFAFA; color:#aa4900}
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 500px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}

.fon23{ font-size:12px; margin-left:10px}
.fon23 a{ color:#333}
.fon23 a:hover{ color:#ee8c2c; text-decoration:none}


/*---------reso-----------*/
.reso p{ margin:5px; text-indent:0em; color:#000; line-height:20px; font-family:"ËÎÌå"}
.reso .img{ background:url(images/reso.gif) no-repeat; height:28px; display:block; margin:auto}