@charset "utf-8";







html {
	color: #000;
	background: #FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,
legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
li {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q: before,q: after {
	content: '';
}
abbr,acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input,textarea,select {
	*font-size: 100%;
}
legend {
	color: #000;
}


a:link,
a:visited {
	color: #FCFCFC;
	text-decoration: none;
}
a:hover,
a:active {
	color: #FFBC4D;
}

.graylink a:link,
.graylink a:visited {
	color: #333;
	text-decoration: none;
}
.graylink a:hover,
.graylink a:active {
	color: #DE8F0E;
}

.lightgraylink a:link,
.lightgraylink a:visited {
	color: #999;
	text-decoration: none;
}
.lightgraylink a:hover,
.lightgraylink a:active {
	color: #DE8F0E;
}

.whitelink a:link,
.whitelink a:visited {
	color: #FFF;
	text-decoration: none;
}
.whitelink a:hover,
.whitelink a:active {
	color: #CCCC66;
}

.orangelink a:link,
.orangelink a:visited {
	color: #FF9900;
	text-decoration: none;
}
.orangelink a:hover,
.orangelink a:active {
	color: #FF6633;
}

.yellowlink a:link,
.yellowlink a:visited {
	color: #FFCC00;
	text-decoration: none;
}
.yellowlink a:hover,
.yellowlink a:active {
	color: #FF6633;
}

.greenlink a:link,
.greenlink a:visited {
	color: #058B3E;
	text-decoration: none;
}
.greenlink a:hover,
.greenlink a:active {
	color: #FF6633;
}

.bluelink a:link,
.bluelink a:visited {
	color: #3D72A1;
	text-decoration: none;
}
.bluelink a:hover,
.bluelink a:active {
	color: #FF6633;
}

.lightbluelink a:link,
.lightbluelink a:visited {
	color: #51CEFD;
	text-decoration: none;
}
.lightbluelink a:hover,
.lightbluelink a:active {
	color: #FF6633;
}

.clr {clear: both;}
.mgnt2 {margin-top: 2px;}
.mgnb18 {margin-bottom: 18px;}
.pagt2 {padding-top: 2px;}
.noDis {display: none;}
.nbg { background: none;}


body {
	background: #FFF url("../images/body.png") repeat-x;
	color: #333;
	font-size: 12px;
	font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
	text-align: left;
}

#wrapperIndex {
	width: 100%;
}

#header {
	width: 998px;
	height: 137px;
	background: url("../images/header.png") no-repeat left top;
	margin: 0 auto;
	position: relative;
	z-index: 100; 
}
#header .logo{
	width: 85px;
	height: 68px;
	position: absolute;
	top: 46px;
	left: 2px;
}
#header .cname{
	color: #fff;
	font-size: 28px;
	position: absolute;
	left: 101px;
	top: 68px;
	text-indent: -5000px; 
	display: block;
	width: 167px;
	height: 58px;
	background: url("../images/cname.png") no-repeat;
	top: 63px;
}
#header .cdes {
	font-size: 16px;
	position: absolute;
	top: 12px;
	left: 0px;
}
#header .tel {
	position: absolute;
	top: 12px;font-size: 16px;
	right: 18px;
}

#containerIndexWrap {
	clear: both;
	width: 100%;
}

#carousel { 
	width: 100%;
	height: 365px;
	background: url("../images/spinner-slider.gif") no-repeat center center;
}
#carousel .slideBox {
	width: 100%;
	height: 365px;
	overflow: hidden;
	position: relative;
}
#carousel .slideBox .hd {
	height: 14px;
	overflow: hidden;
	position: absolute;
	right: 430px;
	bottom: 22px;
	z-index: 1;
}
#carousel .slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}
#carousel .slideBox .hd ul li {
	float: left;
	margin-right: 5px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	text-indent: -5000px;
}
#carousel .slideBox .hd ul li.on {
	background: #B5242C;
}
#carousel .slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
	text-indent: -5000px;
}
#carousel .slideBox .bd a {
	display: block;
	width: auto;
	height: 365px;
}

