body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 12px;
background-image:url(../images/alldi.jpg);
}

.colorgray12{
color:#666666;
font-size:12px;}

.colorblue12{
color:#0067B3;
font-size:12px;}

.colorblue{
color:#0067B3;
}




#page-container {
width:998px;
background-color:#FFFFFF;
background-image:url(../images/topdi1.jpg);
background-repeat:repeat-x;
margin:auto;
}

#head{
width:960px;
margin:auto;}

#head a {
color:#666666; text-decoration:none;
}

#head a:hover {
color:#0067B3;text-decoration:underline;
}

#page0{
width:980px;
margin:auto;
}

#footer{
width:980px;
margin:auto;
height:50px;
margin-bottom:20px;
color:#FFFFFF;
font-size:12px;
line-height:18px;
margin-top:8px;
padding-left:12px;}

#footer a {
color:#ffffff; text-decoration:underline;
}

#footer a:hover {
color:#ffffff;text-decoration:none;
}

/*********** #page styles ***********/
#page{
width:960px;
background-color:#FFFFFF;
margin:auto;
background-image:url(../images/pageshade.jpg);
background-repeat:repeat-x;
color:#666666;
line-height:18px;
padding-left:10px;
padding-right:10px;
}


#pageguide{ 
width:945px;
text-align:right;
margin:auto;
height:40px;
line-height:40px;
color:#666666;}

#pageguide a {
color:#666666; text-decoration:none;
}

#pageguide a:hover {
color:#0066B3;text-decoration:underline;
}



#leftbuttondi{
width:130px;
height:30px;
color:#666666;
margin-bottom:6px;
padding-left:80px;
background-image:url(../images/leftbutton_di.jpg);
background-repeat:no-repeat;
line-height:30px;}


#leftbuttondi a {
color:#666666; text-decoration:none;
}

#leftbuttondi a:hover {
color:#0066B3;text-decoration:underline;
}

#leftbuttonmore{
	weidth:130px;
	background-color:#dddddd;
	margin-bottom:7px;
	display:block;
	position: relative;
}

#leftbuttonmore li{
width:130px;
float:left;
height:24px;
padding-bottom:6px;
padding-left:60px;
font-size:12px;
line-height:24px;
margin-top:5px;
}

#leftbuttonmore a {
color:#666666; text-decoration:none;
}

#leftbuttonmore a:hover {
color:#0066B3;text-decoration:underline;
}

#contact{
width:420px;
height:170px;
padding:10px;
background-image:url(../images/contact_right1.jpg);
background-repeat:no-repeat;

}




/*********** #news styles ***********/
#news{
width:690px;
color:#666666;
}

#news ul{
width:690px;
margin:0;
padding:0;
list-style:none;

}
#news li{
width:680px;
height:30px;
border-bottom:1px dashed #dddddd;
font-size:12px;
line-height:30px;
list-style-type:circle;
text-align:left;
}
#news .data{
width:110px;
float:right;
text-align:right;
height:30px;
font-size:11px;
line-height:30px;
list-style-type:none;
}

#news a {
color:#666666; text-decoration:none;
}

#news a:hover {
color:#0066B3;text-decoration:underline;
}


#indexnews{
width:405px;
padding-top:10px;
}

#newspro{
width:390px;
height:25px;
margin:auto;
background-image:url(../images/newsdi1.jpg);
border:1px solid #dddddd;
background-repeat:repeat-x;
color:#0067B3;
font-weight:bold;
line-height:25px;}


#newscontent{
width:379px;
margin:10px;
line-height:20px;
color:#666666;
font-size:11px;
}

#newscontent a {
font-size:12px;
color:#666666; text-decoration:none;
}

#newscontent a:hover {
font-size:12px;
color:#0067B3;text-decoration:underline;
}







#detailbox5{

height:28px;
background:url(../images/index_left2.gif);
border-top: #9EC3EC 1PX solid;
border-left: #9EC3EC 1PX solid;
border-right: #9EC3EC 1PX solid;
border-bottom: #9EC3EC 1PX solid;
font-family: Verdana, Arial, Helvetica, Sans-serif;
line-height:30px;
text-align:center;
}

#detailbox5 a {
font-size:12px;
color:#666666; text-decoration:none;
}

#detailbox5 a:hover {
font-size:12px;
color:#0067B3;text-decoration:underline;
}



#newsdetailtitle{
width:660px;
font-size:14px;
color:#0067B3;
font-weight:bold;
line-height:22px;
text-align:center;
margin:10px;}

