/************************************************************************
Title:			  style.css
Browser(s): 	  IE6,IE7,IE8,ff.

Author: 		  gbuy  for 
Created: 		  11.02.2010
Last modified:  

*************************************************************************/
@charset "utf-8";

html {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	color: #000;
	margin: 0 auto;
	background: #fff url(../images/bg_body.jpg) repeat-x left top;
}

/*	headers
---------------------------------------------*/
#header {
	position: relative;
	text-align: left;
	width: 950px;
	height: 179px;
	margin: 0 auto;
	z-index: 0;




}

#header .topflash {
	position: absolute;
	left: 0;
	top: -10px;
	z-index: 1;
	text-align: left;
}

#header .logo {
	position: absolute;
	left: 2px;
	top: 45px;
}

#header .musics {
	position: absolute;
	right: -170px;
	top: 10px;
}


#header .herdbottom {
	width: 1003px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	height: 14px;
	display: block;
	background: url(../images/herderbottom.jpg) no-repeat 17px bottom;
}

#header .lag {
	position: absolute;
	top: 40px;
	right: 32px;
	z-index: 10000;
	height: 18px;
	line-height: 18px;
}

#header .lag span {
	background: #ED1C24;
	width: 18px;
	float: left;
}

#header .lag span a {
	width: 16px;
	height: 16px;
	padding: 2px;
	background: ED1C24;
	color: #fff;
	border: 1px solid #fff
}


#header .baizi {
	position: absolute;
	top: 25px;
	right: 7px;
}


#header .topnav {
	display: block;
	position: absolute;
	top: 9px;
	right: 3px;
	float: right;
	width: 245px;
	height: 15px;
	line-height: 15px;
	text-align: right;
	z-index: 10;


}

#header .sosang {
	position: absolute;
	left: 0px;
	top: 3px;
	height: 25px;
	line-height: 25px;
}

#header .sosang a {
	padding-left: 10px;
	background: url(../images/ico_sosang.gif) no-repeat left center;
	margin-right: 10px;
	color: #78787A;
}

#header .toptel {
	position: absolute;
	right: 0;
	top: 50px;
}

#header .topnav img {
	vertical-align: middle;
}

#header .topnav a {
	display: block;
	float: left;
	color: #ACACAC;
	line-height: 12px;
	padding: 1px 5px;
	text-align: left;

}

#header .topnav span {
	display: block;
	float: left;
	vertical-align: middle;
	text-align: center;
	width: 2px;
	height: 12px;
	line-height: 12px;

}

#header .topnav a:hover {
	color: #FE7200;
	text-decoration: none;
}

#header .navs {
	position: absolute;
	bottom: 0px;
	left: 0px;
	float: right;
	text-align: right;
	width: 950px;
	height: 36px;




}

.main_nav {
	padding: 0;
	padding-left: 0px;
	margin: 0;
	height: 36px;
	position: relative;
	z-index: 99998;
	width: 950px;
	float: right;
}

.main_nav li {
	float: left;
	height: 36px;
	position: relative;
	background: url(../images/bg_nav.jpg) no-repeat right 0px;

}

.main_nav li a {
	display: block;
	height: 33px;
	line-height: 33px;
	text-align: center;
	color: #41386F;
	text-decoration: none;
	padding: 0 16px;
	font-size: 15px;
	font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", "\5B8B\4F53";
	width: 86px;
	font-weight: bold;

}

.main_nav li a:hover {
	color: #FE7200;
	text-decoration: none;
}

.main_nav li .navonbg {
	color: #FE7200;
	display: block;
	text-decoration: none;
}

.main_nav li dl {
	position: absolute;
	left: 0;
	top: 36px;
	width: 112px;
	display: none;
	background: #Fff;
	filter: alpha(Opacity=80);
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #CDCDCD;
	border-top: none;
}

.main_nav li dl dd {
	height: 25px;
	line-height: 25px;
	border-bottom: 1px solid #EEEEEE
}

.main_nav li dl dd a {
	display: block;
	height: 25px;
	line-height: 25px;
	text-align: left;
	color: #000;
	font-weight: normal;
	font-size: 12px;
	font-family: Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	padding-left: 16px;
	padding-right: 0;
	margin: 0;
	width: auto;


}

.main_nav li dl dd a:hover {
	display: block;
	height: 25px;
	line-height: 25px;
	color: #FE7200;
	border-bottom: none;
	text-align: left;
}

.click {
	margin-top: 200px;
}




#header .top_nav_search {
	position: absolute;
	right: 10px;
	bottom: 15px;
	_bottom: 18px;
	width: 220px;
	height: 23px;
}

#header .top_nav_search .inputbg {
	padding-left: 10px;
	float: left;
	width: 135px;
	overflow: hidden;
	padding-right: 6px;
}

