/* >> GLOBAL */
html { 
	margin: 0px; padding: 0px; 
}
body {
	font-family:tahoma,arial,宋体;
	font-size:12px; 
	margin: 0px; padding: 0px;	
	margin-right: auto; margin-left: auto; /* Center Align Layout */
	text-align:left; 
	color:#333;
	background-image:url(../image/bg.png);
	background-repeat:repeat-x;
}
	
ul, li{ 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	list-style:none;
} 

h1, h2, h3, h4, h5, dt, h6, tfoot, thead, th {
	text-decoration:none; 
	word-spacing:normal; 
	letter-spacing:normal;
	text-transform:none;
	line-height: normal;
}	
td,p{
	margin: 0; 
	padding: 0; 
}
img{ border:none}
a {
color: #333333;
text-decoration:none
}	
a:hover {
color:#024783;
text-decoration:underline
}
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}
.clearfix {display: block;}
.clear{float:none; clear:both;font-size:0px;line-height:0px;height:0px; min-height:0px; padding:0px; margin:0px; overflow:hidden;}
/* << GLOBAL */
	
.header{min-width:1002px; width:auto !important; margin:0px auto; }

.bound{ width:1002px;margin:0 auto;}
.boundc{ width:970px;margin:0 auto;}
#main_nav{
    height: 31px;
    line-height: 31px;
    margin: 0 auto;
	padding:0;
	float:right;
}
#main_nav  li {float: left;z-index:999;text-align:center; position:relative}
#main_nav  li a {
display: block;
padding: 0px;
text-align:center;
text-decoration: none;
width: 99px;
color: #ebebea;
white-space: nowrap;
}
#main_nav  li a:hover {
color: #333;
background: url(../image/menubgnow.png) no-repeat;
}
#main_nav  li:hover .main_nav_bg{
	display:block;
}
#main_nav .main_nav_bg{
	display:none;
	position:absolute;
	width:99px;	
	top:30px;
	left:0px;
	overflow:hidden;
	z-index:9999;
}
#main_nav .main_nav_bg .main_nav_c {
padding:2px 0 0px 0;
}
#main_nav .main_nav_bg .main_nav_l {
	WIDTH: 99px; HEIGHT: 33px; line-height:33px;
}
#main_nav .main_nav_bg .main_nav_l a{
	TEXT-ALIGN: center; padding:0; WIDTH: 99px; display:block; BACKGROUND: url(../image/menu.png) no-repeat; COLOR: #333; 
}
#main_nav .main_nav_bg .main_nav_l a:hover {
	BACKGROUND: url(../image/menubgnow.png) no-repeat; COLOR: #fff; 
}

.mainbg{BACKGROUND: url(../image/topbg.png) no-repeat; background-position:top;}



.index_slide{width:100%;height:400px;overflow:hidden;clear:both; position:relative;}
.slide_bigpic_box{height:100%; top:0;background:url(../image/loading.gif) 50% 50%  no-repeat; z-index:1}
.slide_bigpic{height:400px;width:100%;position:absolute;left:0;top:0;display:none}
.slide_bigpic_box div.first{display:block}
.slide_bigpic p{position:absolute;left:50%;top:0;width:1600px;height:400px;overflow:hidden;margin-left:-800px}
.slide_bigpic p img{display:block;width:100%;height:100%}

.index_slide2{width:100%;height:270px;overflow:hidden;position:relative;clear:both}
.slide_bigpic_box2{height:100%;position:relative;top:0;background:url(../image/loading.gif) 50% 50%  no-repeat;z-index:1}
.slide_bigpic_box2 div.first{display:block}


