/* boby */
body{padding:0px;margin:0px; text-align:center;}
TD {color: #666; font-family:宋体,Verdana,tahoma,Arial; font-size:12px; line-height:180%; TEXT-ALIGN:left;}
div {color: #666; font-family:宋体,Verdana,tahoma,Arial; font-size:12px;}
form{padding:0px;margin:0px;}
#container{
text-align:center;
width:950px;
position:relative;
margin:0 auto; 
}

/* main */
.left{padding-right:40px; width:180px;}
.center{padding:0px;}
.right{padding:0px;}

.td1{background:#0076bf;}
.td2{background:#0984da;}
.td3{background:#0984da;}
.td4{}

.MainCenterTitle{color:#1F4257;}
.show {line-height:200%; padding:10px 0px 50px 0px;}
.show img{margin:0px;}
.products{
width:100%;
}

/*footer*/
.footer { padding:10px 0px; color:#999; TEXT-ALIGN:center; line-height: 160%; }

/* 表单定义 */
.input{
BACKGROUND-COLOR: #fff; 
BORDER: #CCCCCC 1px solid;
font-size:12px;
height:20px;
padding:2px; }

.inputarea{
BACKGROUND-COLOR: #fff; 
BORDER: #CCCCCC 1px solid;
font-size:12px;
height:100px;
padding:2px; }


.input_s{
BACKGROUND-COLOR: #EDF9FF; 
BORDER-top: #69A2CE 1px solid;
BORDER-bottom: #69A2CE 1px solid;
BORDER-left: #69A2CE 0px solid;
BORDER-right: #69A2CE 0px solid;
font-size:12px;
color:#1B58B5;
height:22px;
padding:3px 2px 2px 2px; }

.input4{
BACKGROUND-COLOR: #fff; 
BORDER: #CCCCCC 1px solid;
font-size:12px;
padding:2px; }

.input2{BACKGROUND-COLOR: #fff; height:20px; BORDER: #CCCCCC 1px solid; BORDER-left: #CCCCCC 0px solid;font-size:12px;}
.input3{BACKGROUND-COLOR: #fff; height:20px; BORDER: #CCCCCC 1px solid; BORDER-left: #CCCCCC 0px solid;font-size:12px; }

.page_div{float:left; border:1px solid #cccccc; margin:1px; padding:0px 5px; list-style: none;}
.page2_div li{float:left; width:20px; TEXT-ALIGN:center; border:1px solid #cccccc; margin:1px; list-style: none;}
.li2{ background:#eeeeee; list-style: none;}


/* contactus Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
.contactus{
width:720px;
}

.sidebox {
    margin-left:120px;
	width: 28em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.sideboxsmall {
	margin: 10px 1px; /* center for now */
	float:left;
	width: 16em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	}
.sideboxproduct {
	margin: 10px 1px; /* center for now */
	float:left;
	width: 18.3em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
.clear{
clear:both;
}
/*aboutus*/
.aboutus{
background-image: url(bgaboutus.png);
background-repeat:no-repeat;
background-position:right bottom;
margin:10px auto;
width:700px;
}
.floatleft
{
float: left;
width: 375px;
margin: 0 0 10px 0px;
background-color: #fff;
padding: 2px;

}
.firstletter {
font-size:2.8em; 
font-weight:bold; 
line-height:1.2em;
float:left;
COLOR: #990000;
padding:1px 2px 0px 4px;
}
.blue{
color:#336699;
}
.white{
color:#ffffff;
}
/*growup*/
.growup{
background-image:url(bggrowup.gif);
background-repeat:no-repeat;
background-position:left bottom;
}
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:left; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:700px;} 

/*荣誉*/
.clearfix:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; LINE-HEIGHT: 0; HEIGHT: 0px; content: "."
}
.clearfix {
	DISPLAY: block
}
HTML[xmlns] .clearfix {
	DISPLAY: block
}
* HTML .clearfix {
	HEIGHT: 1%
}
#about_author {
	BORDER-RIGHT: #cecfd0 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #cecfd0 1px solid; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(foot.jpg) #f0f0f0 no-repeat 96% 50%; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 15px; BORDER-LEFT: #cecfd0 1px solid; PADDING-TOP: 15px; BORDER-BOTTOM: #cecfd0 1px solid
}
#about_author IMG {
	FLOAT: left
}
#about_author H4 {
	FONT-SIZE: 1.4em; MARGIN: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#about_author H4 A {
	TEXT-DECORATION: none
}
#about_author P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.author_text {
	PADDING-RIGHT: 80px; PADDING-LEFT: 110px
}
/*product all info*/
.classpro{
padding:20px 10px 5px 20px;
}
.classpro img{
float:left;
margin: 0px 12px 5px 10px;
border: 1px solid #666;
padding: 2px;
height:150px;
width:150px;
}
.clearpro{
  CLEAR: both;
  margin-left:20px;
  PADDING-RIGHT: 10px;
  PADDING-LEFT: 10px; 
  MARGIN-BOTTOM: 10px; 
  PADDING-BOTTOM: 10px; 
  PADDING-TOP: 0px; 
  BORDER-BOTTOM: 1px dotted;
  }
.clearpro img{
margin-left:450px;
margin-bottom:0px;
padding:0px;
}
/*product show*/
.classli{
    text-align: left;
    list-style: none;
    padding: 2px 12px 2px 20px;
    margin: 2px;
    background:  url(classli.png) 5px 5px no-repeat;
   }
/*mapzoom*/
.zoom1 {
	BACKGROUND-IMAGE: url(zongbu.jpg);
        MARGIN: 0px auto; 
	WIDTH: 358px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 251px;
	float:right;
	
}
.zoom1 P {
	DISPLAY: block; MARGIN: 0px; HEIGHT: 251px
}
.zoom1 A {
	DISPLAY: block; MARGIN: 0px; HEIGHT: 251px
}
.zoom1 A:hover {
	BACKGROUND-POSITION: 0px -251px; 
	BACKGROUND-IMAGE: url(zongbu.jpg);
	CURSOR: move; 
	BACKGROUND-REPEAT: no-repeat
}
.zoom2 {
	BACKGROUND-IMAGE: url(fenbu.jpg);
        MARGIN: 0px auto; 
	WIDTH: 350px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 251px;
	float:right;
	
}
.zoom2 P {
	DISPLAY: block; MARGIN: 0px; HEIGHT: 251px
}
.zoom2 A {
	DISPLAY: block; MARGIN: 0px; HEIGHT: 251px
}
.zoom2 A:hover {
	BACKGROUND-POSITION: 0px -251px; 
	BACKGROUND-IMAGE: url(fenbu.jpg);
	CURSOR: move; 
	BACKGROUND-REPEAT: no-repeat
}

.mapleft{ width:310px;
float:left;
}