/* CSS Document */

body{
margin:0;
padding:0;
font-size:12px;
text-align:center;
color:#666666;
background:url(images/bg.gif) repeat-x;
line-height:22px;
}
.clear{ clear:both;}
#main{
margin:0 0 11px 0;
padding:0;
width:982px;
border-left-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-top-color : #CECCCC;
border-left-color : #CECCCC;
border-right-color : #CECCCC;
border-bottom-color : #CECCCC;
border-left-style : solid;
border-right-style : solid;
border-bottom-style : solid;
background:url(images/main-bg.jpg) repeat-x;

text-align:center;
color:#666666;
}
#header{
padding:0;
margin:0 auto;
width:964px;
background:url(images/header-bg.jpg) repeat-x;
}
#top{
margin:0;
width:600spx;
padding:0px;
}
#logo{
float:left;
margin-bottom:2;
padding-left:10px;
}
#lx{
float:right;
width:200px;
margin:0 2px 0 0;
}
#join{
float:left;
margin:0;
padding-bottom:18px;
width:181px;
height:18px;
}
#joinz{
float:left;
margin:0;
width:20px;
height:18px;}
#joinbg{
float:left;
background:url(images/join-bg.gif) repeat-x;
width:142px;
height:18px;
color:#FFFFFF;
text-align:center;
}
#joinbg a{
margin:-3px 0 0 0; height:18px;
}
#joinbg a:link,#joinbg a:visited{
color:#FFFFFF; text-decoration:none;
}
#joinbg a:hover{
color:#FF0000; text-decoration:none;
}
#joiny{
float:right;
width:19px;
height:18px;}
#tel{
margin:0;
width:33px 0 0 0;
width:177px;
height:18px;}
#nav{ width:963px;
margin:0px;
padding:0px;
height:37px;
background:url(images/logo-bg.gif) repeat-x;
}
#nav-name{ float:left; width:948px; height:37px;}
#nav-name ul{ float:left;
margin-left:10px;
padding:0px;
list-style:none;
height:37px;
}
#nav-name ul li{ float:left;}
#nav-name ul li.menu_bar{ background:url(images/nav-line.jpg); height:37px; width:2px; margin:0px 15px; overflow:hidden; float:left;}
#nav-name ul li a,#nav-name ul li a:link,#nav-name ul li a:visited{
float:left;
font-size:12px;
font-weight:bold;
line-height:37px;
color:#000000;
text-align:center;
text-decoration:none;
display:block;
width:70px;
}
#nav-name ul li a:hover{
text-decoration:none;
background:url(images/nav-bg.jpg) no-repeat center;
text-align:center;
color:#FFFFFF;
}
#nav-lt{
margin:0;
float:left;
width:8px;
height:37px;}
#nav-rt{
margin:0;
float:left;
width:7px;
height:37px;}
#flash{
margin-top:3px;
width:963px;
height:215px;}
#center{
margin:14px 0px 6px 0px;
padding:0px;
width:964px;
text-align:left;
background:url(images/left-d.gif) repeat-y;}
#left{
float:left;
width:229px;
margin:0;
padding:0;
}
#left-s{
width:229px;
height:14px;
margin:0;
}
#left-bg{
margin:0;
background:url(images/left-bg.gif) repeat-y;
width:229px;
}
#left-d{
width:229px;
height:10px;
margin:0;}
#search{
margin:7px 15px;
width:179px;
height:16px;
}
#search-ct{
margin:0px;
padding:8px 15px 8px 19px;
height:30px;
}
#search-ct form{
margin:0px;
padding:0px;
}

