/*---------------------------
 
-----------------------------*/
*{ margin:0; padding:0}
body{ text-align:center; font:12px ËÎÌå}
ul{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
#wrapper{ width:980px; margin:0 auto}
.fontw{ font-weight:bold}
 
/* Clear Fix */
 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
 
/*------head begin-------*/
#header{ background-color:#82b64a; background:url(/../style/images/headimg.jpg) no-repeat top;}
#logo{ float:left; margin:5px 15px}
#header h1{ float:left; font-size:36px; color:#fff; margin:18px 10px auto 30px; line-height:40px}
<!--#banner{ background:url(/../style/images/banner.jpg) no-repeat; height:59px; width:100%; clear:both}-->
#b1 ul {
	color:#fff;
	padding:0px 40px 0px 0px;
	width:90%;
	line-height:30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
}
#b1 ul li{float:right; }
#b2 ul {
	color:#fff;
	padding:0px 160px 0px 0px;
	line-height:23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#b2 ul li{float:right; }
#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:12px; display:block; width:80px; height:28px; line-height:28px;border-top:1px solid #4C4C4C}
#nav ul li a:hover{ color:#000; background-color:#fff; border-top:1px solid #9C0; text-decoration:none}
#nav ul .on a{background-color:#fff; color:#000; border-top:1px solid #9C0}
/*-----------------*/
#contentWrap{ margin-top:3px;}
#leftbar{ float:left; width:190px; border-left:1px solid #ccc; border-right:1px solid #ccc}
#leftbar dl dt{ height:34px; background:url(/../style/images/title-bg.gif) repeat-x; font:bold 12px/30px Georgia; color:#fff}
#leftbar dl dd{ text-align:left; margin:0 5px; height:26px}
#leftbar dl dd a{ line-height:26px; color:#036; display:block; width:100%}
#leftbar dl dd a:hover{text-decoration:none}
#leftbar .contact dd{ border:none; height:auto}
.contact ul{ display:block; border:1px solid #E0E6E8; width:167px !important; width /**/:179px; background-color:#fff; padding:5px; margin:5px 0; line-height:18px; font-size:12px; font-family:Verdana, Arial}
#leftbar .contact ul li a{ line-height:18px; color: #630; display:inline}
#leftbar .contact dd ul li{text-align:left; text-indent:0 !important; text-indent /**/:-1em}
/*--------------------*/
div#content{float:right; width:785px; text-align:left}
.search{height:28px; border:1px solid #ccc; background:url(/../style/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(/../style/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}
.about{ border-top:5px solid #f5f5f5; padding-top:6px; margin-bottom:5px}
.images{ float:right}
.images .img1{ margin:8px 0}
.images img{ display:block}
#content img{ padding:4px; border:1px solid #eaeaea; background-color:#f9f9f9}
.tex{ float:left;color:#036; font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px 10px 10px 10px;line-height:22px; text-indent:2em}
.tex span{ font-size:18px; width:450px; 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{clear:both; padding:5px 5px 5px 5px}
.company{ border:1px solid #ebebeb; clear:both; background: url(/../style/images/) #fafafa no-repeat 490px; padding:5px 5px 5px 5px}
div#content .proShow img{ padding:4px; background-color:#fff; border:1px solid #eaeaea; margin:0 5px 0 0;}
/*---------------*/
#footer{ background-color:#f2f2f2;color:#999; padding-bottom:10px; clear:both}
#footer a{ color:#999}
#menu{ border-bottom:1px solid #ccc;height:26px; background-color:#82b64a; line-height:26px; text-align:right; padding:0 10px; margin-bottom:10px; color:#fff}
#menu a{ color:#fff; margin:0 5px}
#menu a:hover{ color:#036}
 
/*=========Enter pages begin=========*/
 
/*----------contact------------*/
.conDl{ line-height:22px; color:#036; overflow: auto; _height:1%}
.conDl dt{ font-size:18px; color:#c60; border-bottom:1px dashed #ccc; padding-left:15px; line-height:40px}
.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(/../style/images/2006102010528751.jpg) no-repeat left bottom; height:120px; cursor:default}
.map a:hover{ height:321px}
/*----------feedback------------*/
.feedback{margin:40px auto; color:#036}
div#content .form-horizontal{
  margin-top: 40px;
}
.bo{ float:left; margin:5px auto; width: 49%;}
label{float: left;padding: 5px 5px 5px 10px; width:80px; text-align:right}
div#content input{padding: 3px}
div#content textarea{width: 564px;}
@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}
.fs{ font-size:12px}
/*-------porducts----------*/
.pro{ margin:5px 10px auto 10px; display: flex; flex-flow: wrap;}
.xpro{width:calc(25% - 8px - 40px); padding:4px; margin:20px;  line-height:30px; text-align:center}
div#content .pro a:hover img{ background-color:#DDF0F0; border:1px solid #27CEF8}
.xpro p a{ color:#036; display:block; line-height: 1.5;}
.xpro p .r{ color:#c60}
.Epro p{ margin:8px auto; color:#036; font-family:Verdana, Arial, Helvetica, sans-serif}
table,td,th{border:1px #ccc solid;border-collapse:collapse}
td{ padding:5px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:12px}
div#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:2em; color:#036; font-family:Verdana, Arial, Helvetica, sans-serif}
.profile img{ margin:10px}
.pagination > li > a,
.pagination > li > span {
  color: #3c763d;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2b542c;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.xy-show-block-xs{
	display:none;
}