#newsdetailcontent{
width:660px;
font-size:14px;
color:#666666;
line-height:22px;
margin:10px;}












#productsearch{
float:right;
width:730px;
height:45px;
line-height:45px;
border-bottom:1px dashed #dddddd;
color:#0067B3;
text-align:right;}


#newproducts{
width:675px;
}


#newproducts ul{
width:675px;
list-style:none;
padding:0;
margin:0;
}


#newproducts li{
width:120px;
list-style:none;
margin-right:15px;
height:160px;
margin-bottom:10px;
float:left;
text-align:center;
}

#newproductsimg{
width:100px;
height:100px;
border:1px #dddddd solid;
padding:5px;
margin-bottom:10px;}


#newproducts a {
font-size:12px;
color:#666666; text-decoration:none;
}

#newproducts a:hover {
font-size:12px;
color:#0067B3;text-decoration:underline;
}




#newproductslis{
width:675px;
border-bottom:1px solid #dddddd;
}


#newproductslis ul{
width:675px;
list-style:none;
padding:0;
margin:0;
}


#newproductslis li{
width:90px;
list-style:none;
float:left;
padding:5px;
border-top:1px solid #dddddd;
font-weight:bold;
}

#newproductslis li.right{
width:555px;
list-style:none;
float:left;
line-height:20px;
background-color:#ECECEC;
padding:10px;
border-top:1px solid #dddddd;
font-weight:normal;
}


#newproductslis a {
font-size:12px;
color:#666666; text-decoration:none;
}

#newproductslis a:hover {
font-size:12px;
color:#0067B3;text-decoration:underline;
}



#productsbigimg{
width:500px;
border:1px solid #dddddd;
padding:10px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
text-align:center;}


#productsbigcontent{
width:500px;
border:1px solid #dddddd;
padding:10px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}







#employleft{
width:210px;
height:108px;
background-image:url(../images/employment_left.jpg);
background-repeat:no-repeat;}


#employleft a:hover  {
font-size:12px;
color:#666666; text-decoration:none;
}

#employleft a{
font-size:12px;
color:#0067B3;text-decoration:underline;
}




#employright{
width:660px;
padding:5px 5px 10px 5px;
border:1px solid #dddddd;
margin-bottom:10px;
}

*html #employright{
width:650px;
padding:5px 5px 10px 5px;
border:1px solid #dddddd;
margin-bottom:10px;
}



#employrighttitle{
width:645px;
height:30x;
line-height:30px;
background-image:url(../images/employment_di.jpg);
background-repeat:repeat-x;
float:left;
padding-left:15px;
color:#0066B3;
font-weight:bold;
margin-bottom:10px;
}

*html #employrighttitle{
width:645px;
height:30x;
background-image:url(../images/employment_di.jpg);
background-repeat:repeat-x;
float:left;
padding:5px 15px 5px 15px;
color:#0066B3;
font-weight:bold;
margin-bottom:10px;
}



#exhibitionpic{
width:660px;
margin-left:15px;
}

#exhibitionpic ul{
width:660px;
list-style:none;
padding:0;
}


#exhibitionpic li{
width:200px;
list-style:none;
float:left;
margin-right:10px;
margin-bottom:30px;
}


#expic{
width:100%;
margin:0 auto;
height:auto;
display:block;
}
#expic img{
	margin:5px 10px;
	width:180px;
	height:120px;
	border: 5px solid #ccc;
	cursor: hand;
}
#expic a{
border:1px solid #dddddd;
width:180px;
height:120px;
padding:5px;
display:block;
}

#expic a:hover{
border:1px solid #dddddd;
width:180px;
height:120px;
padding:5px;
background-color:#CCCCCC;
display:block;
}



#rollpic{
width:200px;
height:150px;
padding:5px;
border:1px solid #dddddd;
margin:5px;}




#indexabout{
background-image:url(../images/index_about.jpg);
background-repeat:no-repeat;
width:273px;
height:177px;
font-size:12px;
color:#666666;}


#indexabout a {
color:#666666; text-decoration:none;
font-size:12px;
line-height:18px;
}

#indexabout a:hover {
color:#0067B3;text-decoration:underline;
font-size:12px;
}

#productright{}
#productright a {
color:#666666; text-decoration:none;
font-size:12px;
line-height:18px;
}

#productright a:hover {
color:#0067B3;text-decoration:underline;
font-size:12px;
}

/*********** #sectionLinks styles ***********/

