body{
margin:0px;
padding:0px;
color:#666;
font-size:12px;
text-align:center;
line-height:150%;
background:url(../images/bg.gif) #ffffff repeat-x left top;
font-family:Arial;
}
a {color:#666;text-decoration: none;}
a:link {color:#000;text-decoration:none;}
a:visited{color:#999;text-decoration: none;}
a:hover{color:#ff6600;text-decoration: underline;}
.clearall{clear:both;display:none;}
P { text-indent: 2em } 


#top{
width:770px;
margin:0px auto; 
height:47px;
border-bottom:1px solid #CCCCCC;
background:url(../images/logo.gif) transparent no-repeat 20px 50%;
}

#top .logo{
float:left;
height:45px;
width:200px;
margin-left:0px;
overflow:hidden;
}

#top .logo a{
display:block;
height:45px;
width:200px;
}

#top .logo span{
visibility:hidden;
}


#top .top_right{
float:right;
margin:24px 12px 0px 0px;
letter-spacing:0px;
}


#top .top_right a{
padding-right:10px;
}


#top .top_right span{

padding-left:10px;
}







#menu{
clear:both;
width:772px;
margin-top:0px;
font-size:12px;
color:#000;
text-align:center;
height:27px;
line-height:27px;
background:url(../images/menu_bg.gif) transparent repeat-x left top;
}

#menu ul{
display:inline;
list-style-type:none;
margin:0px;
padding:0px;
}

#menu li{
float:left;
display:block;
margin:0px;
padding:0px;
letter-spacing:1px;
height:25px;
line-height:25px;

}

#menu li a{
display:block;
margin:0px;
width:84px;
color:#000;border-left:1px solid #ccc;
}

#menu li a:hover{
color:#ff0000;
}






#menu li#one{width:174px;}

#menu ul li#one A{width:174px;}

#menu li#two{width:130px;}

#menu ul li#two A{width:130px;}

#menu li#three{width:131px;}

#menu ul li#three A{width:131px;border-right:1px solid #ccc;}

#menu li#f{width:77px;}

#menu ul li#f A{width:77px;}









#banner{
width:772px;
margin:0px auto;
clear:both;
height:160px;
background:url(../images/banner.jpg) #0E7FCB no-repeat left top;
border-bottom:0px solid #ccc;

}


.banner_line{
display:none;
margin-top:1px;
border-bottom:1px solid #ccc;

}



#search{
clear:both;
width:770px;
height:24px;
line-height:24px;
border-bottom:1px solid #D4D4D4;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
overflow:hidden;
}


#search .search_left{
float:left;
width:223px;
height:24px;
line-height:24px;
background:#DADADA;
text-align:center;
padding-top:2px;
}



#search .search_left_input{
width:150px;
height:14px;
border:1px solid #ccc;
background:#fff;

}

#search .search_left_input2{
margin-left:6px;
height:18px;
width:51px;
background:url(../images/search_buttom.gif) transparent no-repeat left top;
border:0px;
font-size:11px;
color:#666;
font-family:Arial;
letter-spacing:1px;
}


#search .search_right{
float:left;
height:24px;
line-height:24px;
text-align:left;
padding-left:23px;
}

#search .search_right a{
text-decoration:none;
padding-left:4px;
padding-right:4px;
color:#666;
}

#search .search_right a:hover{
color:#ff6600;
text-decoration:underline;
}

#search .search_right span{
color:#0861A3;
padding-right:6px;
font-weight:bold;
font-size:10px;
letter-spacing:1px;
}








#container{
clear:both;
margin:0px;
border:0px;
padding:0px;
width:770px;
background:#fff;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
text-align:center;
}


#leftsider{
float:left;
width:222px;
text-align:center;
padding-top:0px;
border-right:1px solid #D2D2D2;
}

#rightsider{
width:546px;
float:right;
text-align:center;
padding-top:2px;
padding:0px;
}


/* easy clearing */
#container:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#container
	{
	display: inline-block;
	}
/*\*/
#container
	{
	display: block;
	}
/* end easy clearing */
/*\*/
#leftsider, #rightsider
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
#leftsider, #rightsider
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
#leftsider:before, #rightsider:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/**/




.neiye_menu_all{
background:url(../images/pro_icon.gif) transparent no-repeat 10% 50%;
height:30px;
line-height:30px;
font-weight:bold;
font-size:11px;
color:#000;
border-bottom:1px solid #E1E1E1;
text-align:left;
padding-left:40px;
margin-top:6px;
}






#left_menu{
clear:both;
margin-top:0px;
font-size:11px;
color:#999;
text-align:left;
}

#left_menu ul{
display:inline;
list-style-type:none;
margin:0px;
padding:0px;
}

#left_menu li{
float:left;
display:block;
margin:0px;
padding:0px;
height:30px;
line-height:30px;
}

#left_menu li a{
display:block;
margin:0px;
padding-left:26px;
padding-right:10px;
width:186px;
color:#999;
border-bottom:1px solid #E1E1E1;
}

#left_menu li a:hover{
color:#ff0000;
}



.home_pro{
clear:both;
height:68px;
overflow:hidden;
padding:10px 10px 10px 14px;
color:#000;
text-align:left;
}

.home_pro img{
float:left;
height:67px;
width:94px;
border:0px;
padding-right:12px;
}