#indexcolumn {
	clear: both;
	width: 998px;
	margin: 28px auto 0 auto;
}
#proclass { 
	width: 100%;
	background: url("../images/box_proclass.png") no-repeat;    overflow: hidden;
}
.box_proclass { 
	position: relative;
	float: left;
	width: 1040px;
	_overflow: hidden;
}
.box_proclass .box_header {
	height: 28px;
	line-height: 18px;
	overflow: hidden;
	padding-right: 8px;
}
.box_proclass .box_header  .box_title {
	display: block;
	height: 28px;
	text-indent: 40px;
}
.box_proclass .box_header .box_title em,
.box_proclass .box_header .box_title strong {
	display: inline;
	font-size: 16px; font-weight:bold;
}
.box_proclass .box_header .box_title .en {
	padding-left: 20px;
	color: #999;
	font-size: 12px;
	font-family: Arial;
}
.box_proclass .box_header .box_title  a.more:link,
.box_proclass .box_header .box_title  a.more:visited {
	line-height: 1.2;
	font-weight: bold;
	position: absolute;
	top: 6px;
	right: 52px;
	color: #666;
}
.box_proclass .box_header .box_title  a.more:hover,
.box_proclass .box_header .box_title  a.more:active {
	color: #2271BE;
}
.box_proclass .box_body {
	width:970px;
	font-size:14px;
	line-height:35px;
	padding: 20px 20px ;
	float: left;
}
#proclass li{
	width: 320px;
	height: 93px;
	margin: 0 20px 25px 0;
	float: left;
	position: relative;
	background: url("../images/proclassLI.png") no-repeat;
}
#proclass li dt {
	width: 114px;
	height: 89px;
	padding: 2px 0 0 2px;
	float: left;
}
#proclass li dt img {
	width: 97px;
	height: 89px;
}
#proclass li dd {
	width: 193px;
	height: 89px;
	padding: 10px 10px 0 0;
	float: left;
}
#proclass li dd  em{
	font-size: 14px;
}
#proclass dd em a:link,
#proclass dd em a:visited{
	color: #333;
}
#proclass dd em a:hover,
#proclass dd em a:active{
	text-decoration: underline;
}
#proclass dd .des {
	padding: 6px 0 10px 0;
	color: #999;
	line-height: 2.0;
}

#recommend {
	width: 998px;
	height: 274px;
	float: left;
	background: url("../images/box_recommend.png") no-repeat;
	overflow: hidden;
	margin-bottom: 30px;
}
.box_recommend { 
	position: relative;
	float: left;
	width: 998px;
	_overflow: hidden;
}
.box_recommend .box_header {
	height: 28px;
	line-height: 20px;
	overflow: hidden;
	padding-right: 8px;
}
.box_recommend .box_header  .box_title {
	display: block;
	height: 28px;
	text-indent: 40px;
}
.box_recommend .box_header .box_title em,
.box_recommend .box_header .box_title strong {
	display: inline;
	font-size: 16px; font-weight:bold;
}
.box_recommend .box_header .box_title .en{
	padding-left: 20px;
	color: #999;
	font-size: 12px;
	font-family: Arial;
}
.box_recommend .box_header .box_title  a.more:link,
.box_recommend .box_header .box_title  a.more:visited {
	display: block;
	width: 112px;
	height: 16px;
	position: absolute;
	top: 25px;
	right: 19px;
	text-indent: -5000px;
	z-index: 100;
}
.box_recommend .box_header .box_title  a.more:hover,
.box_recommend .box_header .box_title  a.more:active {
	color: #FF7F00;
}
.box_recommend .box_body {
	padding: 33px 25px 10px 22px;
	float: left;
}

#recommend .leftLoop {
	overflow: hidden;
	position: relative;
}
#recommend .leftLoop .hd {
	overflow: hidden;
	height: 9px;
	width: 82px;
	position: absolute;
	right: 80px;
	top: 26px;
}
#recommend .leftLoop .hd ul {
	float:right;
	overflow:hidden;
	zoom:1;
}
#recommend .leftLoop .hd ul li {
	position:relative;
	_display:inline;
	float:left;
	width:8px;
	height:8px;
	overflow:hidden;
	background:#ccc;
	margin-right:5px;
	text-indent:-999px;
	background: url("../images/ui_sprites.png") no-repeat -272px -1311px;
	cursor: pointer;
}
#recommend .leftLoop .hd ul li.on {
	background: url("../images/ui_sprites.png") no-repeat -272px -1337px;
}
#recommend .leftLoop .bd {
	position: relative;
}
#recommend .leftLoop .bd ul {
	overflow:hidden;
	zoom:1;
}