#header .top_nav_search .search_key {
	background: #fff;
	width: 135px;
	height: 16px;
	line-height: 16px;
	margin-top: 1px;
	border: 1px solid #fff;
	color: #000;
}



/*	container
---------------------------------------------*/
#container {
	margin: 0 auto;
	text-align: center;
	background: url(../images/bg_main.jpg) no-repeat center 180px;



}

.container {
	margin: 0 auto;
	text-align: center;
	width: 950px;
	padding: 0px;
}


#sidebar {}

.breads {
	width: 700px;
	text-align: left;
	height: 37px;
	padding-left: 20px;
	padding-right: 0px;
	line-height: 37px;
	color: #41386F;
	margin-bottom: 3px;
	background: url(../images/btn_next1s.gif) no-repeat 2px center;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 16px;
}

.breads span {
	float: right;
	padding-right: 10px;
	line-height: 37px;
	height: 37px;
	color: #ccc;
	font-weight: normal;
	font-size: 12px;
}

.breads span a {
	padding-right: 10px;
	font-weight: normal;
}

.breads .homsimg {
	vertical-align: middle;
	padding-top: 20px;
}






#content {
	line-height: 24px;
	overflow: hidden;
	color: #585858;
	margin-bottom: 10px;
}

#content .text {
	padding: 10px 10px;
}

#content .title {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	margin-bottom: 5px;
	padding-left: 15px;
}

#content .honor {
	padding: 20px 10px 20px 50px;
	overflow: hidden;
}

#content .honor li {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	display: inline;
}

#content .honor li a img {
	width: 178px;
	height: 126px;
	padding: 4px;
	border: 2px solid #C8CAC9;
}

#content .honor li a:hover img {
	border: 2px solid #000
}

#content .honor li p {
	width: 190px;
	text-align: center;
	padding: 1px;
	height: 25px;
	line-height: 25px;
}

.leftmenu {
	width: 230px;
	float: left;
	line-height: 22px;
	margin-bottom: 10px;
	;
	padding-bottom: 15px;
}

.leftmenu dl {
	margin-bottom: 10px;
	padding: 0px;
	padding-bottom: 10px;
}

.leftmenu dt {
	height: 34px;
	line-height: 30px;
	background: url(../images/bg_title.png) no-repeat left bottom;
	text-align: left;
	font-size: 16px;
	color: #41386F;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 28px;
	padding-top: 5px;
	font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", "\5B8B\4F53";
}

.leftmenu dt span {
	font-size: 11px;
	font-weight: normal;
	padding-left: 6px;
	color: #CCC
}

.leftmenu dd {
	line-height: 34px;
	height: 34px;
	font-size: 12px;
	background: url(../images/bg_subleftli.jpg) no-repeat left top;
	margin-bottom: 5px;
}

.leftmenu .subdd {
	padding-left: 10px;
	background: none;
	line-height: 25px;
	width: 200px;
	border-bottom: 1px solid #F5F5F5
}

.leftmenu .subdd a {
	font-weight: normal;
}


.leftmenu dd a {
	color: #585858;
	font-weight: bold;
	width: 180px;
	height: 34px;
	display: block;
	padding-left: 28px;
	background: url(../images/newsli.gif) no-repeat 170px center;
}

.leftmenu dd a:hover {
	color: #41386F;
	background: url(../images/newsliover.gif) no-repeat 170px center;
}

.leftmenu h4 {
	padding-left: 26px;
}

.leftmenu h4 a {
	color: #000;
	font-weight: bold;
}

.leftmenu .imgstyle {
	margin-bottom: 10px;
	padding: 0 2px;
	width: 246px;
	height: 75px;
	overflow: hidden;
}

.rightbox {
	margin-top: 10px;
	line-height: 20px;
}

.rightbox h3 {
	height: 31px;
	line-height: 31px;
	background: url(../images/bg_right_top.jpg) no-repeat left top;
	padding-left: 10px;
	font-size: 12px;
	color: #003399
}

.rightbox ul {
	border: 1px solid #E5E5E5;
	border-top: :none;
	padding: 5px 8px;
	background: url(../images/homepage-tabrio.gif) no-repeat right bottom;
	margin-bottom: 10px;
}

.rightbox .nobgs {
	background: none;
}

.rightbox .mingli {
	background: url(../images/newsli.gif) no-repeat left 6px;
	padding-left: 16px;
	height: auto;
}

.rightbox ul li {
	line-height: 23px;
}


.bgshade {
	height: 38px;
	line-height: 38px;
	padding-bottom: 4px;
	color: #41386F;
	font-size: 14px;
	background: url(../images/pro_bottom_bg.jpg) no-repeat left bottom;
}


.askbox {
	display: none;
}

/*	footer
---------------------------------------------*/
#footer {
	width: 100%;
	height: auto;
	color: #515151;
	text-align: center;
	font-size: 12px;
	margin: 0 auto;
	background: #fff url(../images/bg_foot.jpg) repeat-x center top;
}