.home_pro a{
color:#0E7FCB;
text-decoration:underline;
}




.contactus{
background:url(../images/news_icon.gif) transparent no-repeat 10% 58%;
height:30px;
line-height:30px;
font-weight:bold;
font-size:11px;
color:#0861A3;
border-top:1px solid #C9C9C9;
text-align:left;
padding-left:40px;
padding-top:6px;
}

.contactus_content{
padding-top:10px;
height:150px;
background:url(../images/map.gif) transparent no-repeat 50% bottom;
text-align:left;
padding-left:20px;
padding-right:20px;
line-height:20px;
}


.contactus_content span{
color:#0E7FCB;
}



.company_news{
clear:both;
background:url(../images/news_icon.gif) transparent no-repeat 4% 50%;
height:30px;
line-height:30px;
font-weight:bold;
font-size:11px;
color:#0861A3;
border-bottom:0px solid #C9C9C9;
text-align:left;
padding-left:39px;
margin-top:6px;
}






/*ÁÐ±íÐÔÖÊ*/

.new_list{
clear:both;

margin-top:5px;
padding:0px;
border:0px;
text-align:left;
color:#999;
}

.new_list ul{
display:inline;
list-style-type:none;
margin:0px;
padding:0px;
}

.new_list li{
float:left;
display:block;
padding:0px;
margin:0px;
border:0px;

}

.new_list li a{
display:block;
color:#666;
text-decoration:none;
height:22px;
line-height:22px;
padding-left:36px;
}

.new_list li a:visited{
color:#ff0000;
}

.new_list li a:hover{
text-decoration:underline;
color:#ff6600;

}

.new_list span{
padding-left:18px;
color:#999;
font-family:Arial;
font-size:10px;
}

.news_more{
height:30px;
line-height:30px;
border-bottom:1px dotted #ccc;
text-align:right;
padding-right:0px;
width:500px;
}

.news_more a{
color:#0E7FCB;
padding-right:6px;
}


.company{
clear:both;
overflow:hidden;
padding:14px 30px 10px 30px;
color:#666;
text-align:left;
line-height:18px;
}

.company img{
float:left;
height:88px;
width:140px;
border:1px solid #C4C4C4;
padding:2px;
margin-right:20px;
margin-bottom:10px;
}


.company a{
color:#0E7FCB;
text-decoration:underline;
}


.company_more{
height:24px;
border-bottom:0px dotted #ccc;
text-align:right;
padding-right:0px;
width:500px;
padding-bottom:10px;
}

.company_more a{
color:#0E7FCB;
padding-right:6px;
}

.company_more span{
color:#ff0000;
}


.maincontent{
clear:both;
width:508px;
color:#666;
line-height:20px;
font-size:12px;
margin-top:12px;
padding-bottom:26px;
text-align:left;
overflow:hidden;

}


.three_content{
clear:both;
width:720px;
color:#666;
line-height:20px;
font-size:11px;
margin-top:12px;
padding-bottom:26px;
text-align:left;
overflow:hidden;
}

.news_title{
clear:both;
font-size:14px;
font-weight:bold;
color:#000;
padding:16px 30px 10px 30px;
text-align:center;
}

.news_other{
clear:both;
font-size:11px;
color:#999;
padding:0px 30px 24px 30px;
text-align:right;
}

.news_other span{
padding-left:6px;
padding-right:6px;
}

.news_other a{
color:#000;
padding-right:10px;
text-decoration:underline;
}





.news_content{
clear:both;
width:546px;
color:#666;
line-height:20px;
font-size:11px;
margin-top:12px;
padding-bottom:10px;
text-align:left;
overflow:hidden;
}



.news_input{
width:20px;
height:12px;
border:1px solid #ccc;
background:#fff;
}
.news_input2{
width:20px;
height:18px;
border:1px solid #ccc;
background:#ccc;
margin-left:8px;
font-size:11px;
font-family:Arial;
}



/*hr*/

.hr_list{
clear:both;

margin-top:5px;
padding:0px;
border:0px;
text-align:left;
color:#999;
}

.hr_list ul{
display:inline;
list-style-type:none;
margin:0px;
padding:0px;
}

.hr_list li{
float:left;
display:block;
padding:0px;
margin:0px;
border:0px;
width:540px;
}

.hr_list li a{

color:#666;
text-decoration:none;
height:22px;
line-height:22px;
padding-left:22px;
}

.hr_list li a:visited{
color:#ff0000;
}

.hr_list li a:hover{
text-decoration:underline;
color:#ff6600;

}

.hr_list span{
color:#0E7FCB;
font-family:Arial;

}




.pro{
float:left;
width:120px;
height:114px;
overflow:hidden;
margin:8px 6px 8px 0px;
padding:0px;
line-height:14px;

}

.pro img{
width:100px;
height:75px;
border:1px solid #ccc;
padding:2px;
margin-bottom:3px;
}

.pro a{
color:#666;
}


#footer{
width:739px;
background:#EDEDED;
text-align:left;
border-left:1px solid #CCCCCC;
}

#footer .copyright{
text-align:right;
width:740px;
border-right:1px solid #CCCCCC;

height:30px;
padding:10px 20px 10px 10px;
color:#333;
}

#footer .copyright a{
color:#0E7FCB;
text-decoration:underline;
}

#footer .copyright span{
color:#ff6600;
}


