body {margin: 0px; font-family: Arial, Helvetica, sans-serif; line-height:27px;  font-size:14px; background:URL(../images/bg.jpg) center top repeat-y; font-family:"microsoft YaHei"; color:#000;}
ul{list-style-type:none; margin:0px; padding:0;}
img{border:0;}
a{ text-decoration:none; color:#000;}


.index{ clear:both; display: block;}
.clear{ clear: both; display: block; }


/* index style start */
.top{ clear:both; display:block; height: 90px; background: URL(../images/top.jpg); }
.topText{ clear: both; display: block; width: 1000px; height: 90px; margin: 0px auto; text-align: right; color: #FFF; line-height: 50px; background: URL(../images/top.png) left top no-repeat; }
.topText a{ color: #FFF; margin-left: 10px; }


/*  menu style start */
.menu{ clear:both; display:block; width: 1000px; height:35px; background: URL(../images/menu.jpg) center top no-repeat;  overflow:hidden; margin: 0px auto;}
.menu li{ float:left;}
.menu li a{ clear:both; display:block; width:108px; height:35px; line-height: 35px; text-align:center; color: #FFF; }
.menu li:hover{ background: URL(../images/menuHover.jpg) left top repeat-x; }
.menu li .on{  background: URL(../images/menuHover.jpg) left top repeat-x; }



/* banner style start */
.banner{ clear:both; display:block; width: 1000px; height:260px; margin: 0px auto; overflow: hidden;}
#myFocus{ clear: both; display: block; width: 1000px; height: 260px;}
#myFocus img{ border: 0px; width: 1000px; height: 260px; }




/* index */
.indexC{ clear: both; display: block; width: 1000px; margin: 0px auto; padding: 15px 0px; background: #FFF; }





.indexTitle{ clear: both; display: block; height: 32px; line-height: 30px; background: URL(../images/indexTitle.jpg) left bottom no-repeat; text-indent: 2.5em; font-size: 14px;  }
.indexTitle a{ float: right; margin-right: 10px; }
.indexTitle a img{ border: 0px; margin-top: 20px; }

.indexProList{ clear: both; display: block; }
.indexProList li{ float: left; display: block; width: 480px; margin: 10px; }
.indexProListText{ clear: both; display: block; padding: 10px 0px; }
.indexProListPic{ float: left; display: block; width: 200px; height: 200px; margin-right: 10px; }
.indexProListPic img{ border: 0px; width: 200px; height: 200px; }
.indexProListTextC{ float: left; width: 260px; }


.about_news{ clear: both; display: block; margin: 10px; }

.indexAbout{ float: left; display: block; width: 320px; }

.indexNews1{ float: left; display: block; width: 320px; margin-left: 10px; }
.indexNewsList{ clear: both; display: block; margin: 10px 0px; }
.indexNewsList li{ clear: both; display: block; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 1em; background: URL(../images/icon.gif) left 50% no-repeat; }



.indexHonorList, .indexProductGrow{ clear: both; display: block; margin: 0px 10px; }

.indexHonorListC{ clear: both; display: block; }
.indexHonorListC li{ float: left; display: block; width: 230px; margin: 10px 5px; text-align: center; }
.indexHonorListC li div{ clear: both; display: table-cell; width: 230px; height: 230px; vertical-align: middle; text-align: center; border: 1px solid #e3e3e3; }
.indexHonorListC li div img{ border: 0px; max-height: 230px; max-width: 230px; }
.indexHonorListC li span{ clear: both; display: block; }


/* left style */
.left{ float: left; display: block; width: 230px; margin-left: 10px; }

.leftList{ clear: both; display: block; margin-bottom: 15px; }
.leftTitle{ clear: both; display: block; width: 100%; height: 27px; line-height: 27px; text-indent: 2em; background: URL(../images/title.jpg) left top no-repeat;}
.leftListText{ clear: both; display: block; margin: 0px; background: #FFF; }
.leftListText li{ clear: both; display: block; height: 30px; line-height: 30px; text-indent: 3em; background: URL(../images/leftListBg.jpg)  center top repeat-x; border: 1px solid #e3e3e3; border-radius: 10px; margin: 10px 0px; }

.leftContact{ clear: both; display: block; padding: 10px; border: 1px solid #e3e3e3; }



.right{ float: right; display: block; width: 730px; border: 1px solid #e3e3e3; border-top: none; margin-right: 10px; }



.location{ clear: both; display: block; height: 27px; line-height: 27px; background: URL(../images/title.jpg) left top repeat-x; }
.location .classname{ float: left; display: inline-block; text-indent: 2em;}
.location .classurl{ float:right; margin-right:15px; font-size:12px; font-weight:normal;}


.copyright{ clear: both; display: block; width: 1000px; height: 58px; margin: 0px auto; background: URL(../images/copyright.jpg) center top repeat-x; font-size: 12px; }
.copyText{ clear: both; display: block; line-height: 20px; line-height: 25px; text-align: center; color: #FFF; }
.copyText a{ color: #FFF; }



.subContent{ clear: both; display: block; margin: 20px 10px; }
.subNewsContent{ clear: both; display: block; font-size: 16px; color: #666; line-height: 35px; margin-bottom: 20px; }



.subNews{ clear:both; margin: 20px 0px;}
.subNews li{ clear:both; height:35px; line-height:35px; overflow: hidden; background:URL(../images/newsIcon.jpg) left 50% no-repeat; border-bottom:1px dashed #e3e3e3; text-indent:1.5em; font-size:15px; color: #666;}
.subNews li a{ color: #666; }
.subNews li span{ float:right;  }

.newsTitle{ clear:both; text-align:center; font-size:20px; margin-top: 40px;}
.info{ clear:both; text-align:center; height:auto; margin:15px 0px;}

.subPic{ clear:both; padding-top:20px; }
.subPic li{ float:left; margin-left:15px; width:160px; text-align:center; margin-bottom: 15px; }
.subPic li div{ clear:both; display:table-cell; width:160px; height:160px; vertical-align:middle; border:1px solid #ccc;}
.subPic li span{ clear:both; display:block;}
.subPic li div img{ border:0px; max-width:160px; max-height:160px; }





.page{ clear:both; display:block; margin:20px 0px; font-size: 16px; }
.preNext{ clear:both; padding: 20px 0px;  border-top:1px solid #e3e3e3; font-size: 16px;}
.proPic{ clear:both; margin:10px 0px; text-align:center;}





/* scroll start */
.grow {
	width:940px;
	margin:0px auto;
	overflow:hidden;
}
.grow2 {
	width:auto;
	height:auto;
	font-size:14px;
	float:left;
	overflow:hidden;
}
.grow2 li{
	float:left;
	margin:0px 6px;
	text-align:center;
	list-style:none;
	padding:0px;
}
.grow2 li p{ margin:0px; padding:0px; display:block; clear:both; }
.grow2 li span{ clear:both; display:block;}
.grow img{
	height:200px;
	margin-top:12px;
	border:1px solid #CCC;
	padding:1px;
	margin-bottom: 15px;
}
.scroll{ width:400%; }
/* scroll end */

/* scroll start */
#demoThree {
overflow:hidden;
width:940px;
margin:0px auto;
}
#demoThree span{ display:block; clear:both; text-align:center;}
#demoThree li{
	float:left;
	text-align:center;
	padding:0px;
}

#indemoThree {
float: left;
width: 1600%;
}
#demoThree1 {
float: left;
}
#demoThree2 {
float: left;
}
/* scroll end */