#cplb{
margin:7px 15px; 14px 14px;
width:135px;
height:16px;
}
#cplb-ct{
margin:13px;
padding:0;
}
.line{
margin:0;
background:url(images/line.gif) no-repeat center;
width:229px;
height:2px;}
#contact{
margin:12px 13px 12px 14px;
width:195px;
height:65px;}
#link{
margin-left:31px;
width:170px;
height:21px;
text-align:center;}
#right{
float:left;
width:721px;
margin:0px 0px 0px 12px;
text-align:left;
padding:0;}
#news{
float:left;
width:523px;
margin:0;
}
#news-lt{
float:left;
width:111;
height:31px;}
#news-bg{
float:left;
background:url(images/news-bg.gif) repeat-x;
width:401px;
height:31px;
}
#new-rt{
float:right;
width:11;
height:31px;}
#news-ct{
color:#666666;
width:490px;
margin:23px 15px 19px 17px;
}
.more{
float:right;
padding-top:10px;
width:39px;
height:12px;}
#cgal{
float:right;
width:180px;
margin-bottom:24px;}
#cgal a:link,#cgal a:visited{
color:#1C2A52; text-decoration:none;
}
#cgal a:hover{
color:#000000; text-decoration:none;
}
#cgal-tp{
margin:0;
width:180px;
height:21px;
}
#al-tp{
margin-top:5px;
width:171px;
height:88px;
}
.al-line{
margin:0;
padding-top:5px;
padding-left:8px;
color:#1C2A52;
background:url(images/al-line.gif) no-repeat bottom;
width:178px;
height:20px;}
#product{
width:721px;
margin:0px;
}
#product-lt{
float:left;
width:112;
height:31px;}
#product-bg{
float:left;
background:url(images/product-bg.gif) repeat-x;
width:598px;
height:31px;
}
#product-rt{
float:right;
width:11;
height:31px;}
#product-ct{
width:702px;
margin:10px 0px 0px 10px;
}
#company{
width:721px;
margin-top:10px;
}
#company-lt{
float:left;
width:111
height:30px;}
#company-lt1{
float:left;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
line-height:30px;
padding-left:43px;
padding-top:2px;
background:url(images/company1.gif) no-repeat;
width:111px; 
height:30px;}
#company-bg{
float:left;
background:url(images/company-bg.gif) repeat-x;
width:599px;
height:30px;
}
#company-bg1{
float:left;
background:url(images/company-bg.gif) repeat-x;
width:710px;
height:30px;
}
#company-rt{
float:right;
width:11;
height:30px;}
#company-ct{
width:685px;  padding:0;
margin:18px 15px 14px 17px;
}
#footer{
margin:0;
padding:0;
width:982px;
text-align:center;}
#menu1 a.xmenu,#menu1 a.xmenu:link,#menu1 a.xmenu:visited{
width:69px;
height:24px;
line-height:24px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
background:url(images/nav-1.jpg) center no-repeat;
}
#menu1 a.xmenu:hover{
width:69px;
height:24px;
line-height:24px;
color:#FFFFFF;
text-align:center; font-weight:bold;
background:url(images/nav-2.jpg) center no-repeat;
}
a,a:link,a:visited{
color:#666666;
text-decoration:none;}
a:hover{
color:#FF0000;
text-decoration:none;}

/*²úƷϵÁÐ*/
#protype ul{ margin:0px; list-style:none;}
#protype ul li{ margin-bottom:3px; list-style:none;}
a.leftpro,a.leftpro:link,a.leftpro:visited{ background:url(images/lb-bg1.gif) no-repeat; display:block; line-height:28px; text-decoration:none; font-size:12px; color:#666666; padding-left:26px; width:199px;}
a.leftpro:hover{ background:url(images/lb-bg.gif); display:block; line-height:28px; text-decoration:none; font-size:12px; color:#FF0000; font-weight:bold; padding-left:26px; width:199px;}
#cplb-ct #procls { overflow:scroll;
min-height:300px;
*height:300px; /*IE6*/
*min-height:300px;
height:auto;
*height:300px;}
#procls ul li{ list-style:none; margin:0px;}
#cls_panel
{
    display: none;
    min-width:120px;
    _width:120px;
    border: 1px solid #88a2bf;
    padding: 8px 10px 8px 10px;
    line-height: 150%;
    position: absolute;
    background-color: #f8f8f8;
    margin: 4px 0 0 -24px;
    z-index: 10;
	font-size:12px;
    color: #263658;
	white-space:nowrap;	
	list-style:none;
}
#cls_panel a
{
    color: #666666;
	text-decoration:none;
	list-style:none;
	line-height:23px;
}
#cls_panel a:hover
{
    color: #FF0000;
}
#cls_panel .icon_txt
{
    padding: 0px 10px;
    font-size: 12px;
    color: #999999;
    float: left;
}
#cls_panel ul
{
    text-align:left;
    margin:0px;
	list-style:none;
}
#cls_panel li
{
    clear:both;
    text-align:left;
    line-height:150%;
	list-style:none;
}

.clslist li:hover
{
}
a,a:link,a:visited{
font-size:12px;
color:#666666;
text-decoration:none;
}
a:hover{
font-size:12px;
color:#FF0000;
text-decoration:}