.about_title{ background:url(../image/title.png) no-repeat; height:32px; line-height:32px}
.about_title_l{float:left;width:99px;color:#505050;text-align:center; font-size:14px}
.about_title_r{float:right;text-align:right;width:45px;height:32px;background:url(../image/title.png) -955px 0px no-repeat;}
.about_left{ float:left;width:550px; height:232px;}
.about_right{ width:390px; height:216px; background:url(http://www.huadupiju.com/templates/images/index_18.jpg) no-repeat;  float:right}

.product_list{ width:970px; height:260px;}
.product_demo{ overflow:hidden; width:970px;}
.product_box{ background:url(http://www.huadupiju.com/templates/images/box2.jpg) no-repeat; width:219px; height:255px;}
.product_catalog{ height:38px;}
.product_catalog a{ display:block; width:219px; height:38px; line-height:38px; font-size:14px; color:#333; text-align:center;}
.product_catalog a:hover{ background:#025caa; color:#ffffff;}
.product_content{ height:217px;  vertical-align:middle; text-align:center}
.product_img{ width:187px; height:187px; text-align:center;}
.product_name{ height:65px; line-height:16px; padding:0 0 0 12px; text-align:left}
.product_width{ width:15px;}
.product_more{ width:33px; height:260px; padding:0 0 0 14px;}
.product_more a{ display:block; width:33px; height:260px; background:url(http://www.huadupiju.com/templates/images/index_26.jpg) no-repeat;}
.product_more a:hover{ background:url(http://www.huadupiju.com/templates/images/index01_26.jpg) no-repeat;}

.product_moreen{ width:33px; height:260px; padding:0 0 0 14px;}
.product_moreen a{ display:block; width:33px; height:260px; background:url(http://www.huadupiju.com/templates/images/index_26_en.jpg) no-repeat;}
.product_moreen a:hover{ background:url(http://www.huadupiju.com/templates/images/index01_26_en.jpg) no-repeat;}

.product li{ float:left; width:244px; margin:0 0 20px 0;}
.product li .table{ background:url(http://www.huadupiju.com/templates/images/box.jpg) no-repeat; width:219px; height:310px;}

.product dl {
    border-bottom: 1px dashed rgb(204, 204, 204);
    height: 239px;
    padding: 10px;
}
.product dl dt {
    float: left;
    width: 330px;
}
.product dl dd {
    float: left;
    height: 225px;
    line-height: 35px;
    margin-left: 40px;
    width: 340px;
}
.product dl dd h3 {
    background: url("http://www.huadupiju.com/templates/images/cp_title.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 20px;
    text-indent: 10px;
	margin:0 0 15px 0;
	font-weight: normal;
	line-height:33px;
	height:33px;
	padding:0;
}

.anli li{ float:left; width:250px; margin:0 0 20px 0;}
.anli li .table{ background:url(http://www.huadupiju.com/templates/images/box2.jpg) no-repeat; width:219px; height:255px;}
.anli li .anli_content{ height:217px;  vertical-align:middle; text-align:center}

.foot{
background-image:url(../image/bottom.jpg);
background-repeat:repeat-x;
width:100%;
height:145px;
margin:0 auto;
}

.footmenu{height:30px; line-height:30px; text-align:center; color:#eeeeee;}
.footmenu a{padding:0 10px 0 10px; color:#eeeeee}
.main{z-index:1}
.mainCo{min-height:500px; padding:0px; margin:0 auto}


.midNav{float:left; width:20px}
.leftNav{float:left; width:200px; min-height:300px}
.leftNav_t{height:39px; line-height:39px;padding:0;margin:0; background:url(../image/200t.png) no-repeat;}
.left_content{background:url(../image/200m.png); background-repeat:repeat-y; margin:0; padding:0; min-height:300px}
.left_bo{height:8px; line-height:8px;padding:0;margin:0; background:url(../image/200b.png) no-repeat;}

.leftNav ul{padding:20px 30px 20px 30px; }
.leftNav ul li{ border-bottom:dotted 1px #ddd; margin-bottom:10px}
.leftNav li a{display:block; height:25px;padding-left:35px;background:url(../image/dot2.png); background-repeat:no-repeat}
.leftNav li a:hover{ color:#f96125;background:url(../image/dot2now.png);text-decoration:none;background-repeat:no-repeat }
.leftNav a.activeSub{color:#f96125;background:url(../image/dot2now.png);font-weight:bold;z-index:2;background-repeat:no-repeat }

.catalog1{display:block; height:25px;padding-left:30px;background:url(../image/dot2.png); background-repeat:no-repeat;border-bottom:dotted 1px #ddd; margin-bottom:10px} 
.catalog1:hover{color:#f96125;background:url(../image/dot2now.png);text-decoration:none;background-repeat:no-repeat} 


.rightCon{width:750px; float:left}
.rightCon_c{padding:20px 10px 20px 10px;line-height:20px}
.right_title{border-bottom:solid 2px #eee;  height:35px; line-height:35px;}

.height300{ height:300px; line-height:300px }
.height20{ height:20px; line-height:20px }
.height15{ height:15px; line-height:15px }
.height10{ height:10px; line-height:10px }
.clear{clear:both}


#newslist li{
list-style-type: none;
height:37px;
font-size: 12px;
overflow: hidden;
line-height:37px;
background:url(../image/line.gif) 0px 0px no-repeat;
}

#newslist li.title{
padding-left:22px;
}


#newslist div.title{
float:left;
font:12px/25px Verdana, Arial, Helvetica, sans-serif;
}

#newslist .time{
float:right;
white-space: nowrap;
overflow: hidden;
font:10px/21px Verdana, Arial, Helvetica, sans-serif;
padding-right:3px;
color:#999;
}
.npage{height:40px; line-height:40px; padding:10px 0 10px 0; text-align:right}

.newsdetail_t{margin:10px 0 0 0; height:25px; line-height:25px; text-align:center;font-size:14px; font-weight:bold}
.newsdetail_time{text-align:center; background-image:url(../image/line2.gif); background-repeat:repeat-x; line-height:20px; height:20px; background-position:bottom; padding-bottom:5px}

#slist {
}
#slist li {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    cursor: pointer;
    float: left;
    height: 154px;
	margin-top:30px;
    overflow: hidden;
	margin-right:8px;
	margin-left:8px;
    width: 220px;
}
/* 185 264*/
.list_box{
margin-bottom:10px;
}
.list_box_t{ line-height:26px;font-size:14px; font-weight:bold; color:#b49e69; height:26px; margin:5px 0 5px 0}
.list_box_t a,.list_box_ctxt { color:#b59f68}

.list_box_c{ height:110px;}
.list_box_cimg{float:left; width:200px; text-align:left; height:100px}
.list_box_ctxt{float:left; width:520px; line-height:22px; }

.prodao {
    display: block;
    float: left;
    height: 200px;
    padding-right: 10px;
	padding-left: 10px;
    padding-top: 10px;
    width: 160px;
	list-style: none outside none;
}
.prodao img {
    border: 1px solid #edf2f6;
    text-align: center;
}
#proname {
    height: 30px;
    line-height: 30px;
	display:block	;
	text-align:center;
	margin-top:10px;
}
#proname a{
    line-height: 1em;
}
/* CSS Document */
.focus{ width:970px; height:395px; overflow:hidden; position:relative; margin:0 auto}
.focus ul{ height:495px; position:absolute;}
.focus ul li{ float:left; width:970px; height:395px; overflow:hidden; position:relative; background:#000;}
.focus ul li div{ position:absolute; overflow:hidden; z-index:1;}
.focus .preNext{ width:25px; height:80px; position:absolute; top:157px; background:url(../image/sprite.jpg) no-repeat 0 0; cursor:pointer; z-index:1;}
.focus .pre{ left:0;}
.focus .next{ right:0; background-position:right top;}