﻿body{ width:1002px; text-align:center; font-size:11px; color:#3f3f3f; font-family:Arial, Helvetica, sans-serif; background:#669322 url(../images/bg_body.gif) repeat-x center top; margin:auto; padding:0;}

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;}
h2{ font-size:14px; padding-bottom:3px;}

p{ color:#666; line-height:180%; text-align:left; margin:0; padding:0;}
p a{ color:#00A0C7; text-decoration:underline;}

ul{ list-style:none; margin:0; padding:0; display:block;}

li{ display:block; margin:0; padding:0; float:left;}

*{ padding:0; margin:0;}

h1{ margin:0 -9999px 0 0; display:none; }


#center{ width:1002px; height:500px; text-align:center; background:url(../images/bg_center.gif) repeat-x center 175px; padding-top:5px; margin:0 auto;}
#header,#mainnav,#search,#current,.topnav,#banner,#main,#footer{ width:785px; text-align:left; margin:0 auto; clear:both;}

.topnav{ color:#fff; font-size:10px; line-height:15px; text-align:right; padding-bottom:50px; display:block;}
.topnav a{ color:#fff; padding:0 10px;}
.topnav a:hover,.topnav .topnav1{ background:url(../images/icon_topnav.gif) no-repeat 2px 5px;}

#header img,#search img{ float:left;}
#mainnav{ width:580px; float:right;}
#mainnav span{ color:#fff; line-height:24px; text-align:right; padding-top:8px; display:block;}
#mainnav span a{ color:#fff; padding:0 5px;}
#mainnav span a:hover{ color:#eee; text-decoration:underline;}

#mainnav ul{ font-size:12px; width:580px; height:32px; background:url(../images/bg_mainnav.gif) no-repeat bottom; padding:7px 0 2px;}
#mainnav li{  font-weight:bold;line-height:32px; text-align:center; background:url(../images/bg_nav.gif) no-repeat right; padding:0 15px;}
#mainnav li a{ line-height:23px; padding:0 34px; margin-top:6px; display:block;}
#mainnav li a:hover,#mainnav .menu{ color:#fff; background:#00A0C7;}

#search{ width:210px; height:19px; background:url(../images/bg_main.gif) repeat-x top; padding:12px 0 10px 565px; margin-top:1px;}
#search input{ width:155px; height:18px; line-height:18px; background:url(../images/bg_search.gif) no-repeat left center; padding:0 10px; border:none; float:left;}

#main{ width:775px; background:#fff; padding:8px 5px;}
#content{ width:775px; background:url(../images/bg_mainbody.gif) repeat-y left;}

#current{ color:#666; text-align:left; line-height:20px; display:block;}
#current a{ color:#666;}

#about,#news,#products{ width:524px; background:url(../images/bg_right.gif) repeat-x top; padding:18px 11px 0; float:right;}

#left{ width:223px; padding-bottom:200px; float:left;}
#subnav{ width:223px; margin-bottom:10px;}

#footer{ color:#365403; text-align:right; line-height:25px; }
#footer a{ color:#365403;}
#footer a:hover{ color:#fff; text-decoration:underline;}

/*      Index Start       */
#banner,.i_com,.i_mid1,.i_mid2{ width:775px; display:table; clear:both;}
.i_com,.i_mid1,.i_mid2{ width:740px; margin: 0 auto;}
.i_mid1 h2,.i_mid2 h2,#about h2,#news h2,#products h2{ margin-bottom:8px; border-bottom:2px solid #D2491C;}
.i_mid1 p,.i_contact p{ line-height:160%; padding:7px 0 3px;}

.i_com{ padding-bottom:10px; border-bottom:1px dotted #A0A0A0;}
.i_com h2{ font-size:18px; color:#00A0C7;}
.i_com p{ line-height:160%; padding-bottom:10px;}
.i_com img{ margin:5px 10px 0 0; float:left;}

.i_mid1 li{ width:230px; padding:20px 8px;}
.i_mid1 img{ margin-bottom:7px; display:block;}
.i_mid1 p{ padding-top:0;}
.i_mid1 li a{ color:#024B80; background:url(../images/icon_blue.gif) no-repeat left 3px; padding-left:8px;}
.i_mid1 li a:hover{ text-decoration:underline;}
.i_mid1 li span{ margin-top:20px; display:block;}
.i_mid1 li span a{ color:#00A0C7; line-height:12px; text-decoration:none; background:url(../images/icon_blue.gif) no-repeat left 3px;}

.i_pro{ width:480px; float:left;}
.i_contact{ width:230px; float:right;}
.i_mid2 .i_contact h2{ margin:0; border:none;}

.p_list{ width:480px; padding-bottom:7px; display:table; clear:both;}
.p_list li{ width:104px; height:128px; border:1px solid #BCBCBC; background:#fff; text-align:center; float:left; margin:0 10px 0 4px;}
* html .p_list li{ margin:0 10px 0 3px;}
.p_list li img{ width:104px; height:85px; margin-bottom:7px;}
.p_list h3{ height:35px; font-size:12px; font-weight:normal; border-top:1px solid #C3C3C3; line-height:15px; padding-left:5px;}
/*      Index End       */


/*    Column Start     */ 
#subnav a{ font-weight:normal; padding-left:30px;}
#subnav h2{ font-size:12px; line-height:28px; background:#BCE4ED; padding-left:30px; border-bottom:1px solid #fff;}
#subnav h4{ background:url(../images/icon_sub_h4.gif) no-repeat left 4px; padding:0 5px 0 10px; margin:6px 0 6px 30px;}
#subnav h3 a{ color:#666; font-size:12px; line-height:28px; background:#BCE4ED  url(../images/icon_sub_h3.gif) no-repeat 15px 10px; border-bottom:1px solid #fff; display:block;}
#subnav h4 a{ padding-left:3px;}
#subnav h3 a:hover,#subnav .sub{ color:#fff; background:#D2491C	;}
#subnav h4 a:hover{ background:#BCE4ED;}

#left #search{ background:none; padding:0;}

#about p{ line-height:180%; padding:10px 0;}
#about .a_pic{ margin-left:10px; float:right;}

.link,.down,.faq{ width:520px; padding:10px 0 0; margin:0 auto; display:table;}
.link li{ width:520px; padding:10px 0; display:table;}
.link li img{ height:100px; width:100px; border:1px solid #ccc; margin-right:20px; float:left;}
.link a{ color:#666; font-size:12px; line-height:30px;}
#right .link li p{ color:#3f3f3f; line-height:150%; padding:0; margin:0;}
.link li a:hover,.down li a:hover{ color:#0382C9; text-decoration:underline;}

.down{ padding-bottom:40px;}
.down li{ width:225px; background:url(../images/icon_download.gif) no-repeat left top; padding:0 10px 15px 25px;}
.down li a{ font-size:12px; color:#D2491C; font-weight:bold; text-decoration:underline;}

.v_pic{ width:520px; text-align:center; padding:20px 0; margin:0 auto; display:table; clear:both;}
.v_pic img{ width:480px; height:300px; padding:10px; border:1px solid #ccc; display:block; margin:auto;}
.v_pic h3{ font-size:18px; padding:10px 0 0;}
#right .v_pic li{ width:156px; height:98px; padding:10px 8px;}
#right .v_pic li img{ width:150px; height:92px; padding:3px;}

.project_list li{ width:212px; height:160px; text-align:center; padding:10px 12px;}
.project_list img{ width:204px; height:125px; padding:4px; border:1px solid #ccc; display:block;}
.project_list h4{ font-size:12px;}

#about .faq p{ padding:0;}
.faq span{ color:#669322; padding:5px 0; display:block;}
.faq li{ width:520px; padding-bottom:15px;}
.faq li h3{ font-size:13px; padding-bottom:3px; border-bottom:1px solid #BCE4ED;}

/*    Column End     */

/*    News Start     */
#news ul,#news li{ width:520px; clear:both;}
#news img{ float:left; margin:5px 20px 0 0;}
#news li{ padding:10px 0; border-bottom:1px dotted #898989;}
#news h3,#news li h3 a{ color:#3f3f3f; font-size:12px;}
#news span{ color:#858585;}
#news li span{ display:block;}
#news p{ padding-bottom:5px;}
#news li a:hover{ color:#00A0C7; text-decoration:underline;}
/*    News End     */

/*    Products Start     */
#p_search,.p_title,#p_info,.p_txt,#btn,#inquire_select,#new_btn,#p_new{ width:520px; padding:10px 0; display:table; clear:both;}

#p_search span{ font-size:12px; line-height:22px; margin-right:2px; float:left;}
#p_search select,#p_search input,#p_search img{float:left;}
#p_search select,#p_search input{ width:130px; height:18px; border:1px solid #BDBDBB; margin-right:10px;}

.p_title p{ line-height:160%; padding:0;}

#products .p_list{ width:520px; padding-bottom:7px; display:table; clear:both;}
#products .p_list li{ margin:10px 10px 10px 9px;}
* html #products .p_list li{ margin:10px 10px 10px 8px;}
.p_list input{ margin:2px; *margin:-1px; float:left;}
.p_list li a{ display:block; text-align:left;}

#p_info{ padding-bottom:20px; border-bottom:1px solid #BCE4ED;}
#p_pic{ width:221px; height:205px; text-align:center; border:1px solid #BCBCBC; overflow:hidden; float:left;}
#p_pic img{ margin:auto; display:block;}

#p_size{ width:280px; float:right;}
#p_size p{ color:#3f3f3f; padding:0;}
#p_size img{ margin-top:10px;}

.p_txt h3,#products #p_new h2{ color:#D2491C; font-size:12px; margin-bottom:7px;}
#products #p_new h2{ border-bottom:1px solid #BCE4ED;}
.p_txt p{ line-height:160%; padding:7px 0 3px;}
.p_txt img{ margin:10px 0 5px;}
.p_txt ul{ width:520px; clear:both;}
.p_txt li{ width:500px; background:url(../images/icon_sub_h4.gif) no-repeat left 9px; padding:5px 0 0 15px;}
.p_txt table{ width:518px; font-size:11px; background:#ccc; margin:10px 0 5px; clear:both;}
.p_txt table th{ font-size:12px; background:#EDEDED;}
.p_txt table td{ background:#FFF; padding:5px 0 3px 7px;}

#btn{ height:25px; text-align:right; padding:5px 0; margin-top:20px; border-top:1px solid #BCE4ED; clear:both;}
#btn img{ margin:0 5px; display:inline;}
/*    Products End     */


#inquire_select,#new_btn{ padding:0;}
#inquire_select span a{ width:150px; font-weight:bold; background:#52504D; display:block; color:#fff; line-height:22px; text-align:center; margin-top:10px; float:right;}

#new_btn{ height:30px; text-align:center; margin-top:10px; border-top:1px dashed #C1C1C1; border-bottom:1px dashed #C1C1C1;}
#new_btn span{ color:#3D3D3D; line-height:30px; margin:5px 3px 0 0;}
#new_btn a{ color:#3D3D3D; padding:8px 3px;}
#new_btn a:hover,#new_btn .page2{ color:#FFF; text-decoration:none; background:#95C8D7;}


/*      Leaveword Start      */
.leave_h2{ text-align:left; padding-bottom:5px; border-bottom:1px solid #BFBFBF;}
.leave_h2 img{ float:right;}

#leave,#l_list{ width:500px; padding:10px 0px 10px 20px;margin:0 auto; clear:both;}
#leave{ float:left; background:#E2E2E2; margin-top:20px; border-top:5px solid #BFBFBF; border-bottom:5px solid #BFBFBF;}
#leave li{ width:500px; display:block;}
#leave span{ text-align:left; margin:5px 7px 0 0; display:block;}
#leave input,#leave textarea{ width:350px; background:#fff; border:solid 1px #BFBFBF; padding:1px 3px; margin-top:3px;}

#submit{ width:200px; text-align:left; padding:20px 0 20px 30px; clear:both;}
#submit img{ margin-top:10px; float:none;}

#l_list li{ width:460px; padding:10px; margin:0px;}
#l_list h3{ font-size:15px; font-weight:normal;}
#l_list li p{ color:#666; line-height:180%; padding:5px 0;}
#l_list span{ color:#666;}
#l_list .red_bg{ background:#EDEDED;}
#l_list .red_bg h3,#l_list .red_bg p,#l_list .red_bg span{ color:#3f3f3f;}
/*      Leaveword End      */



/*      Inquire Start      */
#inquire{ width:520px; padding:0; text-align:left; margin:10px auto 0;}
div#inquire h2{ text-align:left; line-height:20px;}
div#inquire p{ padding:0; margin:0;}
#inquire input{ color:#898989;}
#inquire table td{ padding:5px 0;}
#inquire table input{ border:1px solid #BFBFBF; float:left; height:15px; padding-top:3px;}
#inquire table textarea{ border:1px solid #BFBFBF;}
#inquire table img{ float:left;}
#inquire p input{ border:0; float:none; width:12px; height:12px;}
div#inquire table table input{ text-align:center;}


div#i_top{ width:520px; border-bottom:1px solid #BFBFBF; padding-bottom:30px; margin-bottom:20px;}
div#i_top div{ width:530px; margin:0 auto; text-align:left;}
div#i_top div input{ float:left; margin:10px 5px; padding:0;}
div#i_top div p{ font-size:12px; line-height:12px; padding:5px 0 0;}
div#i_top div span{ font-size:10px; text-align:left;}

#i_top2{ border-bottom:2px solid #BFBFBF; border-top:1px solid #BFBFBF; display:table; margin:10px 0 50px; padding:30px 0 15px;}
#i_top2 img{ float:left; margin:0 10px;}
#i_top2 p{ font-size:14px; color:#666; font-weight:bold; line-height:140%;}


#inquire table span a{ color:#fff; line-height:22px; height:22px; text-align:center; background:#52504D; display:block; width:150px; margin-right:10px;}


div#check{ text-align:left; width:420px; border:3px solid #BFBFBF; padding:10px 0; display:table;}
div#check input{ border:0; margin:5px; float:left;}
div#check span{ font-size:10px; font-weight:normal; text-align:left; width:335px; margin:0; padding:0 0 0 10px; line-height:12px; display:block;}

div#i_btn1{ text-align:center; height:26px; margin:10px 0 0; width:270px;}


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_title{ background:#333;}
.i_gray{ color:#3f3f3f; background:#E2E2E2;}
/*      Inquire End      */

.clear{ clear:both;}
.project{ width:525px; margin:0 auto;}
.project li{ width:150px; height:125px; padding:10px 20px 0 5px;}
.project img{ margin:15px 0;}
.project li img{ width:150px; height:95px; margin:0;}
.project li h3{ font-size:12px; line-height:12px;}
.project h3{ color:#825C29; font-size:14px;}
.project strong{ color:#9A8C85;}
.project p{ color:#858585;}

/*sitemap*/
#sitemap{ width:525px; padding:10px 0 0; margin:0 auto;}
#sitemap li{ width:173px; margin-right:2px;}
#sitemap li a{line-height:25px; padding-left:15px;color:#fff; }
#sitemap li h3 a{ border-bottom:1px solid #fff; display:block; background-color:#BCE4ED;}
#sitemap li h4 a{ display:block;background-color:#BCE4ED; border-bottom:1px dashed #FFFFFF;}
#sitemap li h3 a:hover,#sitemap li h4 a:hover{ background:url(../images/icon_sub_h4.gif) no-repeat 5px 10px; background-color:#D2491C; }
/*sitemap end*/
