/*---------------------------
      design by fen
	  www.fenth.com
-----------------------------*/
*{ margin:0; padding:0}
body{ text-align:center; font:12px/16px Georgia, "Times New Roman", Times, serif}
ul{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
#wrapper{ width:760px; margin:0 auto}
.fontw{ font-weight:bold}

/*------head begin-------*/
#header{}
#logo{ float:left; margin:5px auto}
#header h1{ float:left; font-size:21px;margin:20px 0 auto 30px; line-height:24px; font-style:italic;color:#006699;letter-spacing:1px}
#banner{ background:url(images/banner.jpg) no-repeat; height:59px; width:100%; clear:both}
#nav{width:100%; height:30px; background-color:#4C4C4C; border-top:2px solid #737373}
#nav ul{ margin:1px auto auto 20px}
#nav ul li{ display:block; float:left; margin:0 2px}
#nav ul li a{ color:#fff; font-size:14px; display:block; width:80px; height:28px; line-height:28px;border-top:1px solid #4C4C4C}
#nav ul li a:hover{ background-color:#000; border-top:1px solid #9C0; text-decoration:none}
#nav ul .on a{background-color:#000;border-top:1px solid #9C0}
#nav #data{color:#E8E8E8;margin-top:5px}
/*-----------------*/
#contentWrap{ margin-top:3px;overflow:auto;_height:1%}
#leftbar{ float:left; width:190px; background-color:#EEF5F7}
#leftbar dl dt{ height:34px; background:url(images/title-bg.gif) repeat-x; font:bold 16px/30px Georgia; color:#fff}
#leftbar dl dd{ text-align:left; border-bottom:1px dashed #ccc; margin:0 5px}
#leftbar dl dd .prolist{background-color:#D3E6E6;padding:0 10px}
#leftbar dl dd a{ line-height:26px; color:#036; display:block; width:100%}
#leftbar dl dd a:hover{ text-decoration:none; background-color:#B0DDEC}
#leftbar .contact dd{ border:none; height:auto}
.contact ul{ display:block; border:1px solid #E0E6E8; width:167px !important; width /**/:179px; background-color:#E4EDF0; padding:5px; margin:5px 0; line-height:18px; font-size:11px; font-family:Verdana, Arial}
#leftbar .contact ul li a{ line-height:18px; color: #630; display:inline}
#leftbar .contact dd ul li{text-indent:0 !important; text-indent /**/:-1em}

/*--------------------*/
#content{ float:right; width:565px; text-align:left}
.search{height:28px; border:1px solid #ccc; background:url(images/search.jpg) repeat-x; padding:0 8px; line-height:28px}
.search span{ float:left; color:#368; font-weight:bold}
.search form{ display:inline; float:right; margin-top:2px}
* html .search form{ margin-top:0}
*+html .search form{ margin-top:-1px}
.search .keywords{ width:165px; height:14px !important; height /**/:24px; background:url(images/keywords.gif) left top; border:1px solid #829DB9; padding:4px 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:5px; background-color:#f5f5f5; overflow:hidden}
.about{ }
.images{ float:left}
.images .img1{ margin:8px 0}
.images img{ display:block}
#content img{ padding:4px; border:1px solid #eaeaea; background-color:#f9f9f9}
.tex{ float:right; width:350px; color:#036; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px}
.tex span{ font-size:18px; font-weight:bold; color:#c60; font-family:Georgia, "Times New Roman", Times, serif; display:block; margin:5px auto 15px auto}
.tex .t1{ font-size:14px}
.tex p{ margin:4px auto}
.proShow{ border:1px solid #ebebeb; clear:both; background: url(images/more.png) #fafafa no-repeat 525px; padding:5px; >padding:2px 5px 5px 5px; overflow:auto; height:1%}
.proShow div{width:155px;float:left; background-color:#fff; border:1px solid #eaeaea ;padding:4px;text-align:center;margin:0 5px 0 0}
.proShow a img{border:none}

/*---------------*/
#footer{ background-color:#f2f2f2; margin-top:5px;color:#999; padding-bottom:10px; font-size:10px}
#footer a{ color:#999; font-size:12px}
#menu{ border-bottom:1px solid #ccc;height:26px; background-color:#09c; line-height:26px; text-align:left; padding:0 10px; margin-bottom:10px; color:#C7E9F4}
#menu a{ color:#C7E9F4; margin:0 5px}
#menu a:hover{ color:#036}

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

/*----------contact------------*/
.conDl{ line-height:22px; color:#036; overflow: auto; _height:1%; padding:0 10px 0 250px; background:url(images/contact.jpg) no-repeat 10px 8px}
.conDl dt{ font-size:20px; color:#c60; border-bottom:1px dashed #ccc; padding-left:15px; line-height:40px}
.conDl dd{}
.conDl dd ul{ float:left; padding:20px 0 30px 15px; display:inline}
.conDl dd ul li{ list-style:none}
.conDl a{ color: #990}

/*----------feedback------------*/
.feedback{margin:40px auto; color:#036;}
.bo{ float:left; margin:2px auto}
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: 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; text-align:center;height:160px;line-height:20px;width:140px}
#content .pro a:hover img{ background-color:#DDF0F0; border:1px solid #27CEF8}
.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}

#content .Epro .lin{ background-color:#F6F6F6; border:1px solid #efefef; padding:5px; margin-bottom:0}
.lin a{ color:#c60}
.fanye{ clear:both}
.bigimg{ padding:20px 0; text-align:center}
.bigimg img{ margin:0 auto}
.note{ text-align:center}
.note table{margin:0 auto}
.note td{padding:5px}
/*---------profile-----------*/
.profile p{ margin:5px; text-indent:2em; color:#036; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:22px}
.profile img{ }
/*--------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}