#footerbg {
	width: 950px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	line-height: 180%;
}

#footerbg a,
#footerin a {
	color: #524F4F
}

#footerin a:hover {
	color: #F00
}

#footerin {
	text-align: center;
	margin: 0 auto;
	padding-top: 26px;
	height: 38px;
	padding-bottom: 10px;
}

#footerin h2 {
	height: 25px;
	line-height: 25px;
	margin-bottom: 5px;
	padding-bottom: 0;
	font-size: 13px;
}



#footerin .footlink {
	padding: 5px 0;
	width: 100%;
	text-align: center;
	margin: 0px auto;
	width: 700px;
}

#footerin .footlink li {
	float: left;
	width: 80px;
	height: 23px;
	line-height: 23px;
	background: url(../images/top_line.gif) no-repeat right center;
}

#footerin .footlink li a {
	font-size: 13px;
	color: #41386F
}

#footerin .footlink li a:hover {
	color: #FE7200
}

#footerin p {
	clear: both;
	margin: 0px auto;
	padding: 0px;
	line-height: 18px;
}


.foottext {
	clear: both;
	margin: 50px auto 0px auto;
	padding: 0px;
	height: auto;
	font-size: 11px;
	line-height: 140%;
	color: #999;
	text-align: center;
}

.foottext a:link,
.foottext a:visited {
	font-size: 11px;
	line-height: 140%;
	color: #999;
}

.footlinks {
	clear: both;
	margin: 0px auto;
	padding: 0px;
	width: 950px;
	height: auto;
	font-size: 11px;
	line-height: 140%;
	color: #999;
	text-align: center;
}

.footlinks a:link,
.footlinks a:visited {
	font-size: 11px;
	line-height: 140%;
	color: #999;
}

/*	banner
---------------------------------------------*/
.indexbanner {
	width: 950px;
	margin-top: 10px;
	padding: 0;
}

.indexbanner img {
	border: 1px solid #F4F4F2;
}

.banner {
	width: 950px;
	margin-bottom: 15px;
	height: 311px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	text-align: center;
}


/*	index style
---------------------------------------------*/
.indexmain {
	width: 950px;
	margin: 0 auto;
	padding-top: 0px;
}


#case {
	width: 900px;
	overflow: hidden;
	background: url(../images/bg_index_line.png) repeat-x left top;
	height: 230px;
	padding-top: 42px;
	padding-left: 25px;
	padding-right: 25px;
}

#case ul {
	width: 900px;
}

#case ul li {
	width: 263px;
	height: 201px;
	display: inline;
	float: left;
	margin: 0 20px;
	background: url(../images/bg_index_case.png) no-repeat left top;
	position: relative;
}

#case ul li h2 {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	color: #fff;
	font-weight: normal;
	padding-top: 7px;
	padding-left: 12px;
}

#case ul li a {
	display: block;
	width: 262px;
	text-align: center;
	padding-top: 3px;
}

#case ul li a img {
	width: 258px;
	height: 144px;
}

#case ul li a:hover img {
	filter: alpha(opacity=90);
}













.index_service {
	padding: 0;
	margin: 0;
	float: right;
}

.index_service h3 {
	color: #F00;
	height: 42px;
	line-height: 42px;
	margin-bottom: 15px;
	background: url(../images/bg_index_title.png) no-repeat 2px top;
}

.index_service h3 a {
	color: #FFF;
	width: 150px;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	display: block;
	padding-left: 70px;
	background: url(../images/phonek.png) no-repeat 15px -2px;
}

.index_service ul {
	padding: 5px 3px 0px 4px;
	float: left;
	width: 223px;
	background: #F1F1F1;
}

.index_service ul li {
	height: 60px;
	padding-bottom: 5px;
	font-weight: bold;
}

.index_yy {
	background: url(../images/img_yongyu.png) no-repeat 178px center;
}

.index_bp {
	background: url(../images/img_custmer.png) no-repeat 178px center;
}

.indexbrank {
	width: 670px;
	height: 150px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/bg_indexbrank.png) no-repeat center top;
	padding-top: 20px;
	margin-top: 15px;
}

.indexbrank h3 {
	width: 25px;
	padding: 29px 5px 10px 22px;
	float: left;
	background: url(../images/Fwdw_icons_10.png) no-repeat 23px top;
}

.indexbrank h3 a {
	font-size: 16px;
	color: #2E98E2
}

.links a {
	width: 135px;
	height: 108px;
	line-height: 108px;
	background: url(../images/bg_indexbrankli.gif) no-repeat left top;
	margin: 0 auto;
	text-align: center;
}

.brank li {
	width: 200px;
	height: 74px;
	line-height: 74px;
	float: left;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	*display: block;
	*font-size: 70px;
	*font-family: Arial;
	cursor: pointer;
	border: 1px solid #AAAFC5;
	margin-right: 15px;
	margin-bottom: 20px;
}


