@charset "utf-8";
/*--------------------------------------------------------
产品页面样式表

version:0.1
author:bclix
email:master@bclix.com
website:www.bclix.com
---------------------------------------------------------*/


/*页面风格
---------------------------------------------------------*/
body {
	margin: 0px;
}

body,td,th {
	color: #434343;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
a {
	text-decoration: none;
	color: #434343;
}
.clear{
}

.more {
	text-align: right;
	padding-right: 5px;
}
.list li {
	margin-top: 5px;
	margin-bottom: 5px;
}


caption {
	font-size: 14px;
	padding: 5px;
	text-align: left;
	font-weight: bold;
}
th {
	padding: 6px 6px 6px 12px;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	background-image: url(../images/table_bg_header.jpg);
	background-repeat: no-repeat;
	background-color: #CAE8EA;
}
td {
	padding: 6px 6px 6px 12px;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background-color: #FFFFFF;
	text-align: center;
}
td.alt {
	color: #797268;
	background-color: #F5FAFA;
}
th.spec {
	background-color: #FFFFFF;
	background-image: url(../images/bullet1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
th.specalt {
	background-color: #F5FAFA;
	background-image: url(../images/bullet2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/*页面容器
---------------------------------------------------------*/
#container {
	width: 901px;
	margin-right: auto;
	margin-left: auto;
}

/*站点顶部
---------------------------------------------------------*/
#pageHeader {
	width: 901px;
	float: left;
}
#logo {
	width: 200px;
	height: 200px;
	float: left;
	background-image: url(../images/logo_bg.gif);
	background-repeat: no-repeat;
	margin: 0px;
	display: none;
}
#logophoto {
	font-size: 24px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 60px;
	display: none;
}

#toplink {
	float: left;
	width: 196px;
	color: #5292BD;
	text-align: right;
	padding-top: 4px;
	padding-right: 4px;
	margin: 0px;
}
#toplink a {
	color: #5690b9;
	font-size: 12px;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 4px;
	margin-left: 4px;
}

#bannar {
	float: left;
	width: 901px;
}
#mainnav {
	width: 901px;
	float: left;
	clear: both;
	background-image: url(../images/nav_bg.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
}
#mainnav ul {
	float: left;
}
#mainnav ul li {
	float: left;
	text-align: center;
}
#mainnav ul a {
	display: block;
	color: #FFFFFF;
	height: 20px;
	width: 128px;
	padding-top: 7px;
}
#mainnav ul a:hover {
	background-image: url(../images/nav_bg_hover.gif);
}








/*站点中部
---------------------------------------------------------*/
#pagemain {
	width: 891px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #003C73;
	float: left;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #003C73;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat-y;
}
#indexpro {
	margin-top: 8px;
	width: 672px;
	float: left;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CECFCE;
	border-left-color: #CECFCE;
}
#indexpro .indexpro {
	height: 165px;
	width: 223px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CECFCE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CECFCE;
	text-align: center;
}
.indexpro span {
	margin-top: 15px;
	display: block;
}

.indexpro p {
	margin-left: 12px;
	margin-top: 0px;
}
.indexpro img {
	margin-top: 7px;
	margin-right: 7px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#indexinfo {
	clear: both;
	margin-top: 20px;
	float: left;
	width: 674px;
	margin-bottom: 10px;
}
#indexcamp {
	width: 674px;
	float: left;
	line-height: 1.5;
}
#indexcamp img {
	margin-right: 20px;
	float: left;
	margin-bottom: 10px;
}
#indexcamp p {
	margin: 0px;
}
#indexcamp p span {
	display: none;
	line-height: 2;
	color: #3996d6;
	font-weight: bold;
}
#indexcamp h3 {
	padding: 0px;
	background-image: url(../images/indexcamp_h3_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 1.5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 14px;
}
#indexcamp h3 span {
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	margin-right: 10px;
	float: right;
	margin-top: -20px;
	display: none;
}
#indexcamp ul {
	margin-top: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
