﻿body{
	margin:0 auto;
	padding:0px;
	background:#004C1F;
	text-align:center;
	width:1004px;
	font-family:Arial, Helvetica, sans-serif;
}

a { text-decoration:none;}

img{border:0;margin:0px;}

h1,h2,h3{ margin:0;padding:0;line-height:1.68em;}

h1{ font-size:11px; display:table;}

h1 a:link,h1 a:visited,h1 a:hover{ color:blue; text-decoration:underline;}

h2,h3,h4,h5{ font-size:100%;}

h2{ font-size:20px; font-family:Geneva, Arial, Helvetica, sans-serif;}

h4{ margin:0px;}

h5{ margin:0px;}

p{ line-height:150%; margin:0; padding:0; text-align:justify;}

ul{ margin:0; padding:0; line-height:20px;}

li{ list-style:none;}

span{ color:#333; text-align:left;}

input{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; border:1px solid #ccc;}

textarea{border:1px solid #ccc;}

table{ margin:0px; padding:0px; border:0px;}

div{ margin:0px; padding:0px; display:table;}

*{ padding:0; margin:0; border:0;}




/*      ������ʽ       */
a:link,a:visited{ color:#3f3f3f; }
a:hover{ color:#666; }

.blue_11{ color:#0167B2; font-weight:bold;}

a.grey11:link,a.grey11:visited{ color:#3f3f3f; text-decoration:none;}
a.grey11:hover{ color:#BF0000; text-decoration:none;}

a.link_web:link,a.link_web:visited{ color:#797979; font-size:12px; font-weight:bold;}
a.link_web:hover{ color:#FF8711; }

a.red:link,a.red:visited{ color:#BF0000;}
a.red:hover{ color:#3f3f3f;}

a.news:link,a.news:visited{ color:#666;}
a.news:hover{ color:#A25867;}

.time{color:#448AC9; font-weight:bold; font-size:11px;}

.news_time{color:#666;}

a.join:link,a.join:visited,a.join:hover{ color:#797979;}




/*    ����������ʽ     */
#center{
	width:986px; 
	font-size:11px;
	color:#585858;
	background:#fff;
	text-align:center;
	margin:15px auto;
}


#mainbody{ text-align:left; width:966px; margin:10px 10px 0; clear:both; display:table; padding-bottom:10px; overflow:hidden; zoom:1;}


#footer{ background:#004C1F; clear:both; width:986px; font-size:11px; display:table; text-align:right; color:#CCDBD2;}

#footer p{ text-align:center; padding:10px 0; line-height:130%;}

#footer div{ background:#EFEFEF url(../images/foot_arrow.gif) 930px no-repeat; width:971px; height:30px; text-align:right; clear:both; padding-right:15px; color:#666; font-size:12px; font-weight:bold; line-height:30px;}

#footer a:link,#footer a:visited{ color:#CCDBD2; padding:0 10px;}
#footer a:hover{ color:#fff; text-decoration:underline;}

#footer div a:link,#footer div a:visited{ color:#666; padding:0 10px;}
#footer div a:hover{ color:#004C1F; text-decoration:none;}



/*      Top      */
#index_title{ width:966px; margin:10px 10px 7px; display:table; clear:both; color:#fff;}

.index_title1{ float:left; width:180px; height:111px;}

.index_title2{ float:right; width:756px; height:111px;}



div#search{ text-align:right; height:32px; line-height:32px; width:190px; clear:both;}

div#search span{ float:left;}

div#search img{ width:46px; height:17px; margin:10px 8px 0 2px;}

div#search input{ height:15px; width:125px; border:1px solid #CDD0CD; background:white; margin:10px 0 4px 7px; float:left;}
 


/*      Menu      */
#mainnav{ background:url(../images/mainnav_bg.gif) repeat-x; margin:0 10px 5px; width:916px; display:table; height:30px; clear:both; text-align:center; padding-left:50px}

#mainnav li{ display:block; padding:0; float:left; width:110px; margin:0 15px 0; text-align:center; line-height:30px;}

a.menu:link,a.menu:visited{ color:#FFF; font-size:14px; display:block; line-height:30px; text-decoration:none; font-weight:bold;}

a.menu:hover{ background:url(../images/mainnav_hover.gif) center center repeat-x; color:#3F3F3F; text-decoration:none; line-height:30px;}

a.current_menu:link,a.current_menu:visited,a.current_menu:hover{ background:url(../images/mainnav_hover.gif) center center repeat-x; color:#3F3F3F; font-size:14px; display:block; line-height:30px; text-decoration:none; font-weight:bold;}


.current{ width:740px; display:block; padding:0 14px 0 0; clear:both; text-align:right; margin:0px; line-height:15px;}

.current span{ color:#B1B1B1;}

.current a:link,.current a:hover,.current a:visited{ margin:0px; padding:0px 5px 0px 0px; color:#B1B1B1;}


/*      Search        */
#index_search{
 	background:#DFE9F3;
	font-size:12px;
	width:160px;
	height:60px;
	padding:20px 0 5px 0px;
	margin:0;
	clear:both;
	overflow:hidden;
}

#index_search p{ padding:0; font-weight:bold; color:#4b4b4b; display:block;}

#index_search input{ background:#fff; margin:0 0 2px; width:158px; border:1px solid #BDC0C3; height:13px; padding:2px 0px;} 

#index_search img{ float:right; margin-right:5px;} 




#pro_search{ width:680px; text-align:center; padding:10px 0 10px; margin:10px 0 0; clear:both; font-size:12px; color:#785F62; font-weight:bold; background:#fff;}

#pro_search input{ width:120px; height:15px; border:1px solid #CCCCCC; margin:0 5px 3px 0;}

select{ margin:2px; border:1px solid #CCCCCC;}

select option{ color:#666; background:#fff;}

.ll{ color:#000;}

#pro_search img{ margin:0;}

#pro_search span{ line-height:20px; color:#8C0000;}




/*      Content        */
#left{ width:190px; float:left; text-align:center;}

#subnav{ width:190px; background:#6A9063; font-size:12px; clear:both; padding-bottom:7px; text-align:left;}

#subnav span{ font-size:20px; color:#fff; display:block; border:0;}

#subnav h2{ color:#FFF; font-size:22px; line-height:75px; border-bottom:1px solid #A1B99D; text-align:center;}

#subnav h3{ margin:0; border-bottom:2px solid #A1B99D; border-bottom:1px solid #A1B99D; height:35px; }

#subnav h3 a:link,#subnav h3 a:visited{ background:#6A9063 url(../images/white_arrow.gif) 165px center no-repeat;color:#fff; font-size:12px; text-decoration:none; line-height:35px; height:35px; width:175px; display: block; margin:0px; padding:0 0 0 15px; }
#subnav h3 a:hover{ color:#fff; background:#004C1F url(../images/white_arrow.gif) 165px center no-repeat;}

a.current_h3:link,a.current_h3:visited,a.current_h3:hover{ color:#fff; font-size:12px; text-decoration:none; background:#FF7F00 url(../images/white_arrow.gif) 165px center no-repeat; line-height:28px; height:28px; width:175px; display: block; margin:0px; padding:0 0 0 15px;}


#index_contact{ background:#D1D3D4; width:156px; text-align:center; clear:both; margin:0 17px 0; padding-bottom:15px;}

#left img{ margin-top:20px;}

#index_contact h3{ margin:15px 0;}

#index_contact img{ float:left; margin:0 5px 20px 5px;}

#index_contact p{ font-size:12px; display:table;}


#index_right{ width:757px; float:right;}

#index_right h2{ font-size:12px; color:#666; background:#E9EBE9; display:block; padding-left:15px; line-height:20px; text-align:left;}

#index_right span a:link,#index_right span a:hover,#index_right span a:visited{ color:#178691; padding-left:20px;}


#index_top{ width:757px; clear:both; border-bottom:1px solid #AEAEAE; padding-bottom:8px;}



#index_com{ width:508px; background:#FFFCF3; float:left; padding:0 0 15px 0;}

#index_com p{ padding:5px 20px 0; line-height:200%; color:#5A5A58;}


#index_view{ width:240px; float:right; text-align:center; border-left:1px solid #ccc; padding-left:4px;}

#index_view img{ width:155px; height:130px; margin:10px 0;}

#index_view p{ padding:10px 15px 10px; line-height:130%; text-align:left;}



#index_pro{ margin:8px 0 10px; width:757px;}

#index_pro ul{ display:block; width:757px;}

#index_pro li{ width:120px; float:left; display:block; text-align:center; padding:10px 0; margin:10px 12px; border:0;}

#index_pro li img{ width:110px; height:110px; border:0;}

#index_pro li h4{height:35px; overflow:hidden;}
#index_pro li h4 a:link,#index_pro li h4 a:visited{ font-size:11px; color:#22505F;}

#index_pro span{ display:block; width:757px;}





/*         About         */
#right{ width:757px; float:right; padding:0; margin:0;}

#h2_title{ background:url(../images/right_h2_bg.gif) bottom repeat-x; width:757px; display:block; height:25px; }

#h2_title h2{ background:#fff; font-size:22px; color:#6A9063; line-height:25px; float:left; width:auto; padding-right:15px; font-variant:small-caps;}






#about,#contact{ width:717px; background:#FFFCF3; clear:both; margin:10px 0 0; padding:10px 20px 50px;}

#about p,#contact p{ padding:0px 0 20px 0; color:#3f3f3f; line-height:200%;}

#about h2,#contact h2{ font-size:15px; color:#486F42;}

#about h3{ font-size:16px; color:#BC0000;}

#contact{ background:#FFFCF3 url(../images/contact_bg.gif) right bottom no-repeat; padding-bottom:100px;}



#project,#project_info{ width:735px; margin-top:20px; clear:both; text-align:center;}

#project li{ width:360px; float:left; margin:0 3px 20px; text-align:left; padding:0;}

#project li h3{ background:#FF7F00; font-size:14px; line-height:30px; color:#fff; padding-left:12px;}

#project li img{ width:210px; height:120px; border-top:1px solid #0E4987; float:left; margin:10px; margin-left:0;}


#project li h3 a:link,#project li h3 a:visited{ color:#fff;}
#project li h3 a:hover{ color:#fff;}

#project li p{ padding:20px 15px 0 0; text-align:left;}


#project_info { margin-bottom:50px;}

#project_info h1{ color:#fff; background:#FF7F00; font-size:14px; text-align:left; margin:0; display:block; padding-left:15px;}

#project_info img{ border:2px solid #3f3f3f; width:400px; height:228px; margin:50px 0 20px;}

#project_info p{ line-height:180%; padding:0 20px 20px;}



.faq{ padding:0 0 15px 5px;}

.faq h3{ font-size:12px; background:transparent; color:#153B63; padding-left:5px; margin-top:10px;}

.faq span{ color:#C2C3C4; padding-left:5px;}

.faq p span{ padding:0;}




#view{ width:757px; background:#FFFCF3; margin:20px 0; display:table; clear:both; padding-bottom:10px;}

#view h2{ font-size:15px; color:#486F42; padding:10px;}

#view li{ width:225px; float:left; height:180px; overflow:hidden; display:table; margin:10px 12px; text-align:center;}

#view li img{ width:223px; height:148px; margin:0; border:1px solid #000; padding:0;}

#view li h4{ display:block; width:225px; font-size:12px; height:20px; line-height:20px; }

#view a:link,#view a:hover,#view a:visited{ color:#004C1F;}



#view_info { width:757px; background:#FFFCF3; text-align:center; margin:20px 0; clear:both; margin:20px 0;}

#v_title{ background:url(../images/right_h2_bg.gif) bottom repeat-x; width:757px; display:block; height:25px; clear:both; border-bottom:20px solid #fff; }

#v_title h1{ background:#fff; font-size:22px; color:#6A9063; line-height:25px; float:left; width:auto; padding-right:15px; font-variant:small-caps;}

#view_info img{ border:2px solid #3f3f3f; width:400px; height:228px; margin:30px 0 20px;}

#view_info p{ line-height:180%; padding:0 20px 20px;}




/*       Products       */
#pro_title{ 
	width:757px; 
	padding:0px;
	clear:both;
	margin:20px 0 10px;
}

#pro_title p{ padding:0 15px; margin:0px; line-height:220%;}



#pro_list{ width:757px; text-align:center; padding:0; margin:20px 0 10px;  }

#pro_list li{ background:#EFEFEF; width:150px; height:150px; text-align:center; float:left; overflow:hidden; float:left; margin:5px 0;}

#pro_list li img{ width:120px; height:120px;}

#pro_list a:link,#pro_list a:visited,#pro_list a:hover{ color:#22505F; text-decoration:none; padding:0px; margin:0px;}

#pro_list li h4{ font-size:11px; text-align:center; display:table; width:150px; clear:both; padding:0px; border-top:2px solid #FEFEFE;}




#pro_info{ width:757px; text-align:left;}

#p_title{ background:url(../images/right_h2_bg.gif) bottom repeat-x; width:757px; display:block; height:25px; }

#p_title h1{ background:#fff; font-size:22px; color:#6A9063; line-height:25px; float:left; width:auto; padding-right:15px; font-variant:small-caps;}


#pro_pic{ background:#EFEFEF; width:757px; text-align:center; margin:20px 0 8px; padding:10px 0; float:left;}

#pro_pic img{ width:350px; height:350px; float:left; margin-left:10px;}
#pro_spec{ width:350px; float:right;}



#pro_word{ background:#EFEFEF; width:757px; margin:0; padding:10px 0;}

#pro_word h3{ color:#22505F; padding:0 0 0 15px; font-size:18px; line-height:28px;}

#pro_word img{ float:right;}

#pro_word p{
	line-height:180%;
	padding:15px 10px;
	color:#3f3f3f;
	text-indent:1.2em;
	display:block; clear:both;
}



#btn{ width:250px; margin:10px auto 30px; clear:both; padding:20px 150px 30px;}
#btn img{ width:79px; height:17px;}
.pre{ float:left; margin-right:50px;}
.next{float:right;}



/*       LeaveWord      */
.feed{ width:100%; text-align:left; font-size:12px; margin:20px 0;}

.feed td{ border:1px dashed #C6C8CA; padding:0 0 3px 10px; background:#F7F7F7;}

.feed input{
	margin-top:5px;
	height:20px; 
	padding:0;
	border:0;
	background:#F7F7F7;
}

.feed textarea{
	margin-top:5px;
	padding:0px;
	border:0;
	background:#F7F7F7;
}

.feed span{ text-align:left; margin:0px 3px 0px; height:20px; line-height:20px; color:#666; font-weight:bold; font-size:11px; padding:0;}

a.join:link,a.join:visited,a.join:hover{ color:#3f3f3f;}
a.foot:link,a.foot:visited{ color:#666;}


.feed_table{width:100%; margin-top:20px; margin-bottom:20px;}

.feed_table font{text-align:right;display:block;margin:2px 5px 2px;}

.feed_list{ width:100%; margin:0px; padding:0px;}

.feed_list p{ line-height:150%; color:#666;}

.red{ color:#FF7F00;}

.name{color:#666;display:block; font-size:14px; font-weight:bold;}

.feed_res{color:#ff0000;}

.grey{ color:#797979;}

.previous{ width:300px;margin:20px auto 20px; clear:both;}

.previous img{ margin:0px; padding:0px;}

.pre{ float: left;}

.next{float: right;}

#feedback img{ float:right;margin-top:10px;}

.feed_table{ width:100%; text-align:left;}

.feed_red{ width:200px;text-align:center; color:#fff; font-weight:bold; border-bottom:1px solid #fff;}

.feed_red td{ width:100px; background:#fff; margin-right:2px; line-height:25px;border:1px solid #C6C8CA;}

.feed_bottom{ width:100%; background:#fff; text-align:right; color:#fff;font-weight:bold; line-height:20px; text-align:right; border:1px solid #C6C8CA;}

.feed_bottom td span{ color:#fff;padding-right:10px;}

.feed_bottom td h6{ color:#fff;padding-right:10px;}

.leave{ background:#f7f7f7;  border-left:1px solid #C6C8CA;  border-right:1px solid #C6C8CA;}

.leave td,.response td{ margin:0px; padding:10px;}

.leave td span,.response td span{ text-align:left;font-size:normal;width:300px; float:left;}

.leave td h6,.response td h6{ font-size:11px; font-weight:bold; color:#666; margin:0px;}

.leave td img{float:right;}

.line{border-bottom:1px solid #C6C8CA; border-top:1px solid #C6C8CA;}

.line2{border-top:1px solid #C6C8CA;}

.response{ background:#fff; border-left:1px solid #C6C8CA;  border-right:1px solid #C6C8CA; text-align:left;}





a:link,a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; }


#new_btn{
	width:720px; 
	margin:5px 0 0; 
	float:left;
	border-top:1px dashed #ccc;
	padding-top:5px;
}

#new_btn span{ display:block; width:auto; height:auto; float:left; margin:0 8px 0 0; padding:0px; display:table; line-height:15px;}

a.page:link,a.page:visited{
	color:#fff;
	background:#FF7F00;
	font-size:11px;
	display:block;
	margin:0px;
	padding:1px 5px 1px;
	float:left;
}
a.page:hover{
	color:#FF7F00;
	background:#fff;
	display:block;
	padding:0px 4px 0px;
	border:1px solid #FF7F00;
}
a.page2:hover,a.page2:link,a.page2:visited{
	color:#FF7F00;
	background:#fff;
	font-size:11px;
	display:block;
	padding:0px 4px 0px;
	margin:0px;
	float:left;
	border:1px solid #FF7F00;
}



a.more:link,a.more:visited{ line-height:15px; color:#D8BA0E; text-decoration:none;}
a.more:hover{ color:#D8BA0E; text-decoration:underline;}


#pre_next{ width:650px; clear:both; height:20px; padding-left:10px;}

#login{text-align:center; padding-top:50px;}
#login ul{width:400px;}
#login ul li{overflow:hidden; zoom:1; padding:5px;}
#login ul label{ display:block; float:left; width:100px; text-align:right; padding-right:5px;}
#login ul li input{float:left;}
#login div{clear:both;text-align:left; width:180px;}


#com_info{}
	#com_info h3{ padding-bottom:10px; font-size:16px; text-transform:capitalize}
	#com_info center img{ padding:10px 0 20px;}

#leave,#l_list{padding-top:10px;clear:both;}
#leave li{width:100%;float:left;clear:both;}
#leave span{width:100px;float:left;display:block;text-align:right; color:#8B8B8B; padding:2px 0px; text-align:right; margin:5px 7px 0 0;}
#leave input,#leave textarea{ width:400px; border:solid 1px #8B8B8B; padding:1px 3px; margin-top:3px;}

#submit{ text-align:center; padding:10px 0 20px 0; clear:both;}
#submit img,#submit input{ width:52px; height:22px; margin-left:15px; display:inline;}