#sectionLinks{
margin: 0px;
padding: 0px;
font-size: 12px;
color: #ffffff;
text-align: center;
}


#sectionLinks a {
display: block;
position: relative;
font-size: 12px;
color: #ffffff;
text-decoration: none;
height: 34px;
line-height:34px;
text-align: center;
}

#sectionLinks a:hover{
position: relative;
font-size: 12px;
color: #ffffff;
text-decoration: none;
line-height:34px;
text-align: center;
background-image:url(../images/navdi1.jpg);
background-repeat:repeat-x;
}

/*********** #button styles ***********/
.button1btn1{
background:url(../images/button1c.jpg); 
height:20px;  
border:0;
line-height:20px ; 
CURSOR: hand;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
text-align:center;
padding-left:5px;
padding-right:5px;
}
.button1btn2{
background:url(../images/button1.jpg); 
height:20px;  
border:0;
line-height:20px ; 
CURSOR: hand;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
text-align:center;
padding-left:5px;
padding-right:5px;
}

.input2 {
font-size: 11px; 
height:18px;
color:#0067B3;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #D2EBFE;
border:1px #6AAACC solid;
}
.textareabox{
font-size: 11px; 
color:#0067B3;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #D2EBFE;
border:1px #6AAACC solid;
}


/* Navigation */

*{margin:0;padding:0;border:0;}

#nav {list-style-type: none; 
}

#nav a {
display: block;   
text-align:center;
color:#ffffff;text-decoration:none;
}


#nav a:hover {
color:#ffffff;text-decoration:none;}

#nav li {
float: left; 
padding: 0px 15px 0px 15px; 
line-height:30px;
}

#nav li.line{
float: left; 
padding: 0px; 
line-height:0px;
}

#nav li ul {
line-height: 30px; 
list-style-type: none;
text-align:left;
left: -999em; 
width: 100px; 
padding: 0px; 
position: absolute;
}

#nav li ul li{
float: left; 
width: 80px;
height:30px;
line-height:30px;
background-color:#0B406F;
color: #ffffff;	
padding: 0px; 
}

#nav li ul a{
display: block; 
width: 80px;
text-align:left;
padding-left:10px;
background-color:#0B406F;
}

#nav li ul a:hover {
color:#ffffff;text-decoration:none;font-weight:normal;
background:#00213A;
}

#nav li:hover ul {
left: auto;
}
#nav li.sfhover ul {
left: auto;
}
#content {
clear: left;
}

.clear {clear:both;margin:0;parding0;height:0px;font-size:0px;}

.prolist{
	padding:10px 0;
	margin:15px 0;
	height:100%;
	line-height:26px;
	background-color: #eee;
	border: 1px solid #CCC;
}
.prolist li{float:left;margin:0 6px;}
.prolist li a,.prolist li a:visited{color:#333;}

.artcontent{
	padding:20px;
	text-align:left;

}

#leftbuttonmore{
weidth:130px;
background-color:#dddddd;
margin-bottom:7px;}


#leftbuttonmore ul{
width:130px;
margin:0;
padding:0;
list-style:none;
}


#leftbuttonmore li{
width:130px;
float:left;
height:24px;
padding-left:60px;
font-size:12px;
line-height:24px;
}

#leftbuttonmore a {
color:#666666; text-decoration:none;
}

#leftbuttonmore a:hover {
color:#0066B3;text-decoration:underline;
}

.searchlist ul{padding:10px 5px;}
.searchlist li{
	padding:5px 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.searchlist .Black-bbb{float:right;}
.searchlist a,.searchlist a:visited{font-size:12px;color:#333;}

.classon{font-size:14px;padding-bottom:20px;height:26px;line-height:26px;}


#news .Bodyer_right_page_end{
	clear:both;
	text-align:center;
	margin-top:30px;
	text-align:left;
	height:40px;
	line-height:40px;
	width:690px;
}
#news .Bodyer_right_page_end a {
color:#666666; text-decoration:none;
}

#news .Bodyer_right_page_end a:hover {
color:#0066B3;text-decoration:underline;
}


.Bodyer_right_page_end{
	clear:both;
	text-align:left;
	margin-top:30px;
	text-align:center;
	height:40px;
	line-height:40px;
	width:690px;
}
.Bodyer_right_page_end a {
color:#666666; text-decoration:none;
}

.Bodyer_right_page_end a:hover {
color:#0066B3;text-decoration:underline;
}





.fclear{clear:both;height:0px;line-height:0px;}