.links a img {
	border: 1px solid #E2E2E2;
	padding: 1px;
	vertical-align: middle;
}

.links a:hover img {
	border: 1px solid #205AA3;
}


.indexcompany {
	padding: 0px 0px 0 0px;
	margin: 0 auto;
	width: 370px;
	float: left;
}

.indexcompany h2 {
	height: 30px;
	line-height: 30px;
	background: url(../images/bg_indextitle.gif) repeat-x left bottom;
	padding-left: 10px;
	font-size: 14px;
	font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", "\5B8B\4F53";
	color: #000;
	margin-bottom: 5px;
}

.indexcompany h2 span {
	float: right;
	padding-right: 10px;
	width: 25px;
	height: 30px;
	line-height: 30px;
}

.indexcompany h2 span a {
	width: 25px;
	display: block;
	padding-top: 8px;
	width: 25px;
	height: 22px;
	line-height: 22px;
}

.indexcompany h2 span img {
	vertical-align: middle;
}

.indexcompany ul {
	padding: 10px 0px;
	height: 165px;
	line-height: 24px;
	color: #4E4C4D;
}

.indexcompany .leftpicbox {
	width: 150px;
	height: 135px;
	overflow: hidden;
	margin-right: 10px;
	float: left;
	margin-top: 5px;
}

.indexcompany .leftpicbox img {
	padding: 2px;
	width: 138px;
	height: 140px;
	border: 1px solid #DEDEDE
}

.indexpro {
	width: 950px;
	float: left;
	height: 355px;
	overflow: hidden;
	text-align: left;
	padding-top: 5px;
}

.indexpro h3 {
	height: 45px;
	line-height: 45px;
	background: url(../images/bg_indexprotitle.png) repeat-x left bottom;
	padding-left: 10px;
	font-size: 14px;
	font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", "\5B8B\4F53";
	color: #000;
	margin-bottom: 0px;
	z-index: 0;
}


.indexpro h3 span {
	position: relative;
	float: left;
	margin-right: 10px;
	width: 96px;
	height: 45px;
	display: inline;
	line-height: 45px;
	text-align: center;
	z-index: 10;
}

.indexpro h3 span a {
	width: 96px;
	display: block;
	padding-top: 0px;
	height: 45px;
	line-height: 45px;
}

.indexpro h3 span a:hover {
	text-decoration: none;
}

.indexpro h3 .current a {
	background: url(../images/indexpronav.png) no-repeat left top;
	font-weight: bold;
	display: block;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: -5px;
	z-index: 11;
}

.indexpro h3 span img {
	vertical-align: middle;
}


.indexpro ul {
	padding: 28px 0 0 0;
	width: 950px;
	height: 260px;
	overflow: hidden;
}



.indexpro .lis {
	padding: 3px;
	height: 151px;
	float: left;
	width: 174px;
	margin-bottom: 10px;
	background: url(../images/bg_index_pr.png) no-repeat left top;
}

.indexpro .lis span {
	width: 164px;
	height: 154px;
	line-height: 144px;
	float: left;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	*display: block;
	*font-size: 80px;
	*font-family: Arial;
	cursor: pointer;
}

.indexpro .lis span .orderbox {
	position: absolute;
	right: 3px;
	top: 47px;
	width: 24px;
	height: 24px;
}

.indexpro .lis span a img {
	vertical-align: middle;
	border: none;
}

.indexpro .lis span a:hover img {
	filter: alpha(opacity=90);
}

.indexpro li h2 {
	width: 170px;
	height: 20px;
	display: block;
	line-height: 20px;
	font-size: 12px;
	padding: 0px;
	margin: 0;
	text-align: center;
}

.indexpro li h2 a {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	margin: 0;
	text-align: center;
	height: 20px;
}

.indexpro li h2 a:hover {
	color: #ED1C24
}


.indexpbox {
	display: block;
	width: 950px;
	height: 260px;
}

.indexpbox li {
	padding: 10px 0px;
	padding-top: 4px;
	display: inline;
	width: 227px;
	overflow: hidden;
	float: left;
	height: 250px;
	background: url(../images/bg_indexproduct.jpg) no-repeat center top;
}

.indexpbox li .dimg {
	width: 218px;
	height: 145px;
	line-height: 144px;
	padding-left: 3px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	*display: block;
	*font-size: 128px;
	*font-family: Arial;
	cursor: pointer;
}

.indexpbox li .dimg a img {
	vertical-align: middle;
	border: none;
}

.indexpbox li .dimg a:hover img {}

.indexpbox li .hh2 {
	width: 200px;
	padding: 2px 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}

.indexpbox li .hh2 a {
	color: #515151;
	font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", "\5B8B\4F53";
	font-size: 14px;
}

.indexpbox li .hh2 a:hover {
	color: #41386F
}

