@import url("lytebox.css");
/* === 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:#282828;color:#fff;}
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;padding-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;}
.w988{width:988px;margin-left:auto;margin-right:auto;}
a:link,a:visited{color:#fff;text-decoration:none;}
a:hover{color:#F7791C;text-decoration:none;}
a.bai:link,a.bai:visited{color:#fff;}
a.bai:hover{color:#F7791C;}
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: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 === */
.chanpin h3{color:#000000;font-size:12px;padding:5px 0;margin:0px;text-indent:0px;}
.cp-show{float:left;padding:0 5px 5px;height:280px;width:165px;}
.cp-photo{height:210px;width:146px;text-align:center;padding:2px;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:120px;}
.cp-photo img {vertical-align:middle; border:0;}
.show{padding:10px;}
.show h2,.show h3{font-size:12px;padding:10px 0 0;text-align:center;text-indent:0px;font-weight:normal;width:auto;}
.show dt{float:left; width:600px; line-height:28px; text-indent:10px;}
.show dd{float:left; width:100px; line-height:28px;}
.photo{padding:10px;text-align:center;}
#demox{width:200px;height:300px;overflow:hidden;text-align:center;}
#demo{overflow:hidden;height:208px;width:597px;margin:10px; margin-top:0px;text-align:center;}
.demo-left{width:154px;height:150px;}

/* === 2 Class Menu === */
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9,#menu10{margin:0px 0px 0px 0px; float:left;display:none;}
#menuz1,#menuz2,#menuz3,#menuz4,#menuz5,#menuz6,#menuz7,#menuz8,#menuz9,#menuz10{display:none;}
#menu1{ padding-left:112px;}
#menu2{ padding-left:232px;}
#menu3{ padding-left:836px;}
#menu4{ padding-left:620px;}
/* === 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 === */

.top{

	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
}

.header{
	width:1000px;
	height:auto!important;
	overflow:hidden;
	margin:0 auto;
}
.header_top{}
.header_top_left{
	background:url(../images/header_logo.jpg);
	width:242px;
	height:102px;
	overflow:hidden;
}
.header_top_right{
	background:url(../images/header_services.jpg) top right no-repeat;
	height:60px;
	width:449px;
	text-align:left;
}
.header_dh{
	background:url(../images/header_dh_bg.jpg);
	width:1000px;
	overflow:hidden;
}
.header_dh ul{display:inline-block; *display:inline; zoom:1;}/* ul,float之后居中 */
.header_dh ul li{float:left;width:125px;line-height:38px; display:inline; text-align:center;}
.header_dh ul li a{ color: #FFFFFF; display:block; font-size:12px; font-weight:bolder;}
.header_dh ul li a:hover{ background:url(../images/dh_cli_bg.jpg) center no-repeat; display:block; width:125px;height:38px; color:#F00}
.header_dh_two{
	width:1000px;
	height:25px;
	padding-top:0px;
}
.all_fl{height:25px; width:100%; line-height:32px;}
.small_fl{ height:25px; overflow:hidden; float:left; padding-left:10px; padding-right:10px;}
.header_fla{
	width:1000px;
	height:300px;
	overflow:hidden;
	margin:0 auto;
}


.con_1{ padding-left:15px; padding-top:38px;}
.jianjie{
	height: 229px;
	width: 570px;
	background-image: url(../images/meilijiayuan.jpg);
	background-repeat: no-repeat;
	padding-top: 64px;
	padding-left: 6px;
	border-bottom:#666666 solid 1px;
	color:#CCCCCC;
}
.tupian{
	height: 141px;
	width: 174px;
}
.banner{
	height:293px!important;
	height:295px; 
	width: 401px;
	border-bottom:#666666 solid 1px;
}
.ban_1{
	height: 250px;
	width: 381px;
	margin-top: 10px;
	margin-left: 20px;
}
.con_2{ padding-left:15px; padding-top:26px;padding-bottom:10px;}
.products{ width:617px; height:218px;}
.news{height:218px; width:349px; padding-left:10px;} 
.news h2{
	line-height: 28px;
	width: 349px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-size: 14px;
	font-weight: bolder;
}
.news_con dt{ float:left; width:280px; line-height:24px;} 
.news_con dd{ text-align:center;line-height:24px;} 
.foot{border-top:#ffffff dashed 1px; }
.foot p{ padding-top:10px;display: block;}
.foot a:hover{color:#fff;text-decoration:none;}
.foot .left{ padding-left:10px; line-height:24px;}
.foot .right{
	text-align: right;
	padding-right:10px;
}
.ban{
	width:962px;
	height:192px;
	margin-left:20px;
	padding-bottom:12px;
	background-repeat: no-repeat;
}
.conner{
	padding-left:20px;
	padding-bottom: 10px;
	margin-left:auto;margin-right:auto;
	width:983px;
}
.con_left{ width:229px; border:#505050 solid 1px; border-top:none;}
.con_left h2{
	background-color:#181818;
	border-bottom:#505050 solid 1px;
	border-top:#505050 solid 1px;
	line-height:24px;
	padding-left: 10px;
}
.fenlei{
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom:5px;
	color:#CCCCCC;
}
.fenlei a:link,.fenlei a:visited{color:#CCCCCC;text-decoration:none;}
.fenlei a:hover{color:#CCCCCC;text-decoration:none;}
.fenlei ul{}
.fenlei li{
	background-image: url(../images/fenlei_bg.gif);
	background-repeat: no-repeat;
	width: 205px;
	line-height: 30px;
	background-position: 2px top;
}
.fenlei li a{width: 180px;display: block;}
.fenlei li li{
    background-image: url(../images/fenlei_bg2.gif);
	background-repeat: no-repeat;
	width: 205px;
}
.fenlei li li a{width: 155px;display: block;}
.con_right{
	padding-left: 21px;
	width: 731px;
}
.con_right h1{
	line-height: 24px;
	width: 710px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.pro_arrt0 {
	text-align: left;
	margin: 10px;
}




.meanuN{
	font-size:9pt;
	position:relative;
	z-index:100;
	background-image: url(/images/dh_2.jpg);
	background-repeat: repeat-x;
	margin-top: 90px;
	margin-left: 300px;
}   
.meanuN ul{list-style:none;}   
.meanuN li {float:left;position:relative;}   
.meanuN ul ul {visibility:hidden;position:absolute;top:23px;}   
.meanuN table {position:absolute; top:0; left:0;}   
.meanuN ul li:hover ul,   
.meanuN ul a:hover ul{visibility:visible;}   
.meanuN a{
	display:block;
	background:#cacaca;
	color:#fff;
	text-decoration:none;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-image: url(/images/dh_2.jpg);
	background-repeat: repeat-x;
	line-height: 24px;
}  
  
.meanuN a:hover{
	background:#666;
	color:#fff;
}   
.meanuN ul ul{}   
.meanuN ul ul li {clear:both;text-align:left;font-size:12px;}   
.meanuN ul ul li a{display:block;width:100px;height:15px;margin:0;border:0;border-bottom:1px solid #858585;}   
.meanuN ul ul li a:hover{border:0;background:#666;border-bottom:1px solid #fff;}  

#pro_seban { z-index: 9; right: 10px; top: 140px; position:absolute;  width:400px; height:200px;zoom:1;}
#pro_seban a { width:52px; height:75px; float:left; margin:5px; display:block; position:relative  }
#pro_seban a div{cursor:pointer}
#pro_seban a .img{width:52px; height:52px;overflow:hidden; position:relative;border:1px solid #333;}
#pro_seban a img{margin:0; height:auto; position:absolute; top:-8px; left:-8px;}
#pro_seban a .ppictitle{line-height:23px; height:23px; width:52px; overflow:hidden; text-align:center}
#pro_seban a:hover .img{ border:1px solid #fff}