﻿/* === All CSS  === */
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,dd,dt,dl{margin:0;padding:0;border:0;}
body{font-size:12px;background:#fff;color:#000;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
input{vertical-align:middle;}
table{border-collapse:collapse;}
ul{list-style:none;line-height:24px;}
p{line-height:24px;margin-bottom:12px;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.m10{margin-top:10px;}
.m5{margin-top:5px;}
.w1003{width:1003px;margin-left:auto;margin-right:auto;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover{color:#666;text-decoration:none;}
a.bai:link,a.bai:visited{color:#fff;}
a.bai:hover{color:#faa;}
a.hei:link,a.hei:visited{color:#000;}
a.hei:hover{color:#666;}
a.hui:link,a.hui:visited{color:#666;}
a.hui:hover{color:#000;}

/* === Page CSS === */
.page{
	padding:20px;
	line-height:normal;
	text-align: center;
	margin-top: 5px;
}
.page a{display:block;padding:2px 6px 0px;border:solid 1px #849cc6;float:left;margin:3px;color:#000;}
.page a:hover{background:#5e90c3;color:#fff;}
.pagedefault{padding:2px 6px 0px;border:solid 1px #849cc6;float:left;margin:3px;background:#5e90c3;color:#FFF;}
.pageno{padding:2px 10px 0px;border:solid 1px #849cc6;float:left;margin:3px 3px 3px 12px;}
.pageall{padding:2px 10px 0px;border:solid 1px #849cc6;float:left;margin:3px;}
.left-cp li{cursor:pointer;}
.left-cp li li{cursor:auto;}
.error{width:800px; height:200px; margin:20px auto; text-align:center; font-weight:bold;}

/* === Product List Page CSS === */
.cp-show{
	float:left;
	padding:0 5px 5px;
	height:200px;
	width:155px;

}
.cp-show h3{ line-height:25px;}
.cp-photo{
	height:157px;
	width:152px;
	padding:2px;
	background-image: url(../images/product_bg.jpg);
	background-repeat: no-repeat;
    padding-top:10px;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:120px; margin:0px; padding-left:0px; padding-right:3px;
}
.cp-photo img {vertical-align:middle; border:0;}
.show{
	padding:0px;
	width:668px;overflow:hidden;
}
.show h2,.show h3{
	font-size:12px;
	text-align:center;
	text-indent:5px;
	font-weight:normal;
	width: 150px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}.show h2 {
	font-size:12px;
	text-align:center;
	text-indent:5px;
	font-weight:normal;
	width: 668px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.show dt{float:left; width:500px; line-height:24px;}
.show dd{float:left; width:100px; line-height:24px;}
.photo{padding:10px;text-align:center;}
#demox{width:200px;height:300px;overflow:hidden;text-align:center;}
#demo{overflow:hidden;height:215px;width:645px;margin:10px;text-align:center;}
.demo-left{width:154px;height:180px;}

/* === 2 Class Menu === */
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9,#menu10{width:108px;margin:23px 0px 0px 0px;}
#menuz1,#menuz2,#menuz3,#menuz4,#menuz5,#menuz6,#menuz7,#menuz8,#menuz9,#menuz10{display:none;}

/* === All Menu Class === */
.proclass{position:absolute;z-index:999;background:#1B6F9B;display:none;}
.proclass ul{line-height:21px;border-top:solid 1px #431e03;border-left:solid 1px #431e03;border-right:solid 1px #431e03;text-align:left;}
.proclass ul li a{display:block;color:#fff;height:20px;padding-left:10px;border-bottom:solid 1px #431e03;}
.proclass ul li a:hover{text-decoration:none;color:#f00;}
.proclass ul li a:visited{color:#fff;}

/* === Your CSS Add Underside === */




#logo {
	height: 88px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}
#nav {
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	width: 911px;
	margin-right: auto;
	margin-left: auto;
	height: 36px;
	background-position: center;
}

#banner {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#webbody {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.left {
	width: 213px;
	float: left;
	background-image: url(../images/left_bg.jpg);
	background-repeat: repeat-y;
}
.left_top {
	background-image: url(../images/left_top.jpg);
	background-repeat: no-repeat;
	height: 62px;
	width: 213px;
}

.left_nav {
	background-repeat: repeat-y;
	background-image: url(../images/left_b_2.jpg);

}
.left_nav_search {
	background-repeat: repeat-y;
	background-image: url(../images/left_search.jpg);
	text-align: center;
	height: 80px;
}
.left_nav_search_2 {
	background-repeat: repeat-y;
	background-image: url(../images/left_search.jpg);
	text-align: center;
	height: 50px;
}
.left_nav ul {
	width: 172px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-left: 7px;
	background-image: url(../images/left_bg.jpg);
	background-repeat: repeat-y;
}
.left_nav li {
	background-image: url(../images/left_li.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 16px;
	text-indent: 15px;
	line-height: 25px;
	vertical-align: middle;
	margin-left: 10px;
	background-position: 0px 4px;
}


.left_nav_top {
	background-image: url(../images/left_t.jpg);
	background-repeat: no-repeat;
	height: 29px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	line-height: 27px;
	vertical-align: middle;
	text-indent: 35px;
}
.left_bottom {
	height: 10px;
	width: 212px;
	background-image: url(../images/left_b.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
.right {
	float: right; overflow:hidden;
}
.right_top {
	background-image: url(../images/right_top.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 668px;
}
.right_top_1 {
	height: 25px;
	font-size: 13px;
	line-height: 30px;
	font-weight: bold;
	float: left;
	margin-left: 15px;
	text-indent: 10px;
}
.right_top_2 {
	height: 30px;
	font-size: 12px;
	line-height: 33px;
	float: right;
	margin-left: 15px;
    margin-right:20px;
}
.right_product {
	width: 679px;
}
/*
.cp-show {
	width: 679px;
	height: 180px;
}
cp-photo {
	width: 152px;
	height: 150px;
}
*/
.right_product_p {
	height: 157px;
	width: 152px;
	background-image: url(../images/product_bg.jpg);
	background-repeat: no-repeat;
}
#nav ul {
	float: left;
	line-height: 37px;
	margin-left: 50px;
	width:800px;
}
#nav li {
	float: left;
	margin-left: 5px;
	font-size: 13px;
	font-weight: bolder;
	color: #FFFFFF;
	background-repeat: no-repeat;
	text-align: center;
}
#nav li a:link{
	float: left;
	margin-left: 0px;
	color: #FFFFFF;
	text-decoration: none;
	height: 35px;
	width: 75px;
}
#nav li a:visited{
	float: left;
	margin-left: 0px;
    color: #FFFFFF;
	text-decoration: none;
	height: 35px;
	width: 75px;
}
#nav li a:hover{
	background-image: url(../images/nav_li.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 75px;
	background-position: 1px center;
	color: #000000;
}
#nav li a:active{
	float: left;
	margin-left: 0px;
	text-decoration: none;
	color: #FFFFFF;
	height: 35px;
	width: 75px;
}
.nav_class {
	background-image: url(../images/nav_li1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 2px;
	height: 35px;
}



.right_top_3 {
	background-image: url(../images/right_li.jpg);
	background-repeat: no-repeat;
	text-indent: 20px;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
}
.home_about{
	width:325px;
	padding-right: 5px;
	padding-left: 5px;
}
.home_news{
	padding-right: 5px;
	width: 325px;
}
.nr_t {
	background-image: url(../images/article_t.jpg);
	height: 19px;
	width: 325px;
}
.nr_nr {
	background-image: url(../images/article_bg.jpg);
	background-repeat: repeat-y;
	width: 305px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 20px;
	height: 250px;
	font-size: 12px;
}
.nr_nr dt{
	float:left;
	width:200px;
	line-height:24px;
	border-bottom: dashed 1px #CCC;
	text-indent:10px;
	background-image: url(../images/ico_news.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
}
.nr_nr dd{float:left; width:80px; line-height:24px; border-bottom:dashed 1px #CCC;}
.nr_b {
	background-image: url(../images/article_b.jpg);
	background-repeat: no-repeat;
	width: 325px;
	height: 19px;
}

#bottom {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	font-size: 12px;
	text-align: center;
	color: #1C1C1C;
	margin-top: 25px;
	height: 50px;

}
.a1 {
	height: 22px;
	float: left;
	margin-left: 8px;
	text-align: center;
}
.a2 {height: 22px;
width: 130px;
margin-left: 16px;float: left;

}
.a3 {margin-left: 16px;float: left;

}
.kongbai{
	height: 10px;
}
.link{ margin-top:20px; width:910px;}