.indexpbox li p {
	text-align: left;
	padding: 0 10px;
	line-height: 18px;
	color: #666666;
}

.paleft {
	margin:0 5px;
}

.productying {
	display: block;
	width: 950px;
	height: 260px;
}

.productying li {
	padding: 10px 0px;
	padding-top: 4px;
	display: inline;
	width: 227px;
	overflow: hidden;
	float: left;
	height: 250px;
	background: url(../images/bg_indexproduct.jpg) no-repeat center top;
}

.productying li .dimg {
	width: 218px;
	height: 145px;
	line-height: 144px;
	padding-left: 3px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	*display: block;
	*font-size: 128px;
	*font-family: Arial;
	cursor: pointer;
}

.productying li .dimg a img {
	vertical-align: middle;
	border: none;
}

.productying li .dimg a:hover img {}

.productying li .hh2 {
	width: 200px;
	padding: 2px 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}

.productying li .hh2 a {
	color: #515151;
	font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", "\5B8B\4F53";
	font-size: 14px;
}

.productying li .hh2 a:hover {
	color: #41386F
}

.productying li p {
	text-align: left;
	padding: 0 10px;
	line-height: 18px;
	color: #666666;
}




#indexnews {
	padding: 0px 0px 0 0px;
	margin: 0 auto;
	width: 330px;
	float: right;
}

#indexnews h2 {
	height: 30px;
	line-height: 30px;
	background: url(../images/bg_indextitle.gif) repeat-x left bottom;
	padding-left: 10px;
	font-size: 14px;
	font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", "\5B8B\4F53";
	color: #000;
	margin-bottom: 15px;
}

#indexnews h2 span {
	float: right;
	padding-right: 10px;
	width: 25px;
	height: 30px;
	line-height: 30px;
}

#indexnews h2 span a {
	width: 25px;
	display: block;
	padding-top: 8px;
	width: 25px;
	height: 22px;
	line-height: 22px;
}

#indexnews h2 span img {
	vertical-align: middle;
}

.efont {
	font-size: 11px;
	color: #ACACAC;
	font-weight: normal
}


#indexnews li {
	height: 23px;
	line-height: 23px;
	padding-left: 21px;
	background: url(../images/bullet05.gif) no-repeat 11px center;
	border-bottom: 1px solid #F5F5F5;
}

#indexnews li span {
	padding-right: 5px;
	float: right;
	color: #515151;
}

#indexnews li a {
	color: #4E4C4D
}

#indexnews li a:hover {
	color: #DD0302
}

/*	articles

---------------------------------------------*/
.news {
	padding: 10px 2px;
}

.news li {
	line-height: 25px;
	height: 25px;
	padding-left: 16px;
	background: url(../images/newsli.gif) no-repeat 5px center;
}

.news li h2 {
	font-size: 12px;
	color: #004D94;
}

.news li h2 a {
	color: #4C4C4C;
}

.news li span {
	float: right;
	padding-right: 2px;
	color: #CCC
}

.news2 {
	padding: 10px 2px;
}

.news2 li .imgleft {
	float: left;
	margin-right: 12px;
	width: 150px;
	height: 120px;
	overflow: hidden;
}

.news2 li .imgleft a img {
	width: 150px;
}

.news2 li {
	line-height: 25px;
	margin-bottom: 25px;
	padding-bottom: 0px;
}

.news2 li h2 {
	float: right;
	font-size: 14px;
	padding-left: 16px;
	background: url(../images/bul_bracket.gif) no-repeat 2px center;
	font-weight: normal;
	color: #004D94;
	height: 25px;
	line-height: 25px;
	margin-bottom: 4px;
	width: 505px;
}

.news2 li h2 a {
	color: #4C4C4C;
}

.news2 li h2 a:hover {
	color: #DE0019
}

.news2 li span a {
	padding-right: 2px;
	color: #CCC
}

.news2 li .newsbottom {
	width: 100%;
	background: url(../images/line.gif) repeat-x left bottom;
}

.news2 li .newsbottom span {
	float: right;
}

.news2 li p {
	color: #8E8E8E;
	float: right;
	width: 505px;
	padding-left: 16px;
}

.lines {
	background: url(../images/line.gif) repeat-x left bottom;
	margin-bottom: 15px;
	padding-bottom: 6px;
	margin-top: 10px;
}

/*	products
---------------------------------------------*/
.soft {
	margin: 10px auto;
	padding: 10px 0px;
	position: relative;
}

.soft li {
	width: 690px;
	height: 175px;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: url(../images/pro_bottom_bg.jpg) no-repeat center bottom;
}

.soft li div {
	width: 200px;
	height: 140px;
	line-height: 140px;
	_display: inline-table;
	float: left;
	padding: 3px;
	vertical-align: middle;
	text-align: center;
	*display: block;
	*font-size: 132px;
	*font-family: Arial;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/dropdown_box.png) no-repeat right top;
	padding-right: 7px;
	padding-bottom: 10px;
}

