/* CSS Document */
body{
	margin:auto;
	padding:0;
	width:1002px;
	color:#3f3f3f;
	font-family:Arial, Helvetica, sans-serif;
	background:#28537C;
}

a{ color:#3f3f3f; text-decoration:none;}

img{ border:0;margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-size:100%; font-family:Geneva, Arial, Helvetica, sans-serif;}

p{ line-height:150%; margin:0; padding:0; text-align:justify;}

ul{ margin:0; padding:0;}

li{ list-style:none; display:block;}

input{ border-style:none;}

table,table td{ margin:0; padding:0; border:0;}

div{ padding:0;}

*{ margin:0; padding:0;}



/*    Common    */
#center{ width:1002px; font-size:11px; margin:0 auto; text-align:center;}


#mainnav{ height:34px; width:1002px; background:url(../images/mainnav_bg.gif) bottom repeat-x; clear:both;}
#mainnav ul{ display:block; margin:0; padding:0 40px;}
#mainnav li{ display:block; float:left; text-align:center; font-weight:bold; font-size:12px; width:146px; font-size:14px; background:url(../images/mainnav_li.gif) right no-repeat;}
a.menu:link,a.menu:visited{ color:#28537C; line-height:34px; display:block; }
a.menu:hover{ background:url(../images/menu_hover.gif) center center no-repeat; color:#3f3f3f;}
a.current_menu:link,a.current_menu:visited,a.current_menu:hover{ background:url(../images/menu_hover.gif) center center no-repeat; color:#3f3f3f; display:block; line-height:34px;}


#banner{ width:1002px; clear:both; height:150px; margin:5px auto 8px;}
#mainbody{ width:986px; clear:both; margin:0 auto; padding:0; display:table;}


#footer{ clear:both; width:1002px; display:table; margin:10px auto; border-top:1px solid #eee; color:#fff;}
#footer p{ padding:10px 0; text-align:center;}
#footer p a{ color:#efefef;}
#footer p a:hover{ color:#efefef; text-decoration:underline;}



/*    Title Start     */
#title{ width:1002px; height:113px; clear:both;}
#logo{ float:left; padding-left:50px;}


#title_r{ width:230px; float:right;}
#title span{ display:block; line-height:40px; text-align:right; color:#fff; padding-bottom:20px;}
#title span a{ font-size:14px; color:#fff; padding:0 10px;}

#search{ font-size:12px; height:16px; width:190px; float:right; padding-top:25px;}
#search input{ background:#fff; width:160px; border-color:#565759 #A5ABB3 #ADADAD #565759; border-width:2px 0 1px 1px; border-style:solid; height:16px; float:left; color:#666;} 
#search img{ margin:0; float:left; padding:0;}
/*    Title End     */



/*    Mainbody     */

/*    Index Start     */
#left{ width:250px; float:left; overflow:hidden;}
#left h2{ line-height:26px; margin-bottom:1px; font-size:14px; text-align:left; }
#left h3,#left h4{ line-height:26px; text-align:left; margin-bottom:1px;}
#left h3 a,#left h4 a{ padding-left:15px; display:block;}
#left h3 a{ font-size:12px; margin:1px 0;}


#index_list h3 a,#subnav h2{ background:url(../images/index_list_h3.gif) repeat-x; color:#3f3f3f;}
#index_list h4 a,#subnav h3 a{ background:#D6DFF1;}

#index_list h4 a:hover{ border:1px solid #98ADD0; line-height:24px; background:#28537C; color:#fff;}

#subnav h2{ padding-left:15px;}
#subnav h3 a:hover{ background:url(../images/subnav_h3.gif) repeat-x; color:#3D1E11; border-top:1px solid #fff; border-left:1px solid #fff; line-height:25px; color:#fff;}


#index_pro{ width:250px; margin:15px 0 10px;}
#index_pro h2 a{ color:#D3E8FF; font-size:12px; padding-left:15px;}


#contact{ background:#fff; padding:10px 15px; width:220px; text-align:left; margin-top:10px;}
#contact h2{ color:#365E85; font-size:14px;}
#contact p{ text-align:left; line-height:200%;}



#right{ width:725px; background:#fff; float:right;}
#right h2{ background:url(../images/right_h2_bg.gif) bottom repeat-x; font-size:15px; text-align:left; line-height:31px; padding-left:15px;}
#right h3{ font-size:18px; font-weight:normal; color:#28537C; text-align:left; padding:15px 0 8px 5px; border-bottom:1px solid #D1DBE3; margin:0 10px 5px;}
#right p{ padding:10px 15px; text-align:left; line-height:200%;}
#right p a{ font-weight:bold;}


#index_com,#index_faq{ width:705px; clear:both; margin:10px auto 0; display:table;}

#index_com{ padding:0 0 20px; border-bottom:1px solid #D1DBE3;}
#index_com p{ text-indent:2em; text-align:left; padding:5px 0 0 5px;}
#index_com img{ float:right; margin:10px 15px;}

#index_faq{ text-align:left; padding-bottom:20px;}
#index_faq li{ padding:5px; text-align:left; display:block; width:695px; float:left;}
#index_faq li span{ float:left; line-height:30px;}
#index_faq li a:hover{ color:#28537C; text-decoration:underline;}
#index_faq span a{ background:#F1D4A1; float:left; color:#583B0F; border-bottom:1px solid #3B2402; border-right:1px solid #3B2402; display:block; width:55px; height:15px; margin:0;}
#index_faq li h4 a{ color:#3f3f3f;}

#index_com span img,#index_faq span a img{ margin:0 0 0; float:left;}

/*    Index End     */



#current{ color:#fff; width:725px; display:block; clear:both; text-align:right; line-height:20px; font-size:11px; margin-bottom:15px;}
#current a{ margin:0px; padding:0 5px 0 0; color:#fff;}



/*    Column Start     */
#about{ padding:0 0 20px; border-bottom:1px solid #D1DBE3; margin-top:10px;}
#about img{ float:right; margin:10px 15px;}
#about p img{float:none;margin:0;}
#about p{ line-height:200%;}


#faq{ padding-bottom:20px; width:725px;}
#faq li{ text-align:left; float:left; width:700px; display:block; margin-left:15px; border-bottom:1px solid #5E7E9D; padding:30px 0; line-height:180%;}
#faq li h4{ color:#006B33; margin:5px 0;}


#download{ width:720px; padding-bottom:30px; clear:both; display:table;}
#download li{ width:330px; height:120px; display:table; float:left; margin:10px;}
#download li p{ width:180px; height:60px; padding:5px 0; float:right; overflow:hidden;}
#download li img{ float:left; margin:10px 10px 0 0; width:130px; height:92px;}
#download li span{ width:180px; line-height:25px; display:block; float:right; padding-top:10px;}
#download li span img{ float:left; width:14px; height:14px; margin:5px 50px 5px 0;}
#download li span a{ color:#3f3f3f; float:left;}
#download li span a:visited{ color:#153B63; text-decoration:underline;}


#link { width:725px; margin:10px 0;}
#link li{ width:725px; height:125px; margin:15px 0; display:table; float:left;}
#link li img{ height:100px; width:100px; float:left; margin-right:20px;}
#link li p{ line-height:150%; color:#666; padding:0; margin:0;}
#link li p span{ font-weight:bold; display:block; color:#efefef;}
#link li p span a{ color:#DFC290; font-size:12px; line-height:40px;}
#link li p span a:hover{ text-decoration:underline;}


#view li h4,#project li h4{ font-size:12px; display:block; line-height:25px;}
#view li,#project li{ width:210px; float:left; overflow:hidden; display:table; margin:10px 15px; text-align:center; }
#view li img{ width:210px; height:120px;}
#project li img{ width:210px; height:150px;}


#sitemap{ width:725px; clear:both; margin:10px auto 0;}
#sitemap li{ width:220px; float:left; margin-right:6px; display:table;}
#sitemap h4 a{ line-height:24px; background:url(../images/left_h2_bg.gif) center no-repeat; width:220px; text-align:center; margin-bottom:1px; font-size:14px; color:#F1D4A1; }
#sitemap h5,#sitemap h6{ width:220px; line-height:26px; text-align:left; margin-bottom:1px;}
#sitemap h5{ font-size:12px;}
#sitemap h5 a,#sitemap h6 a{ padding-left:15px; display:block;}
#sitemap h5 a:hover{ background:url(../images/index_list_h3.gif) repeat-x; color:#3f3f3f;}
#sitemap h6 a:hover{ background:url(../images/subnav_h3.gif) repeat-x; color:#3D1E11; border-top:1px solid #fff; border-left:1px solid #fff; line-height:25px; color:#fff;}
/*    Column End     */



/*    Products Start     */
#products{ width:725px; clear:both; text-align:left; padding-bottom:20px;}

#pro_search{ width:725px; text-align:center; margin-top:20px; clear:both; font-size:14px;}
#pro_search input{ width:120px; height:15px; border:1px solid #949494; margin:0 5px 3px 0; color:#fff;}
select{ margin:2px; border:1px solid #949494;}
select option{ color:#666; background:#fff;}
#pro_search select { width:230px;}
#pro_search img{ margin:0;}
#pro_search span{ line-height:20px; color:#3f3f3f;}

#products ul{ width:705px; margin:20px 10px; border-top:2px solid #D1DBE3;}
#products li{ width:150px; height:150px; overflow:hidden; float:left; display:block; text-align:center; border:1px solid #D6D6D6; margin:15px 10px;}
#products li img{ width:150px; height:105px;}
#products li input{ float:left; width:12px; height:12px; margin:2px 0 0 20px;}
#products h4 a{ color:#3f3f3f;}


#products h1{ font-size:18px; color:#486E95; text-align:left; border-bottom:1px solid #D1DAE3; margin:20px 0 0 15px; line-height:30px;}
#pro_pic,#pro_btn{ width:725px; text-align:center; display:table;}
#pro_pic img{ width:565px; height:280px; margin:40px auto 0;}


#pro_word{ width:705px; background:url(../images/pro_word.gif) top repeat-x; padding-top:25px; clear:both; margin:50px 10px 0; }
#pro_word h3{ font-weight:bold; font-size:16px; border:0; margin:0; line-height:20px; padding:0;}
#pro_word p{ padding:10px 0;}


#btn{ width:300px; clear:both; margin:50px 10px 0; padding:5px 200px; border-bottom:1px solid #D3DCE4; border-top:1px solid #D3DCE4;}
#btn img{ width:80px; height:16px;}
.pre{ float: left;}
.next{ float: right;}
/*    Products End     */




/*       LeaveWord Start      */
.feed{ width:100%; text-align:left; color:#666; font-weight:bold; font-size:11px; }
.feed td{ border:1px solid #E5DAD9; padding:0 0 3px 10px;}
.feed input, .feed textarea{ margin:5px 0 0 5px; padding:0; border:0; background:#fff;}

a.join:link,a.join:visited,a.join:hover{ color:#3f3f3f;}
a.foot:link,a.foot:visited{ color:#666;}


.feed_table{ width:100%;}
.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:#7E2827; font-weight:bold;}
.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;}

.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;}

.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;}
/*       LeaveWord End      */



#new_btn{ height:30px; width:677px; clear:both; padding-left:10px;}
#new_btn span{ display:block; width:auto; height:auto; float:left; margin:5px 8px 0 0; padding:0; display:table; line-height:15px;}
#new_btn a{ display:block; font-size:11px;}
a.page:link,a.page:visited{ color:#28537C; background:#fff; padding:0px 4px 0px; border:1px solid #28537C; float:left;}
a.page:hover{ color:#fff; background:#28537C; padding:1px 5px 1px;}
a.page2:hover,a.page2:link,a.page2:visited{ color:#fff; background:#28537C; padding:1px 5px 1px; }





/*      Inquire Start      */
#inquire{ width:665px; margin:10px 30px; padding:45px 0; text-align:left;}
#inquire h2{ color:#486E95; font-size:18px; background:none; padding:0; margin:0; line-height:20px;}
#inquire input{ color:#898989;}
#inquire table td{ padding:5px 0;}
#inquire table input{ border:1px solid #C0BFBF; float:left; height:15px; padding-top:3px;}
#inquire table textarea{ border:1px solid #C0BFBF;}
#inquire table img{ float:left;}
#inquire p input{ border:0; float:none; width:12px; height:12px;}
div#inquire table table input{ text-align:center;}


#i_top{ border-bottom:2px solid #5E7E9D; padding-bottom:30px; margin-bottom:20px;}
#i_top div{ width:600px; margin:0 15px 0 50px; text-align:left;}
#i_top div input{ float:left; margin:0 10px 10px 0; padding:0;}
#i_top div p{ font-size:12px; line-height:12px; padding:5px 0 0;}
#i_top div span{ font-size:10px; text-align:left;}

#i_top2{ border-bottom:2px solid #C6D1DC; border-top:1px solid #C6D1DC; display:table; margin:10px 0; padding:15px 0 5px;}
#i_top2 img{ float:left; margin:10px 10px 0 5px;}
#i_top2 p{ font-size:14px; color:#28537C; font-weight:bold; line-height:140%;}

#inquire_select{ padding:0; padding-right:30px; margin:0;}
#inquire_select span,#inquire table span{ font-size:11px; font-weight:bold; float:right; width:100px; text-align:right; padding-right:15px;}
#inquire_select span a,#inquire table span a{ background:url(../images/index_list_h3.gif) repeat-x; border:1px solid #878A96; display:block; color:#28537C; line-height:26px; height:26px; text-align:center; width:120px;}


div#check{ text-align:left; width:440px; border:3px solid #638FB7; padding:10px 0; display:table;}
div#check input{ border:0; float:left; margin:5px 5px 0 30px;}
div#check p{ float:left; display:block; padding:0;}
div#check span{ font-size:10px; font-weight:normal; text-align:left; width:385px; margin:0; padding:0; line-height:12px; display:block;}

div#i_btn1{ text-align:center; height:26px; margin:15px 0 0; width:280px;}


div#i_info table td{ padding:10px 0;}
div#i_info h3{ font-weight:bold; font-size:12px; color:#fff; float:left; margin:0; padding:0; border:0; line-height:12px;}
div#i_info h4{ line-height:30px;}
div#i_info input{ border:0; margin-left:10px;}
div#i_info p{ padding:0; margin:0; line-height:140%;}

.i_blue{ background:#638FB7;}
.i_gray{ background:#F2F2F2;}
/*      Inquire End      */