/* CSS Document */

BODY {
	BACKGROUND-POSITION: 50% top; BACKGROUND-ATTACHMENT: fixed; MARGIN: 0px; FONT: 12px/180% Arial,"??",Helvetica, sans-serif,Verdana; COLOR: #666666; BACKGROUND-REPEAT: repeat; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center;
	background:url(bodybg.jpg) repeat-x;
}
a
{
text-decoration:none;
}
A:link {
	COLOR: #333; TEXT-DECORATION: none
}
A:visited {
	COLOR: #333; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff6600; TEXT-DECORATION: none
}

#div_all
{
width:1000px;
text-align:center;
margin:0 auto;
background-color:#FFFFFF;
}
#div_top #right
{
float:right;
padding-right:20px;
padding-top:40px;
}
#div_top #right #cn
{
width:200px;
height:30px;
text-align:center;
background:url(cn.gif) no-repeat;
padding-top:5px;
color:#FFFFFF;
}
#div_top #right #cn a
{
color:#FFFFFF;
text-decoration:none;
}
#div_banner
{
margin:0px auto;
width:1000px;
height:189px;
}
#div_daohang
{
margin:0px auto;
width:1000px;
height:39px;
background:url(daohangbg.jpg) repeat-x;

}
/*
#div_daohang a
{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
#div_daohang ul
{
height:37px;
list-style:none;
margin:0 auto;
padding-left:5px;
}
#div_daohang ul li
{
background:url(daohangbg2.gif) no-repeat right;
width:105px;
float:left;
margin-top:3px;

}*/