.soft li h3 {
	text-align: left;
	margin: 0 auto;
	font-size: 12px;
	width: 466px;
	float: right;
}

.soft li h3 a {
	color: #595757;
	font-size: 12px;
}

.soft li h3 a:hover {
	color: #D9313D
}

.soft li p {
	width: 466px;
	float: right;
}

.soft li p a {
	width: 99px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	display: block;
	background: url(../images/gq_bg.gif) no-repeat center center;
	float: right;
	margin-right: 5px;
	color: #DD0302;
}

.soft li p a:hover {}

.soft h5 {
	background: url(../images/line.gif) repeat-x left top;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 15px;
}

.soft .leftbnt {
	position: absolute;
	left: 0;
	top: 30%;
	width: 30px;
	height: 200px;
	background: url(../images/leftbnt.png) no-repeat center 20px;
	display: block;
	cursor: pointer;
}

.soft .rightbnt {
	position: absolute;
	right: 0;
	top: 30%;
	width: 30px;
	height: 200px;
	background: url(../images/rightbnt.png) no-repeat center 20px;
	display: block;
	cursor: pointer;
}



.vedio {
	padding: 20px 0;
}

.vedio li {
	float: left;
	display: inline;
	width: 200px;
	height: 200px;
	background: url(../images/bg-project_frames_drops.jpg) no-repeat left top;
	margin-right: 30px;
}

.vedio li div {
	width: 210px;
	height: 120px;
	text-align: center;
	margin: 0 auto;
	padding-top: 8px;
	margin-bottom: 5px;
}

.vedio li h4 {
	text-align: center;
}

/*	login
---------------------------------------------*/
#qq {
	width: 118px;
}

#qq_top {
	background: url(../images/qqimg/QQkf_01.gif);
	width: 118px;
	height: 129px;
	float: left;
}

#qq_body {
	background-image: url(../images/qqimg/QQkf_03.gif);
	width: 108px;
	padding: 5px;
	text-align: center;
	float: left;
}

#qq_body ul li {
	font-family: Arial;
	color: #FF0000;
	height: 22px;
	list-style-type: none;
}

#qq_body ul li img {
	margin-right: 8px;
}

#qq_body a {
	font-family: Arial;
	color: #000000;
}

#qq_body a:hover {
	font-family: Arial;
	border-bottom: 1px dashed #CCCCCC;
	color: #ff0000;
}

#qq_end {
	background-image: url(../images/qqimg/QQkf_05.gif);
	width: 118px;
	height: 73px;
	float: left;
}



/*message*/
#messageList {
	FONT-SIZE: 12px;
	padding-top: 5px;
}

#messageList LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 10px;
}

#messageList DL {
	PADDING-RIGHT: 0px;
	DISPLAY: inline;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}

#messageList DT {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 22px;
	BACKGROUND: url(../images/icon_comment.gif) no-repeat 0px 2px;
	PADDING-BOTTOM: 5px;
	CURSOR: pointer;
	height: 20px;
	LINE-HEIGHT: 20px;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #ccc 1px dotted;
	float: left;
}

#messageList DT span {
	float: right;
	text-align: right;
	padding-right: 10px;
	display: block;
	width: 100px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	font-weight: normal
}

#messageList DD {
	PADDING-RIGHT: 0px;
	DISPLAY: none;
	PADDING-LEFT: 20px;
	BACKGROUND: #e5ecf9;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px;
	LINE-HEIGHT: 180%;
	PADDING-TOP: 5px
}

#messageList DD p {
	width: 650px;
	line-height: 25px;
	display: block;
	background: #fff;
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #E5E5E5
}

.pages {
	padding: 0;
	height: 30px;
	line-height: 30px;
	background: url(../images/line.gif) repeat-x left top;
	padding-top: 10px;
}

.pages a {
	color: #666;
	width: 60px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	border: 1px solid #D8D8D8;
	padding: 2px 10px;
	display: block;
	background: #E3E3E3
}

.pages span {
	color: #f00;
	height: 30px;
	line-height: 30px;
	float: right;
}


.linkto {
	height: 147px;
	line-height: 25px;
	background: url(../images/bg_leftbox.jpg) no-repeat left top;
	margin: 0 auto;
	text-align: center;
	padding: 8px;
	margin-bottom: 10px;
}

.linkto li {
	height: 30px;
	line-height: 30px;
}

.linkto h3 {
	text-align: left;
	padding-left: 30px;
	margin-bottom: 0px;
}

.linkto_input {
	width: 130px;
	border: 1px solid #ccc;
}

.proall {
	overflow: auto;
	height: auto;
	padding: 30px 0;
	width: 710px;
}

.proall li {
	float: left;
	margin-right: 50px;
	display: inline;
	margin-bottom: 20px;
}


