@import url("../lightbox/lytebox.css");
/* === All CSS  === */
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,dd,dt,dl{margin:0;padding:0;border:0; font-family:Verdana, Arial;}
body{
	font-size:12px;
	background-image:url(../images/bj_red.gif);
	color:#000;
	background-attachment: fixed;
}
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;}
.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:#000000;text-decoration:none;}
a:hover{color:#FF6600;text-decoration:none;}
a.bai:link,a.bai:visited{color:#fff;}
a.bai:hover{color:#fff;}
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;}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

/* === Page CSS === */
.page{padding:10px;line-height:normal;text-decoration:none;text-indent:0px;}
.page a{display:block;padding:2px 6px 0px;border:solid 1px #999;float:left;margin:3px;color:#000;}
.page a:hover{background:#999;color:#fff;}
.pagedefault{padding:2px 6px 0px;border:solid 1px #999;float:left;margin:3px;background:#999;color:#FFF;}
.pageno{padding:2px 10px 0px;border:solid 1px #999;float:left;margin:3px 3px 3px 12px;}
.pageall{padding:2px 10px 0px;border:solid 1px #999;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 === */
.baoti{ height:30px;line-height:30px;font-weight:bold; background:#FCF; padding-left:20px;}
.baoti_l{width:230px; font-weight:bold;}
.baoti_r{width:300px; text-align:right;}
.chanpin h3{color:#000000;font-size:12px;padding:5px 0;margin:0px;text-indent:0px;}
.cp-show{float:left;padding:0 5px 5px;width:180px;height:180px; text-align:center;}
.cp-photo{border:solid #CCC 1px;height:150px;width:150px;text-align:center;padding:2px;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:120px; margin-left:auto; margin-right:auto;}
.cp-photo img {vertical-align:middle; border:0;}
.show{padding:10px;}
.show_neirong img{ padding:5px; border:#F4F2F2 solid 1px; margin-top:10px;}
.show_neirong p{ line-height:25px;}
.show h2,.show h3{font-size:12px;padding:10px 0 0;text-indent:0px;font-weight:normal;width:auto;}
.show dt{float:left; width:550px; line-height:24px; border-bottom:solid 1px #CCC; text-indent:10px; background:url(../images/news_bg.gif) no-repeat; padding-left:10px;}
.show dd{float:left; width:100px; line-height:24px; border-bottom:solid 1px #CCC;}
.photo{padding:10px;text-align:center;}
#demox{width:200px;height:300px;overflow:hidden;text-align:center;}
#demo{overflow:hidden;width:630px;margin:10px;text-align:center;}
.demo-left{width:154px;height:150px;}

/* === 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:#FFC;display:none;filter:Alpha(Opacity=90);}
.proclass ul{line-height:21px;border-top:solid 1px #86007A;border-left:solid 1px #86007A;border-right:solid 1px #86007A;text-align:left;}
.proclass ul li a{display:block;height:20px;padding-left:10px;border-bottom:solid 1px #86007A;}
.proclass ul li a:hover{text-decoration:none;color:#f00;}
.proclass ul li a:visited{}

/* === Your CSS Add Underside === */
.left_class{ width:180px; padding-left:20px; line-height:30px; padding-top:20px;}
.foot p{line-height:25px;}

/* === My top and nav === */
.top-img{width:1003px; height:222px; background:url(../images/top-img.gif); margin:0 auto;}
.nav{width:950px; height:42px; background:url(../images/nav-bg.gif); margin:0 auto; padding-left:53px;}
.nav li {height: 42px; width: 100px; float: left; text-align: center; font-size:14px; font-family:Arial;}
.nav li a,.nav li a:visited {display: block;height: 42px;width: 100px;background-image: url(../images/nav-xian.gif);background-repeat: no-repeat;background-position: right top;line-height: 42px;color:#FF0;}
.nav li a:hover{background-image: url(../images/nav-bg-hover.gif); background-repeat:repeat-x; color:#FFF; width: 100px;}
.nav li a.moren,.nav li a.moren:visited,.nav li a.moren:hover {
background-image: url(../images/nav-bg-hover.gif); background-repeat:repeat-x; color:#FFF; width: 100px;}
.nav li a.nobg,.nav li a.nobg:visited{background-image: none;}
.nav li a.nobg:hover {background-image: url(../images/nav-bg-hover.gif); color:#FFFFFF;}
/* === Content === */
.box{width:1003px; margin:0 auto; background:url(../images/bg.jpg); padding-top:27px;}
.content{width:961px; margin:0 auto; background:url(../images/middle-bg.gif);}
/* === left === */
.left{width:204px; margin-right:22px;}
.left_top{width:204px; height:37px; background:url(../images/left-top.gif);}
.left_content{width:190px; padding-left:7px; padding-right:7px;}
.left h2{width:190px;background-image: url(../images/left-xian.gif);background-repeat: no-repeat;background-position: center bottom; font-size:14px; font-weight:bold; height:20px; text-align:center; color:#BB000B; margin-bottom:8px;}
.left_block{width:169px; margin:0 auto; margin-bottom:20px;}
.left li{background:url(../images/list_bg.gif) no-repeat;width:169px; height:27px; line-height:27px; margin-bottom:8px; text-indent:39px;}
.left_cont{width:169px; margin:0 auto; text-align:left; line-height:25px;}
/* === right === */
.right{width:735px;}
.right_top{width:735px; height:37px; background:url(../images/right-top.gif);}
.right_content{padding-left:30px;}
.news{width:321px; margin-right:20px;}
.news h2{width:321px; height:25px; background:url(../images/news_title.gif); color:#FFF; font-size:14px; font-weight:bold; text-indent:43px; line-height:25px;}
.news_text{width:321px; padding-top:10px; padding-bottom:10px;}
.news li{width:321px; height:24px; background:url(../images/news_bg.gif) no-repeat; line-height:24px; text-indent:15px;}
.company{padding-top:10px; padding-bottom:10px;}
.company h2{width:679px; height:25px; background:url(../images/jj_title.gif); color:#FFF; font-size:14px; font-weight:bold; text-indent:43px; line-height:25px;}
.company-text{line-height:22px; padding:10px 30px 10px 10px;}
/* === right-product === */
.right-pro{padding-left:5px;}
.right-pro div { line-height:25px;}
.right-pro h2{width:679px; height:25px; background:url(../images/jj_title.gif); color:#FFF; font-size:14px; font-weight:bold; text-indent:43px; line-height:25px; margin-bottom:15px;}
.right-pro h2 a:link,.right-pro h2 a:visited{ color:#FFFFFF;}
.pro-show{width:156px; padding-right:12px; padding-bottom:10px;}
.pro-show h3{width:156px; line-height:18px; padding-top:10px; text-align:center;}
.pro-bg{width:156; height:184px;background:url(../images/pro_bg.gif) no-repeat; background-position:center;text-align:center;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:150px;}
.pro-bg img{margin-top:4px; vertical-align:middle; border:0;}
/* === СͼƬ´óСΪ146*174 === */
.content-bottom{width:961px; height:37px; background:url(../images/middle-bottom.gif);}
/* === friend-link === */
.link{width:961px; padding-top:20px; margin:0 auto;}
.link-top{width:961px; height:7px; background:url(../images/link-top.gif) no-repeat; overflow:hidden;}
.link-content{width:961px; background:url(../images/link-bg.gif); line-height:25px;}
.link-title{width:20px;height:52px;background-image: url(../images/link-title.gif);background-repeat: no-repeat;background-position: 5px center;}
.link-text{ padding-left:25px; padding-right:5px; width:890px;}
.link-bottom{width:961px; height:7px; background:url(../images/link-bottom.gif) no-repeat; overflow:hidden;}

/* === footer === */
.foot{text-align:center; padding-top:22px; padding-bottom:22px; color:#FFF;}