#recommend .rlist {
	width: 218px;
	height: 196px;
	float: left;
	margin-right: 20px;
}
#recommend .rlist dt{
	width: 218px;
	height: 164px;
}
#recommend .rlist dt a:link,
#recommend .rlist dt a:visited{
	display: block;
	padding: 0 0 3px 0;
}
#recommend .rlist dt a:hover,
#recommend .rlist dt a:active{
	background: #2B80C7;
}
#recommend .rlist dt img {
	width: 218px;
	height: 164px;
}
#recommend .rlist dd{
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
	margin-top: 4px;
}

#indexcln {
	clear: both;
	width: 998px;
	margin: 0 auto;
	*margin-top: 30px;
}
#about {
	width: 722px;
	min-height: 245px;
	overflow: hidden;
	float: left;
	background: url("../images/box_about.png") no-repeat;
	margin: 0 20px 30px 0;
}
.box_about { 
	position: relative;
	float: left;
	width: 722px;
	_overflow: hidden;
}
.box_about .box_header {
	height: 32px;
	line-height: 32px;
	overflow: hidden;
}
.box_about .box_header  .box_title {
	display: block;
	height: 32px;
	text-indent: 55px; line-height:32px;
}
.box_about .box_header .box_title em,
.box_about .box_header .box_title strong {
	display: inline;
	font-size: 16px; font-weight:bold;
}
.box_about .box_header .box_title .en{
	padding-left: 40px;
	color: #999;
	font-size: 12px;
	font-family: Arial;
}
.box_about .box_header .box_title  a.more:link,
.box_about .box_header .box_title  a.more:visited {
	line-height: 1.2;
	font-weight: bold;
	position: absolute;
	top: 3px;
	right: 2px;
	color: #999;
	display: none;
}
.box_about .box_header .box_title  a.more:hover,
.box_about .box_header .box_title  a.more:active {
	color: #FF7F00;
}
.box_about .box_body {
	padding: 16px 0px 1px 0px;
	float: left;
}

#aboutimg {
	width: 334px;
	height: 236px;
	overflow: hidden;
	float: left;
}
#aboutimg img {
	position: relative;
	top: 6px;
}
#aboutdes {
	display: inline;
	line-height: 2.0;
}
#aboutdes .more {
	position: relative;
	left: 230px;
	top: 5px;
}

#news {
	width: 403px;
	height: 245px;
	float: left;
	overflow: hidden;
	background: transparent url("../images/box_news.png") no-repeat left 5px;
	margin-right: 20px;
}
.box_news { 
	position: relative;
	float: left;
	width: 403px;
	_overflow: hidden;
}
.box_news .box_header {
	height: 32px;
	line-height: 32px;
	overflow: hidden;
}
.box_news .box_header  .box_title {
	display: block;
	height: 32px;
}
.box_news .box_header .box_title em,
.box_news .box_header .box_title strong {
	display: none;
}
.box_news .box_header .box_title .more {
	display: none;
}
.box_news .box_body {
	padding: 20px 0px 10px 0px;
	float: left;
}

.box_news .hd ul {
	padding-left: 30px;
}
.box_news .hd li {
	float: left;
	width: 107px;
	height: 32px;
	text-align: center;
	font-size: 14px;
}
.box_news .hd li.on {
	background: url("../images/ui_sprites.png") no-repeat -173px -1368px;
}

#newscnt li {
	background: url("../images/ui_sprites.png") no-repeat -276px -1442px;
	padding-left: 14px;
	line-height: 2.0;
	*overflow: hidden;
	position: relative;
}
#newscnt li .date{
	font-size: 12px;
	float: right;
	color: #8D8D8D;
	position: absolute;
	right: 2px;
	top: 0;
}
#newscnt li.firstpic {
	background: none;
	line-height: 1.0;
	height: 80px;
	margin-bottom: 8px;
}
#newscnt li.firstpic dt {
	width: 120px;
	height: 80px;
	float: left;
}
#newscnt li.firstpic dt img {
	width: 107px;
	height: 80px;
}
#newscnt li.firstpic dd {
	width: 265px;
	float: left;
}
#newscnt li.firstpic dd .firsttitle:link,
#newscnt li.firstpic dd .firsttitle:visited {
	color: #3D72A1;
}
#newscnt li.firstpic dd .firsttitle:link,
#newscnt li.firstpic dd .firsttitle:visited {
	color: #B5242C;
}
#newscnt li.firstpic dd .des {
	height: 40px;
	padding-top: 10px;
	overflow: hidden;
	color: #999;
	line-height: 1.8;
	overflow: hidden;
}
#newscnt li.firstpic dd .more {
	position: relative;
	top: 5px;
	left: 200px;
}