#preview {
	float: left;
	margin: 10px auto;
	text-align: center;
	width: 380px;
	padding-left: 10px;
}

.jqzoom {
	width: 350px;
	height: 250px;
	position: relative;
}

.zoomdiv {
	left: 859px;
	height: 400px;
	width: 400px;
}

.list-h li {
	float: left;
}

#spec-n5 {
	width: 350px;
	height: 56px;
	padding-top: 6px;
	overflow: hidden;
}

#spec-left {
	background: url(images/left.gif) no-repeat;
	width: 10px;
	height: 45px;
	float: left;
	cursor: pointer;
	margin-top: 5px;
}

#spec-right {
	background: url(images/right.gif) no-repeat;
	width: 10px;
	height: 45px;
	float: left;
	cursor: pointer;
	margin-top: 5px;
}

#spec-list {
	width: 325px;
	float: left;
	overflow: hidden;
	margin-left: 2px;
	display: inline;
}

#spec-list ul li {
	float: left;
	margin-right: 0px;
	display: inline;
	width: 62px;
}

#spec-list ul li img {
	padding: 2px;
	border: 1px solid #ccc;
	width: 50px;
	height: 50px;
}

/*jqzoom*/
.jqzoom {
	position: relative;
	padding: 0;
}

.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 1px;
	left: 0px;
	width: 400px;
	height: 400px;
	background: url(i/loading.gif) #fff no-repeat center center;
	border: 1px solid #e4e4e4;
	display: none;
	text-align: center;
	overflow: hidden;
}

.bigimg {
	width: 800px;
	height: 800px;
}

.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	border: 1px solid #aaa;
	background: #FEDE4F 50% top no-repeat;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
	cursor: move;
}

#spec-list {
	position: relative;
	width: 322px;
	margin-right: 6px;
}

#spec-list div {
	margin-top: 0;
	margin-left: -30px;
	*margin-left: 0;
}



#introBoxes {
	POSITION: relative;
	HEIGHT: 287px;
	width: 950px;
	background: #36C;
	overflow: hidden
}

.introPart {
	DISPLAY: none;
	HEIGHT: 287px;
	width: 950px;
	background: #36C;
	overflow: hidden
}

#introWelcome {
	DISPLAY: block
}

#introNav {
	POSITION: relative;
	HEIGHT: 105px
}

#introNav #playback LI {
	PADDING: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	float: left;
}

#introNav #playback A {
	BACKGROUND-IMAGE: url(../images/nav-icons.png);
	TEXT-INDENT: -9000px;
	MARGIN: 0px 3px 0px 0px;
	OUTLINE-WIDTH: 0px;
	WIDTH: 20px;
	DISPLAY: block;
	BACKGROUND-REPEAT: no-repeat;
	FLOAT: left;
	HEIGHT: 20px;
	overflow: hidden
}

#introNav #playback .prev A {
	BACKGROUND-POSITION: 0px 0px;
	height: 20px;
	width: 20px;
	overflow: hidden
}

#introNav #playback .play A {
	BACKGROUND-POSITION: 0px -20px
}

#introNav #playback .pause {
	display: none;
}

#introNav #playback .pause A {
	BACKGROUND-POSITION: 0px -60px;
	height: 20px;
	width: 20px;
	overflow: hidden
}

#introNav #playback .next A {
	BACKGROUND-POSITION: 0px -40px;
	height: 20px;
	width: 20px;
	overflow: hidden
}

#introNav #playback A:hover {
	opacity: 0.9
}

#timeline {
	POSITION: absolute;
	WIDTH: 100%;
	BACKGROUND: url(../images/timeline.png) no-repeat -10px 0px;
	HEIGHT: 15px;
	OVERFLOW: hidden;
	TOP: 25px;
	LEFT: 0px
}

#timeline .inside {
	POSITION: relative;
	WIDTH: 990px;
	BACKGROUND: url(../images/timeline.png) no-repeat -913px -42px;
	HEIGHT: 100%
}

#introNav UL.nav {
	POSITION: absolute;
	MARGIN: 0px;
	WIDTH: 100%;
	HEIGHT: 40px;
	TOP: 45px;
	LEFT: 0px
}

#introNav .nav LI {
	POSITION: absolute;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	TOP: 0px;
	PADDING-TOP: 0px;
	LEFT: 0px
}

#introNav .nav .p1 {
	LEFT: 5px
}

#introNav .nav .p2 {
	LEFT: 221px
}

#introNav .nav .p3 {
	LEFT: 412px
}

#introNav .nav .p4 {
	LEFT: 642px
}

#introNav .nav .p5 {
	LEFT: 835px
}

#introNav .nav LI A {
	OUTLINE-WIDTH: 0px;
	COLOR: #6e7577;
	FONT-SIZE: 14px
}

#introNav .nav LI A:hover {
	COLOR: #525758;
	TEXT-DECORATION: none
}