#indexcamp li {
	line-height: 1.8;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#indexcamp li span {
	background-color: #8dcc59;
	margin-right: 4px;
	margin-left: 4px;
	color: #FFFFFF;
}
#indexcamp li span.alt {
	background-color: #afa0de;
}
#indexevent {
	float: left;
	width: 167px;
	padding: 10px;
	margin-left: 55px;
	background-image: url(../images/indexevent_bg.gif);
	border: 1px solid #e6e4e1;
	margin-bottom: 5px;
	display: none;
}
#indexevent h3 {
	color: #c33f65;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 12px;
}
#indexevent img {
	border: 4px solid #FFFFFF;
}
#indexevent li {
	margin: 0px;
	padding: 0px;
}

#indexevent li a {
	display: block;
	background-color: #f5f5f5;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
}










/*左部
---------------------------------------------------------*/
#mainleft {
	padding: 5px;
	width: 180px;
	float: left;
}
#productlist h1 {
	background-color: #0e65af;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 2.5;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#productlistnav {
	margin-top: 10px;
	margin-bottom: 10px;
}
#productlistnav ul {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E3E7;
}
#productlistnav a:hover {
	background-color: #FFFFFF;
}

#productlistnav li {
	display: inline;
}


#productlistnav li a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
	display: block;
	line-height: 2.5;
	padding-left: 12px;
	padding-right: 40px;
}
#productlistnav li ul {
	text-align: left;
}

#productlistnav li ul a {
	border: none;
	margin-left: 15px;
}




/*右部
---------------------------------------------------------*/
#mainright {
	float: left;
	width: 674px;
	padding-top: 12px;
	padding-left: 15px;
	padding-bottom: 30px;
}
#mainright .img {
	margin: 10px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
#mainright .imgl {
	margin: 10px;
	float: left;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
#mainright .imgr {
	margin: 10px;
	float: right;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

.protable {
	width: 672px;
	padding: 0px;
	clear: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.protable_width {
	width: 80px;
}








#mainright h1 {
	background-image: url(../images/product_h1_bg.gif);
	height: 52px;
	margin-top: 8px;
	font-size: 14px;
	padding-top: 39px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	margin-bottom: 0px;
	clear: both;
}
#mainright h4 {
	background-color: #f3eddd;
	clear: both;
	padding-left: 12px;
	margin-bottom: 21px;
	line-height: 2.5;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
}


#infonav {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;



}
#infonav a {
	padding-right: 4px;
	padding-left: 4px;
}


.productfeature

  {
	width: 672px;
	float: left;
	background-image: url(../images/productfeature_bg.gif);
	height: 173px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.productfeature ul {
	margin-top: 15px;
	margin-left: 5px;
	float: left;
}
.productfeature li {
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fc8077;
	line-height: 24px;
	padding-left: 15px;
	display: block;
	width: 160px;
	background-image: url(../images/point.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
}
.featurephoto {
	width: 458px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	left: 0px;
	top: 0px;
	height: 173px;
}
.featurephoto img {
	z-index: 2;
	float: right;
}
.featurephoto h3 {
	z-index: 3;
	font-size: 18px;
	font-style: italic;
	color: #FF554A;
	margin-top: 50px;
}
.featurephoto p {
	z-index: 3;
}
.productphotolist {
	width: 672px;
}

.productphotolist img {
	border: 2px solid #e2e2e2;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.turnpage {
	float: left;
	width: 674px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D6D7D6;
	border-bottom-color: #D6D7D6;
	line-height: 2;
}
.turnpage a {
	margin-right: 3px;
	margin-left: 3px;
}



/*站点底部
---------------------------------------------------------*/
#pagefooter {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #e3e3e3;
	clear: both;
	background-color: #f6f6f6;
	padding-left: 15px;
	color: #999999;
	text-transform: uppercase;
	height: 45px;
	padding-top: 15px;
	width: 886px;
	margin-right: auto;
	margin-left: auto;
}
#footer {
	width: 560px;
	float: left;
}
#footerLink {
	float: left;
}
#footerlink a {
	margin-right: 20px;
	margin-left: 20px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}