ul.menu {list-style:none;margin:0; padding:0;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block;  font-size:14px; font-weight:bold; text-decoration:none; color:#FFFFFF;}
ul.menu li {position:relative; float:left;  width:142px; margin-top:10px;color:#FFFFFF;background:url(daohangbg2.gif) no-repeat right;}
/*上面的li里面，是一级导航条的定义，relative是相对于TD的，套在TD里面定义位置。*/
ul.menu ul {position:absolute; left:0px; top:28px; background:#82b1dd; display:none; opacity:0; list-style:none; width:105px; }
/*上面的ul是二级下拉菜单的总体定义，定义top，相对于导航顶端的位置，可以定义宽度，是下拉菜单的宽度。*/
ul.menu ul li {position:relative; width:142px; height:25px; margin:0;background-color:#82b1dd;}
/*上面的ul li是拉下来的下拉菜单内容，宽度和高度的定义，背景颜色的定义。*/
ul.menu ul li a {display:block;  background-color:#82b1dd; height:26px; padding-top:5px; text-align:center; color:#ffffff; font-size:12px; font-weight:100; border:1px #ddd solid}
/*上面的ul li a是拉下来的下拉菜单链接的样式，宽度和高度基本上和上面的LI一样，但是为了居中，加了padding，于是高度减小了，但是最终高度和上面一样，背景颜色的定义。*/
ul.menu ul li a:hover {background-color:#528bc0}
/*上面的ul li a是拉下来的下拉菜单链接的样式，鼠标移动上去的样式，改变背景色。*/
ul.menu ul ul { left:80px; top:0px}
/*这个是三级菜单，三级菜单相对于二级菜单的位置，这个左边108就是二级菜单的宽度，让三级菜单正好在右边*/
/*==============================================下面是导航的第一个，可能有圆角，特别处理*/
ul.menu .menulink1 { font-weight:bold; background:url(images/dhb2.gif) no-repeat; width:105px; height:25px; text-align:center; padding-top:10px;}
/*上面的menulink 是一级导航的链接定义，基本保持于最上面的li一致，这里加了背景图片，这里为了使链接居中，加了padding，所以高度相应减少。*/
ul.menu .menulink1:hover, ul.menu .menuhover {background:url(images/dhb2-2.gif) no-repeat; }
/*上面的menulink 是一级导航的链接定义，鼠标移动上去后的样式，换背景图片。*/
ul.menu .menulink { font-weight:bold; width:142px; height:25px; text-align:center; color:#FFFFFF;}
/*上面的menulink 是一级导航的链接定义，基本保持于最上面的li一致，这里加了背景图片，这里为了使链接居中，加了padding，所以高度相应减少。*/
ul.menu .menulink:hover, ul.menu .menuhover {background:url(dhbg.gif) no-repeat center; }

ul.menu .menulinkx { font-weight:bold; width:150px; height:25px; text-align:center; color:#FFFFFF;}
/*上面的menulink 是一级导航的链接定义，基本保持于最上面的li一致，这里加了背景图片，这里为了使链接居中，加了padding，所以高度相应减少。*/
ul.menu .menulinkx:hover, ul.menu .menuhover {background:url(dhbg.gif) no-repeat center; }

/*==============================================下面是导航的最后个，可能有圆角，特别处理*/
ul.menu .menulink3 { font-weight:bold; background:url(images/dhb2.gif) no-repeat; width:75px; height:30px; text-align:center; padding-top:9px;}
/*上面的menulink 是一级导航的链接定义，基本保持于最上面的li一致，这里加了背景图片，这里为了使链接居中，加了padding，所以高度相应减少。*/
ul.menu .menulink3:hover, ul.menu .menuhover {background:url(images/dhb2-2.gif) no-repeat; }
/*上面的menulink 是一级导航的链接定义，鼠标移动上去后的样式，换背景图片。*/

/*上面的menulink 是一级导航的链接定义，鼠标移动上去后的样式，换背景图片。*/
ul.menu .sub {background:#464646 url(images/arrow.gif) no-repeat center right; width:75px }
/*上面的sub,是当某个二级菜单有下面的三级菜单的时候，的定义，带个箭头。*/
ul.menu .topline {border-top:1px solid #aaa;} 









#div_left
{
width:240px;
margin:10px auto;
float:left;
}
#div_left a
{
color:#333333;
}
#div_left #left1
{
width:100%;
height:31px;
background:url(probg.jpg) no-repeat;
text-align:left;

}
#div_left #left1 ul
{
list-style:none;
padding-left:20px;
height:31px;
margin:0 auto;
}
#div_left #left1 ul li
{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
padding-top:5px;

}
#div_left #left2
{
background-color:#EBECEC;
margin:0 auto;
}
#div_left #left2  .ul-1
{
list-style:none;
height:25px;
margin:0px auto;
background:url(class1.gif) bottom no-repeat;
text-align:left;
padding-left:15px;
padding-top:5px;
}
#div_left #left2 .ul-1 li
{
padding-left:15px;
background:url(dot1.gif) no-repeat left;
font-size:13px;
font-weight:bold;
color:#333333;
} 

#div_left #left2  .ul-2
{
list-style:none;
height:25px;
margin:0 auto;
background:url(class1.gif) bottom no-repeat;
text-align:left;
padding-left:15px;
padding-top:5px;
}
#div_left #left2 .ul-2 li
{

padding-left:16px;
background:url(dot2.gif) no-repeat left;
} 




#div_main
{
width:750px;
margin-left:5px;
margin-top:10px;
overflow:hidden;
float:left;
padding-top:5px;
text-align:left;
}
#div_main #info
{
width:95%;
margin:0 auto;
padding-top:20px;
padding-left:20px;
padding-right:20px;
}
#div_main #info .u
{
list-style:none;
text-align:center;
}
#div_main #info .u li
{
margin-top:10px;
}
#div_main #info .u1
{
/*list-style:none;
display:inline;
white-space:nowrap;
overflow:hidden;*/

margin:0 auto;
height:20px;
list-style:none;
display:inline;
white-space:nowrap;
}
#div_main #info .u1 .l1
{
width:80%;
float:left;
height:28px;
padding-top:7px;
border-bottom:1px #ccc  dotted;
}
#div_main #info .u1 .l2
{
width:20%;
float:right;
height:28px;
padding-top:7px;
color:#528bc0;
border-bottom:1px #ccc  dotted;
}
#div_main #about
{
float:left;
width:100%;
padding-left:10px;

}
#div_main #about #top
{
width:100%;
background:url(aboutus.gif) no-repeat left;
text-align:right;
height:15px;
padding-top:16px
}
#div_main #about #main
{
width:100%;
line-height:30px;
padding-right:20px;
padding-top:10px
}

#div_main #zixun
{
float:left;
width:330px;
overflow:hidden;
}
#div_main #zixun a
{
color:#666;
}
#div_main #zixun #top
{
width:100%;
background:url(zixun.gif) no-repeat center;
text-align:right;
height:15px;
padding-top:16px
}
#div_main #zixun #main
{
width:100%;
line-height:25px;
}
#div_main #zixun #main .ul-1
{
margin:0 auto;
height:20px;
list-style:none;
display:inline;
white-space:nowrap;
}
#div_main #zixun #main .ul-1 .li-1
{
padding-left:10px;
width:240px;
float:left;
}
#div_main #zixun #main .ul-1 .li-2
{
width:70px;
float:right;
color:#528bc0;
}

#div_main #zixun #main .ul-2
{
margin:0 auto;
height:20px;
list-style:none;
display:inline;


}
#div_main #zixun #main .ul-2 .li-1
{
padding-left:10px;
width:250px;
float:left;

}
#div_main #zixun #main .ul-2 .li-2
{
width:90px;
color:#528bc0;
float:right;
}

#div_main #new_pro
{
width:100%;
overflow:hidden;
margin:1 auto;

}
#div_main #new_pro #top
{
width:100%;
height:14px;
padding-top:16px;
background:url(new_pro.gif) no-repeat;
text-align:right;
}
#div_main #new_pro #main
{
width:100%;
margin:0 auto;
padding-left:10px;

}
#div_main #new_pro #main #fanye
{
width:100%;
margin:0 auto;
float:left;
text-align:center;

}
#div_main #new_pro #main #pro_des1
{
width:100%; 
height:31px; 
background:url(pro_top.gif) no-repeat;
text-align:left; 
padding-left:30px; 
padding-top:5px; 
color:#528bc0; 
font-weight:bold; 
font-size:14px;
}
#div_main #new_pro #main #pro_des2
{
float:left;
width:100%;
margin:0px 0px;
overflow:hidden;
}
#div_main #new_pro #main #pro_des2 .l1
{
width:146px;
height:25px;
float:left;
background-color:#82b1dd;
color:#FFFFFF;
text-align:center;
padding-top:5px;
font-weight:bold;
font-size:13px;
border-right:1px #fff solid;
cursor:pointer;
}
#div_main #new_pro #main #pro_des2 .l2
{
width:146px;
height:25px;
float:left;
background-color:#528bc0;
color:#FFFFFF;
text-align:center;
padding-top:5px;
font-weight:bold;
font-size:13px;
cursor:pointer;
}
#div_main #new_pro #main #pro_des2 .l3
{
background-color:#65cde8;
width:50%;
overflow:hidden;
height:25px;
float:left;
padding-top:5px;
text-align:left;
padding-left:10px;
}

#div_main #new_pro #main #pro_des3
{
width:100%; 
}
#div_main #new_pro #main .pic
{
width:240px;
height:200px;
float:left;
text-align:center;

}
#div_main #new_pro #main .pic .pro
{
width:180px;
height:140px;
background:url(probg3.gif) no-repeat center;
text-align:center;
padding-top:12px;
}
#div_main #new_pro #main .pic .title
{
width:180px;
height:40px;
text-align:center;

}
/*===========首页的图片展示不一样*/

#div_main #new_pro #main .pic2
{
width:144px;
height:144px;
float:left;
text-align:center;
}
#div_main #new_pro #main .pic2 .pro2
{
width:130px;
height:99px;
background:url(probg2.gif) no-repeat center;
text-align:center;
padding-top:8px;
}
#div_main #new_pro #main .pic2 .title2
{
width:130px;
height:40px;
text-align:center;
}
#div_main #new_pro #main ul
{
overflow:hidden;
padding:0;
margin:0;
float:left;
list-style:none;
}
#div_main #new_pro #main li
{
width:153px;
float:left;
list-style:none;
}
/*===========首页的图片展示图片小*/

#div_link
{
float:left;
width:100%;
margin:0px 0px;
overflow:hidden;
}
#div_link #link1
{
width:110px;
height:25px;
float:left;
background-color:#689DC7;
color:#FFFFFF;
text-align:center;
padding-top:5px;
font-weight:bold;
font-size:13px;
}
#div_link #link2
{
background-color:#73ABD8;
width:870px;
height:25px;
float:left;
padding-top:5px;
text-align:left;
padding-left:10px;
color:#eeeeee;
font-weight:bold;
}
#div_link #link2 a
{
color:#ffffff;
}

#div_foot
{
width:996px;
margin:0 0;
float:left;
background:url(footbg.gif) repeat-x;
padding-top:10px;
text-align:center;
height:100px;
}