#introNav .nav LI.active A {
	COLOR: #383c3d
}

#introNav .nav A .point {
	POSITION: absolute;
	TEXT-INDENT: -9000px;
	OUTLINE-WIDTH: 0px;
	WIDTH: 15px;
	DISPLAY: block;
	HEIGHT: 15px;
	TOP: -20px;
	LEFT: 0px
}

#introNav .nav .p1 .point {
	LEFT: 58px
}

#introNav .nav .p2 .point {
	LEFT: 52px
}

#introNav .nav .p3 .point {
	LEFT: 33px
}

#introNav .nav .p4 .point {
	LEFT: 60px
}

#introNav .nav .p5 .point {
	LEFT: 64px
}

.petshowboxs {
	width: 280px;
	float: right;
}

.petshowboxs p {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #EFEFEF;
}

.petshowboxs .pricestyle {
	color: #f00;
	font-size: 16px;
	padding-left: 10px;
	font-weight: bolder;
}

.petshowboxs .petshowboxsorder {
	padding: 18px;
	margin: 10px auto;
	background: #FFF3D9;
	border: 1px solid #FEE2A3;
}

.petshowboxs .petshowboxsorder a {
	width: 217px;
	height: 38px;
	background: #f00 url(../images/ordernow.gif) no-repeat -2px top;
	display: block;
	text-indent: -9999px;
}

.petshowboxs .petshowboxsorder a:hover {
	background: url(../images/ordernow.gif) no-repeat -2px -40px;
}

.orderbox {
	text-align: right;
	margin: 10px 0;
}

.index_comtu {
	background: url(../images/bg_indextu.png) no-repeat right -1px;
	overflow: hidden;
	height: 192px;
	margin-bottom: 14px;
}

.index_comtu h3 {
	color: #F00;
	height: 42px;
	line-height: 42px;
	margin-bottom: 10px;
	background: url(../images/bg_index_title.png) no-repeat 2px top;
}

.index_comtu h3 a {
	color: #FFF;
	width: 150px;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	display: block;
	padding-left: 70px;
	background: url(../images/product_icon.png) no-repeat 15px 2px;
}



#picBox {
	width: 226px;
	height: 182px;
	float: left;
	margin: 0px auto;
	padding: 0;
	overflow: hidden;
	position: relative;
}

#picBox ul#show_pic {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 182px;
	width: 3050px;
	position: absolute;
}

#picBox ul#show_pic li {
	float: left;
	margin: 0;
	padding: 0;
	height: 182px;
}

#picBox ul#show_pic li img {
	display: block;
	width: 226px;
	height: 182px;
}

#icon_num {
	position: absolute;
	bottom: 5px;
	right: 10px;
}

#icon_num li {
	float: left;
	background: url(../images/flashbutton.gif) no-repeat -15px 0;
	width: 15px;
	height: 15px;
	list-style: none;
	color: #515151;
	text-align: center;
	cursor: pointer;
	padding: 0;
	margin: 0;
	margin-right: 5px;
}

#icon_num li:hover,
#icon_num li.active {
	background: url(../images/flashbutton.gif) no-repeat 0 0;
	color: #fff;
}

#picBox_top {
	width: 226px;
	height: 182px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
}

#picBox_top ul#show_pic_top {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 182px;
	width: 226px;
	position: absolute;
}

#picBox_top ul#show_pic_top li {
	float: left;
	margin: 0;
	padding: 0;
	height: 182px;
}

#picBox_top ul#show_pic_top li img {
	display: block;
}

#icon_num_top {
	position: absolute;
	bottom: 0px;
	right: 10px;
}

#icon_num_top li {
	float: left;
	background: url(../images/flashbutton.gif) no-repeat -15px 0;
	width: 15px;
	height: 15px;
	list-style: none;
	color: #39F;
	text-align: center;
	cursor: pointer;
	padding: 0;
	margin: 0;
	margin-right: 5px;
}

#icon_num_top li:hover,
#icon_num_top li.active {
	background: url(../images/flashbutton.gif) no-repeat 0 0;
	color: #fff;
}



#demoLeft {
	float: left;
	margin: 0px;
	overflow: hidden;
	width: 710px;
	height: 180px;
	padding-top: 5px;
	z-index: -1000px;


}




#demoLeft .indemo {
	float: left;


}

#demoTop .indemo {
	float: left;
	width: 100%;

}

#demo1,
#demo3 {
	float: left;


}

#demo2,
#demo4 {
	float: left;

}

#KinSlideshow {
	margin-top: 20px;
	height: 200px;
	display: none;

}

.KSS_titleBox {
	height: 15px;
	background: #ccc;
	filter: alpha(Opacity=50);

}

#btnlistID {}

#btnlistID li {
	background: #F39 url(../images/flashbutton.gif) no-repeat -15px 0;
}