/* CSS Document */
body{ width:1002px; text-align:center; font-size:12px; color:#3f3f3f; font-family:Arial, Helvetica, sans-serif; margin:auto; padding:0;}

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

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

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

p{ line-height:160%; text-align:left; margin:0; padding:0;}
p span{ font-weight:bold;}
p a{ color:#75AD02; 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{ display:none; margin:0 9999px 0 0;}


#center{ width:1002px; text-align:center; margin:0 auto;}
#header,#mainnav,#banner,#topnav,#topnav_i,#main,#footer{ width:841px; text-align:left; margin:0 auto; overflow:hidden; zoom:1; clear:both;}

#header{position:relative;}
#header img,#mainnav img{ float:left;}
#header span{ line-height:12px; text-align:right; display:block;position:absolute;top:10px;right:0;}
#header span img{display:inline; margin:0 7px;float:none;}
#header a{ color:#1B4B79; float:left;}
#header span a{float:none;display:inline-block;margin-left:7px;}

#mainnav{ width:791px; height:32px; line-height:32px; background:url(../images/bg_mainnav.gif) repeat-x; padding-left:50px; margin:5px auto 0;}
#mainnav li{ background:url(../images/bg_nav_li.gif) no-repeat right top; padding-right:2px;}
#mainnav li a{ color:#fff; font-weight:bold; padding:0 15px 0 13px; display:block;}
#mainnav li a:hover,#mainnav .menu{ background:url(../images/bg_nav.gif) no-repeat right;}
#mainnav div{ width:160px; height:18px; background:url(../images/bg_search.gif) repeat-x; padding:7px 0 7px 23px; float:right;}
#mainnav div input{ width:116px; height:18px; background:#E0EAF3; margin-right:5px; border:none; float:left;}

#main{ width:832px; background:#EBECEC url(../images/img_mainbody.gif) no-repeat 5px bottom; padding:8px 4px 14px 5px; margin:5px auto 0;}

#left,#about,#news,#products{ width:574px; background:#fff url(../images/bg_left.gif) repeat-y left; padding:8px; height:auto; overflow:hidden; zoom:1; float:left;}
#about h2,#news h2{ color:#75AD02; font-size:24px; font-weight:normal; padding:10px 0 0 10px;}

#right{ width:242px; float:right;}

#subnav{ width:235px; padding-right:3px; float:right;}
#subnav h2,#subnav h3{ font-size:14px; line-height:25px; background:url(../images/bg_r_h2.gif) repeat-x center; padding-left:25px;}
#subnav h3{ font-size:12px; font-weight:normal; line-height:12px; padding:7px 0 7px 10px; margin-bottom:2px;}
#subnav h3 a{ color:#3f3f3f; background:url(../images/icon_arrow.gif) no-repeat left 4px; padding-left:15px; display:block;}
#subnav h4{ line-height:16px; background:url(../images/icon_arrow.gif) no-repeat 5px 6px; margin:7px 0 3px;}
#subnav h4 a{ color:#1C4F7E; font-weight:normal; padding-left:25px; display:block;}
#subnav h4 a:hover,#subnav .sub{ color:#75AD02; text-decoration:underline;}

#footer{ color:#5F5F5F; font-size:10px; padding-bottom:15px;}
#footer span{ height:30px; line-height:30px; background:#D4D4D4; margin:5px 0; display:block;}
#footer span img{ margin:10px 15px 0 0; float:right;}
#footer span a{ font-size:11px; background:url(../images/icon_arrow.gif) no-repeat left; padding-left:12px; margin-left:12px;}
#footer a{ color:#5F5F5F;}
#footer a:hover{ color:#3f3f3f; text-decoration:underline;}

/*      Index Start       */
#topnav,#topnav_i{ width:570px; height:45px; color:#fff; text-align:left; background:#75AD02 url(../images/img_i_top.jpg) no-repeat right top; padding:10px 251px 0 20px; margin:1px auto 6px;}
#topnav h2{ font-size:18px; font-weight:normal;}
#topnav span,#topnav_i span{ font-size:11px; text-align:right; line-height:12px; padding-top:8px; display:block;}
#topnav a,#topnav_i a{ color:#fff;}

#topnav_i{ height:65px; background:#44B6D0 url(../images/img_i_top.jpg) no-repeat right top; padding-top:20px;}
#topnav_i h2{ font-size:18px;}

.i_news,#i_mid,.i_print{ width:574px; font-size:11px; margin-bottom:5px; overflow:hidden; zoom:1;}
.i_news{ background:#91C05A;}
.i_news img{ float:right;}
.i_news ul{ width:214px; float:left;}
.i_news h2{ color:#fff; font-size:16px; line-height:43px; background:#66813B; padding-left:10px;}
.i_news li{ width:214px; margin:4px 0; display:block;}
.i_news li a{ line-height:120%; background:url(../images/ico_news.png) no-repeat 10px 8px; padding:5px 10px 5px 25px; display:block;}
.i_news li a:hover{ background:#AFD187 url(../images/ico_news.png) no-repeat 10px 8px;}
.i_news span{ background:url(../images/bg_news.png) repeat-x top; padding-top:10px; margin-top:10px; display:block; clear:both;}
.i_news span a{ text-decoration:underline; background:url(../images/ico_more.png) no-repeat left 7px; padding-left:15px; margin-left:10px;}
.i_news span a:hover{ color:#fff; background:url(../images/ico_more.png) no-repeat left 7px;}

#i_mid{ background:url(../images/bg_mid.png) repeat-x top; padding:12px 0; border-bottom:1px dotted #777;}
#i_mid div{ padding:0 10px; float:left;}
#i_mid h2,.i_txt h2{ font-size:14px; color:#1B4F7E; font-weight:normal; margin-bottom:8px;}
#i_mid span a{ margin:10px 0 0 0; background:url(../images/icon_arrow.gif) no-repeat left 5px; padding-left:12px; display:block; clear:both;}

.i_pro{ width:212px;}
.i_pro li{ width:212px; padding:10px 0;}
.i_pro img{ width:91px; height:74px; border:2px solid #798CAA; margin-right:7px; float:left;}
.i_pro h3{ height:25px; line-height:12px;}
.i_pro h3 a{ color:#F35614; font-size:11px; font-weight:normal;}
.i_pro p{ line-height:120%;}
.i_pro a{ text-decoration:underline;}

.i_com{ width:145px; min-height:340px; _height:340px; border-left:1px dotted #777;}
.i_com img{ margin-bottom:5px; border:2px solid #798CAA; display:block;}
#i_mid .i_com span a{ background:url(../images/ico_icom.png) no-repeat left 5px;}
.i_com span a:hover{ text-decoration:underline;}

.i_print{ padding-top:10px;}
.i_print img,.i_print span{ line-height:11px; margin-left:5px; float:left;}
.i_print img{ margin-left:15px;}

#subnav,.i_ad,.i_txt{ overflow:hidden; zoom:1; clear:both;}

.i_ad{ width:201px; height:38px; color:#fff; background:url(../images/bg_ad.png) no-repeat center bottom; padding:132px 20px 0; margin:5px 0;}
.i_ad p{ font-size:11px; line-height:12px;}

.i_txt{ background:url(../images/bg_itxt_1.png) repeat-y center;}
.i_txt div{ width:210px; font-size:11px; background:url(../images/bg_itxt_3.png) no-repeat bottom; padding:0 16px 40px;}
.i_txt h2{ margin:10px 0 5px;}
.i_txt img{ display:block;}
.i_txt span{ padding-top:20px; margin-top:25px; border-top:1px dotted #777; display:block; clear:both;}
.i_txt span img{ margin-right:8px; float:left;}
/*      Index End       */

/*    Column Start     */
#about p{ padding:7px 10px;}
#about .green{ color:#75AD02; font-size:120%;}
#about .more{ font-size:11px; text-decoration:underline; display:block;}

.link,.down{ width:555px; padding:10px 0 0; margin:0 auto; display:table;}
.link li{ width:555px; 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 li{ width:555px; border-bottom:1px solid #ccc; padding:15px 0 25px;}
.down li .d_pic{ width:130px; height:112px; margin-right:20px; float:left;}
.down li h4{ font-size:14px;}
#right .down li p{ height:55px; padding:5px 0;}
.down li .btn_down{ margin-left:200px;}

.v_pic{ width:555px; text-align:center; padding:20px 0; margin:0 auto; display:table; clear:both;}
.v_pic img{ width:490px; 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;}

#sitemap{ width:555px; margin:0; padding:0;}
#sitemap li{ width:180px; background:#EAEAEA; padding-bottom:15px; margin-right:5px; display:table; float:left;}
#sitemap li h2{ line-height:25px; background:url(../images/bg_r_h2.gif) repeat-x left bottom; padding-left:25px;}
#sitemap h3{ font-weight:normal; background:#FBFBFB url(../images/bg_right_h2.gif) repeat-x bottom; margin-bottom:5px;}
#sitemap h4{ line-height:16px; background:url(../images/icon_arrow.gif) no-repeat 5px 6px; margin:7px 0 3px;}
#sitemap h4 a{ font-size:11px; font-weight:normal; padding-left:15px;}
#sitemap h3 a:hover{ background:#f9f9f9; display:block;}
/*    Column End     */

/*    News Start     */
#news ul,#news li{ width:570px; clear:both;}
#news img{ margin:5px 20px 0 10px; float:left;}
#news li{ width:570px; font-size:11px; padding:10px 0 20px 0; border-bottom:1px dotted #898989;}
#news li h3 a{ color:#75AD02; font-size:12px; padding-left:10px;}
#news li span{ color:#858585; padding-left:10px; display:block;}
#news a:hover{ text-decoration:underline;}
#news p{ padding:5px 10px;}
/*    News End     */

/*    Products Start     */
#products{ width:574px; padding:5px 7px 0 9px;}
#p_size h2{ color:#F35614; font-size:14px;}

#p_search,.p_title,.p_list,#p_info,.p_txt,#btn,#p_new{ width:574px; padding:10px 0; display:table; clear:both;}

#p_search{ width:524px; padding:20px 0 10px 50px;}
#p_search span{ color:#666; font-size:12px; line-height:22px; margin-right:2px; float:left;}
#p_search select,#p_search input,#p_search img{ margin-top:5px; float:left;}
#p_search select,#p_search input{ width:130px; height:18px; border:1px solid #BDBDBB; margin-right:10px;}

.p_title{ padding-bottom:12px;}
.p_title p{ line-height:160%; padding:0 10px;}

.p_list{ background:url(../images/bg_pro.png) repeat-y 270px top;}
.p_list li{ width:260px; padding:10px 0 10px 10px;}
.p_list li img{ width:143px; height:117px; border:1px solid #798CAA; margin-right:7px; float:left;}
.p_list h3{ height:25px; overflow:hidden;}
.p_list h3 a{ color:#F35614; line-height:14px; font-weight:normal; text-decoration:underline;}
.p_list p{ font-size:11px; color:#5F5F5F; line-height:12px; padding:5px 0; overflow:hidden;}
.p_list input{ margin:0; *margin:-4px; margin-right:5px; float:left;}

#p_pic{ width:245px; height:230px; text-align:center; padding:0 10px; overflow:hidden; float:left;}
#p_pic img{ margin:auto; display:block; overflow:hidden;}
#p_size{ width:290px; float:right;}
#p_size p{ color:#1E5282; font-size:12px; padding:0;}
#p_size img{ margin-top:20px;}

.p_txt{ padding:3px 0 10px; margin-top:20px;}
.p_txt h3,#p_new h3{ color:#1E5282; line-height:25px; padding-left:15px; border-bottom:1px dotted #777;}
.p_txt p{ line-height:160%; padding:5px 5px 0 15px;}
.p_txt h4{ line-height:15px; background:#E0EAF3; padding-left:5px; margin:7px 0 3px 15px;}
.p_txt table{ width:560px; font-size:11px; background:#ccc; margin:10px auto 5px;}
.p_txt table th{ font-size:12px; background:#EDEDED;}
.p_txt table td{ background:#fff; padding:5px 0 3px 7px;}

#btn{ height:15px; text-align:right; padding:10px 0; margin-bottom:20px; clear:both;}
#btn img{ margin:5px; display:inline;}

#p_new{ width:574px; margin-top:15px;}
#p_new ul{ width:574px; background:#fff; padding:10px 0; display:table;}
#p_new li{ width:104px; text-align:center; padding:0 18px;}
#p_new li img{ width:102px; height:84px; border:1px solid #9CAAC0; margin:7px auto 2px;}
#p_new li h4 a{ color:#1E5282; font-size:11px; font-weight:normal;}
/*    Products End     */

#inquire_select,#new_btn{ width:574px; clear:both;}
#inquire_select span a{ width:150px; font-weight:bold; background:#1C4F7E; display:block; color:#fff; line-height:22px; text-align:center; margin-bottom:10px; float:right;}

#new_btn{ text-align:center; padding-top:10px; margin-top:10px; border-top:1px dotted #777;}
#new_btn span{ color:#666; margin:5px 3px 0 0;}
#new_btn a{ color:#666; padding:3px 2px;}
#new_btn a:hover,#new_btn .page2{ color:#FFF; background:#68B9CC;}


/*      Leaveword Start      */
h2 img{ float:right;}

#leave,#l_list{ width:555px; padding-top:10px; margin:0 auto; clear:both;}
#leave{ background:#EDEDED; margin-top:20px; border-top:5px solid #ADADAD; border-bottom:5px solid #ADADAD;}
#leave li{ width:555px; display:block;}
#leave span{ width:100px; padding:2px 10px; text-align:right; margin:5px 7px 0 0; display:block; float:left;}
#leave input,#leave textarea{ width:350px; background:#fff; border:solid 1px #ddd; padding:1px 3px; margin-top:3px;}

#submit{ width:200px; text-align:left; padding:20px 0 20px 30px; clear:both;}
#submit input{ width:54px; height:17px; margin-top:10px; float:none;}

#l_list li{ width:535px; padding:10px;}
#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:574px; 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 #ccc; float:left; height:15px; padding-top:3px;}
#inquire table textarea{ border:1px solid #ccc;}
#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:530px; border-bottom:1px solid #ccc; 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 #ccc; border-top:1px solid #ccc; 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{ font-size:11px; font-weight:bold; float:right; width:100px; text-align:right; padding-right:15px;}
#inquire table span a{ background:#5C504C; display:block; color:#fff; line-height:22px; height:22px; text-align:center; width:120px;}


div#check{ text-align:left; width:420px; border:3px solid #68B9CC; 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:#5C504C;}
.i_gray{ color:#3f3f3f; background:#E0E0E0;}
/*      Inquire End      */

.clear{ clear:both;}

#patch{ background:url(../images/bg_mainnav.gif) repeat-y top left; float:left;}

#fav{position:absolute;right:80px;top:40px;}
#fav a{background:url("/images/star.jpg") no-repeat left center;
padding-left:20px;margin-left:5px;display:inline-block;color:#1a1a1a;}