@charset "utf-8";
html{ margin:0 auto; padding:0px; text-align:center; background:#000000;}
body{ margin:0 auto; padding:0px; font-family:宋体, Arial; font-size:12px; width:1004px; color:#cccccc;}
a:link,a:visited,a:active{ color:#cccccc; text-decoration:none;}
a:hover{ color:#ff6633; text-decoration:none;}
a.red:link,a.red:visited,a.red:active{color:#e80000; text-decoration:none;}
a.red:hover{ color:#ffffff; text-decoration:none;}
a.kefu:link,a.kefu:visited,a.kefu:active{ color:#cccccc; text-decoration:none;}
a.kefu:hover{ color:#d80000; font-size:12px; text-decoration:none;}
img{ border:none;}
input,textarea{ color:#ffffff; border:#cccccc 1px solid; line-height:15px; background:#333333;}
input{height:18px;}
ul,li{ margin:0; padding:0; list-style:none}
h1{ width:510px; font-size:14px; color:#ffffff; line-height:36px; text-align:center; border-bottom:#808080 1px dotted;}
.clear{ clear:both;}
.red{color:#e80000;}
.more{ padding-right:5px; text-align:right;}
.box{ margin:0;}


#home_top{ padding-top:16px; width:1004px; height:124px; background:url(topbg.jpg) repeat-x;}
	.logo{ float:left; width:700px; height:90px; text-align:left;}
	.search{ float:left; padding-top:30px; width:300px; height:60px;}
.menu{ float:left; margin:0 22px;_margin:0;}
	.menu ul{ width:960px;_width:1000px; text-align:center;}
	.menu ul li{ float:left; width:100px; line-height:32px; background:url(menubg.jpg) no-repeat;}
	.menu ul li a:link, .menu ul li a:visited{ font-size:14px; color:#ffcc00; font-weight:bold;}
	.menu ul li a:hover{ font-size:14px; color:#ffffff; font-weight:bold;}
	.menu ul li.current a:link, .menu ul li.current a:hover, .menu ul li.current a:visited{ font-size:14px; color:#ffffff; font-weight:bold;}

#home_banner{ padding:0 3px; width:1000px; text-align:center; background:#000000;}
	.banner{ float:left; height:320px; background: url(banner.jpg) no-repeat;}

#home_main{ margin:2px 2px 0 2px; width:1000px; background: url(mainbg.jpg) repeat-y;}
#page_main{ margin:2px 2px 0 2px; width:1000px; background: url(pagebg.jpg) repeat-y;}

#home_work{ margin-top:2px; width:1004px; height:180px; background:url(sortbg.jpg) no-repeat;}
	.project{ float:left; width:301px; height:180px;}
.pic_sort{ margin:14px 25px; width:250px; height:150px;}
	.pic_sort li.title{ padding-left:28px; font-weight:bold; color:#cccccc; line-height:30px; text-align:left;}
	.pic_sort li img{ width:248px;height:88px; border:#333333 1px solid;}	
	.pic_sort li.more{ margin-top:10px; line-height:20px; text-align:right;}

.home_content{ float:left; padding:20px; width:320px; height:475px;}	
	.box_title{ padding-left:20px; font-size:14px; font-weight:bold; color:#ffffff; line-height:36px; text-align:left;}
	.about{float:left; width:280px; height:320px;}
	.about_txt{ width:280px; color:#666; line-height:22px; text-align:left;}
	.news{ float:left; margin-left:120px;_margin-left:60px; width:540px; }
	.work{ float:left; margin-left: 20px;_margin-left:10px; width:260px; }
.worklist{ padding:6px 13px; width:200px; background:url(workbg.jpg) no-repeat;}	
	.worklist li{ float:left; margin:3px; line-height:24px;}
	.worklist li img{ width:160px; height:100px; border:#cccccc 2px solid;}
		
.home_news{ margin-top:5px; width:520px; text-align:left;}
	.home_news li{ clear:both;}
	.home_news li a{ float:left; font-size:12px; color:#ccc; line-height:25px; }
	.home_news li i{ float:right; clear:right; font-style:normal; text-align:right;}

#foot{ margin:0 4px; float:left; width:996px; color:#aaa; background:#000000; border:#6c6c6c 1px solid;}
#foot .footr{ padding:6px 12px; font-family:Arial,宋体; line-height:20px; text-align:center;}

#home_content{ float:left; padding:20px; width:330px; height:500px;}
#page_content{ margin-top:2px; width:1004px; background:url(mainbg.jpg) repeat-y;}	

.leftbox{ float:left; width:244px; height:500px; background: url(leftbg.gif) repeat-y;}
.rightbox{ float:left; width:760px; background:#e9e9e9;}

.sider{ float:left; margin-left:20px;_margin-left:10px; width:260px; }
.page_content{ float:left; padding:0 10px; margin-left:120px;_margin-left:60px; width:520px; text-align:left;}

.content_box{ margin:0px; padding:0px; width:520px; line-height:24px; text-align:justify;text-justify:inter-ideograph;}
	.content_box span{ float:left; width:250px; color:#ccc; line-height:24px; display:block;}
	.content_box span.title{ width:520px; color:#fbfbfb; font-weight:bold; border-bottom:#808080 1px dotted;}
	.content_box span.content{ width:520px; line-height:24px;}
	.content_box div.btn{ margin:10px 0; width:520px; text-align:center;}
	
.content_date{ line-height:30px; text-align:right;}
.page_list{ width:100%; font-weight:bold; line-height:30px; text-align:center;}

.news_list{ margin-top:5px; text-align:left;}
	.news_list li{ margin:0; line-height:30px; border-bottom:#808080 1px dashed;}
	.news_list li.news_title{ width:260px; color:#cccccc; line-height:24px;}
	.news_list li.news_description{ width:260px; color:#cfcfcf; line-height:20px;}	
.pic_list{ margin-top:5px; text-align:left;}
	.pic_list li{ float:left; margin:8px;_margin:4px; line-height:20px; text-align:center; border:#606060 1px solid;}
	.pic_list li img{ margin:2px; width:150px; height:120px; }
	.pic_list li.pic_title{ width:120px; color:#cccccc; line-height:24px;}
	.pic_list li.pic_description{ width:100px; color:#cfcfcf; line-height:20px;}

.onepic_list{ margin-top:5px; text-align:left;}
	.onepic_list li{ float:left; margin:5px; padding:3px; font-weight:bold; line-height:24px; text-align:center; border:#cfcfcf 1px solid;}
	.onepic_list li img{ width:120px; height:120px;}
	
.one_pic{ float:left; margin:0; width:140px; height:180px; line-height:20px; text-align:left;}
.one_txt{ margin:5px 10px 10px 0; padding:2px; width:460px;}

.linklist{ margin:0;}
.linklist li{ float:left; width:160px; margin:2px 5px;}
.linklist li img{ width:120px; height:45px;}

.menubox{ float:left; width:170px;}
.page_title{padding-left:15px; font-size:14px; font-weight:bold; color:#ffffff; line-height:36px; text-align:left;}
.sub_title{ padding-left:15px; font-size:14px; font-weight:bold; color:#ffffff; line-height:36px; text-align:left;}
.submenu{ margin:5px 10px; width:200px;}
.submenu li{ float:left; width:200px; line-height:30px; text-align:left; border-bottom:#cccccc 1px dashed;}
.submenu li a:link, .submenu li a:hover, .submenu li a:visited{ color:#cfcfcf; font-weight:bold;}