#contact { 
	width: 237px;

	background: url("../images/box_contact.png") no-repeat;
	line-height: 1.8;
	color: #333;
	float: right;
	overflow: hidden;
}
.box_contact { 
	position: relative;
}
.box_contact .box_header {
	height: 32px;
	line-height: 2.4;
	overflow: hidden;
}
.box_contact .box_header  .box_title {
	display: block;
	height: 32px;
	text-indent: 55px; line-height:32px;
}

.box_contact .box_header .box_title em,
.box_contact .box_header .box_title strong {
	font-size: 16px; font-weight:bold;
	color: #CACEC9;
}
.box_contact .box_header .box_title .more {
	display: none;
}
.box_contact .box_header .box_title .en{
	padding-left: 40px;
	color: #999;
	font-size: 12px;
	font-family: Arial;
}
.box_contact .box_body {
	padding: 20px 0px 10px 0px;
	line-height: 2.0; font-size:14px;
}
#contactcnt p {
	height: 28px;
	margin-bottom: 5px;
	padding-left: 45px;
}
#contactcnt a:link,
#contactcnt a:visited {
	color: #333;
	text-decoration: none;
}
#contactcnt a:hover,
#contactcnt a:active {
	color: #DE8F0E;
}

#footerWrap {
	clear: both; padding:30px 0px; text-align:center; border-top:1px solid #eeeeee;
	color: #333;
	
	*margin-top: 20px;
}

#footer {
	width: 998px;
	margin: 0 auto;
	line-height: 1.8;
}
.footlogo {
	width: 168px;
	float: left;
	padding-top: 26px;
}
.footlogo .cname {
	color: #fff;
	font-size: 23px;
	padding-top: 6px;
}
.footright {
	width: 812px;
	float: left;
}
.copy {
	padding-top: 26px;
}
.frlink {
	padding-top: 10px;
}
.frlink li {
	display: inline;
	padding-right: 18px;
}



#wrapper {
	width: 100%;
	background: url("../images/wrapper.png") repeat-x left 437px;
}
#containerWrap {
	clear: both;
	width: 100%;
	position: relative;
}
.box_container .box_body {
	color: #333;
	line-height: 1.8;
}

#carouseli {
	width: 100%;
}
#carouseli .banner {
	margin: 0 auto;
	height: 300px;
	overflow: hidden;
	text-indent: -5000px;
}
 

#contentWrap {
	clear: both;
	width: 998px;
	margin: 30px auto 0 auto;
}

#sidebar {
	width: 240px;
	float: left;
}
#proCls {  
	margin-bottom: 28px;
}
 
.box_proCls .box_header .box_title  a.more:link,
.box_proCls .box_header .box_title  a.more:visited {
	display: none;
	line-height: 1.0;
	font-weight: bold;
	position: absolute;
	top: 8px;
	right: 18px;
	display: block;
	width: 28px;
	height: 12px;
	text-indent: -5000px;
	color: #fff;
}
.box_proCls .box_header .box_title  a.more:hover,
.box_proCls .box_header .box_title  a.more:active {
	color: #FFBC4D;
}
   
.box_linkus { 
	position: relative;
}
.box_linkus .box_header {
	height: 48px;
	line-height: 3.6;
	overflow: hidden;
	padding-right: 8px;
}
.box_linkus .box_header  .box_title {
	display: block;
	height: 48px;
	text-align: center;
}

.box_linkus .box_header .box_title em,
.box_linkus .box_header .box_title strong {
	font-size: 14px;
	color: #CACEC9;
}
.box_linkus .box_body {
	padding: 22px 23px 8px 23px;
	line-height: 2.0;
}
#linkuscnt a:link,
#linkuscnt a:visited {
	color: #333;
	text-decoration: none;
}
#linkuscnt a:hover,
#linkuscnt a:active {
	color: #DE8F0E;
}

#rightc { 
	width: 740px;
	float: right;
	margin: 17px 0 30px 0;
	_overflow: hidden;
} 
.box_body strong{ font-weight:bold;}