﻿body{ width:1002px; text-align:center; font-size:12px; color:#3f3f3f; font-family:Verdana, Arial, Helvetica, sans-serif; background:#fff; 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:Arial, Helvetica, sans-serif;}
h2{ color:#838383; font-size:14px; line-height:24px; background:url(../images/bg_h2.gif) no-repeat left; padding-left:15px;}

p{ font-family:Geneva, Arial, Helvetica, sans-serif; text-align:left; margin:0; padding:0;}
p a{ color:#890000; 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 0 0 -9999px;}


#center{ width:1002px; text-align:center; background:url(../images/bg_title.gif) repeat-x top; padding:2px 0 0; margin:0 auto;}

#header,#mainnav,#banner,#current,#mainbody,#footer{ width:958px; text-align:left; margin:0 auto; clear:both;}

#header{ width:930px;}
#header span{ color:#663300; text-align:right; display:block; clear:both;}
#header span img{ margin:15px 0 0 14px; float:right;}
.topnav{ width:345px; float:right;}

#search{ width:345px; height:20px;  padding-top:15px; clear:both;}
#search span{ color:#2F408D; font-size:11px; font-weight:bold; line-height:22px; background:url(../images/icon_search.gif) left no-repeat; padding-left:16px;}
#search input{ width:153px; height:20px; border:1px solid #BDBDBB;}
#search span,#search input,#search img{ margin-left:4px; float:left;}

#mainnav{ width:930px; height:32px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:20px;}
#mainnav li{ width:113px; text-align:center; line-height:32px; background:url(../images/bg_menu1.gif) no-repeat center bottom; margin:0 3px;}
#mainnav a{ color:#fff; display:block;}
#mainnav .nav1{ width:160px; background:url(../images/bg_menu2.gif) repeat-x bottom;}

#banner{ width:1002px; height:354px;}

#mainbody{ background:url(../images/bg_mainbody.gif) repeat-y 256px center; margin:0 auto;}

#footer{ color:#A9A9A9; text-align:center; background:url(../images/bg_footer.gif) repeat-x top; padding:20px 0; margin-top:7px;}
#footer a{ color:#A9A9A9; padding:0 5px;}
#footer a:hover{ color:#3f3f3f; text-decoration:underline;}


#left{ width:236px; float:left;}
.i_news h2{ color:#fff; background:url(../images/bg_left_h2.gif) no-repeat; padding-left:40px;}

#right,#about,#news,#products{ width:678px; float:right;}
#right h2,#about h2,#news h2,#products h2{ margin-bottom:10px; border-bottom:3px solid #6A9CD9;}

#current{ height:25px; color:#838383; text-align:right;}
#current a{ color:#838383; line-height:28px; margin:0; padding:0 5px 0 0;}

/*      Index Start      */
#subnav{ width:236px; margin-bottom:12px; clear:both;}
#sitemap li{ width:220px; margin-right:2px;}
#subnav a,#sitemap li a{ font-size:12px; line-height:25px; padding-left:40px;}
#sitemap li h2{ margin-bottom:0;}
#subnav h3 a,#subnav h5 a:hover,#subnav h5 .sub,,#sitemap li h3 a,#sitemap li h5 a:hover{ color:#fff; background:url(../images/bg_left_h3.gif) no-repeat left center; border-top:1px solid #fff; display:block;}
#subnav h4,#sitemap li h4{ font-weight:normal; background:url(../images/bg_subh4.gif) no-repeat;}
#subnav h5,#sitemap li h5{ background:#CCEDFE url(../images/bg_subh4.gif) no-repeat;}
#subnav h5 a,#sitemap li h5 a{ border-top:1px solid #CCEDFE; display:block;}
#subnav h4 a:hover,#sitemap li h4 a:hover{ background:url(../images/icon_sub_h4.gif) no-repeat 25px 5px;}

.i_news{ width:236px; background:#F7F7F4; padding-bottom:20px; margin-top:5px; clear:both;}
.i_news p{ line-height:140%; padding:10px 20px 5px 25px;}
.i_news div{ border-top:2px solid #fff;}
.i_news ul{ width:185px; margin:0 auto;}
.i_news li{ width:170px; background:url(../images/icon_blue.gif) no-repeat 5px 14px; padding:10px 0 10px 15px; border-bottom:1px dashed #C9C9C7;}
.i_news li span{ color:#0060AD; font-weight:bold; display:block;}
.i_news li a:hover{ text-decoration:underline;}

.i_com,.i_n_pro,#i_mid{ width:678px; display:table; clear:both;}

.i_com{ line-height:150%; padding-bottom:15px; margin-bottom:10px; border-bottom:1px dashed #CECECE;}
.i_com img,.i_honor img{ margin-right:10px; float:left;}

#right h2 span a,.more{ color:#A9A9A9; font-size:11px; font-weight:normal; line-height:10px; background:url(../images/icon_more.gif) no-repeat right 0; padding-right:15px; margin-top:10px; display:block; float:right;}

.i_n_pro ul{ width:664px; padding:10px 0; border:7px solid #E5E5DC; display:table;}
.i_n_pro li,.project li{ width:183px; text-align:center; padding:0 19px;}
.i_n_pro li img,.project li img{ width:183px; height:116px; overflow:hidden;}
.i_n_pro h3 a,.project h3 a{ font-size:12px; text-align:left; background:#FCF6EA; padding-left:5px; margin-top:3px; display:block;}
.i_n_pro .line{ padding:0 18px; border-left:1px dotted #DFDFDF; border-right:1px dotted #DFDFDF;}

#i_mid{ background:url(../images/bg_mainbody.gif) repeat-y 450px center; margin-top:15px;}

.mid_left{ width:440px; float:left;}
#right #i_mid h2{ border-bottom:1px dotted #CFCFCF;}
.i_pro{ width:440px; margin-bottom:10px; clear:both;}
.i_pro li{ width:121px; height:130px; font-size:12px; text-align:center; background:#F7F7F4; padding:15px 12px 7px 13px; margin-bottom:7px; border-top:1px solid #2F408D;}
.i_pro li img,.p_list li img{ width:120px; height:85px; margin-bottom:3px; overflow:hidden;}
.i_pro li h3,.mid_right li h3{ font-weight:normal;}

.mid_right{ width:190px; background:#F7F7F4 url(../images/bg_h2_2.gif) repeat-x top; padding:0 15px 0; float:right;}
#i_mid .mid_right h2{ line-height:35px;}
.mid_right li{ width:190px; text-align:center; padding:15px 0; border-bottom:1px dotted #C4C4C2;}
.mid_right li img{ width:120px; height:85px; margin:5px auto; display:block;}
.mid_right li h3{ font-size:12px; line-height:12px; height:30px; overflow:hidden;}
.mid_right .border_no{ border:none;}
/*      Index End       */


/*    Column Start     */
#about p,#news p{ line-height:180%; padding:10px 0;}
#about p strong{ font-size:12px; color:#000;}
.v_pic{ width:670px; padding:20px 0; clear:both;}
.a_pic,#news img{ margin:10px 20px 0 0; float:left;}

.link,.project,#sitemap{ width:678px; padding:10px 0 0; margin:0 auto;}
.link li{ width:650px; padding:10px 0;}
.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:#009ACB; text-decoration:underline;}

.project li{ width:196px; height:165px; padding:10px 25px 0 5px;}
.project img{ margin:15px 0;}
.project li img{ width:196px; height:124px; 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;}
/*    Column End     */

/*      Leaveword Start      */
#left .leave_h2{ text-align:left; padding-bottom:5px; border-bottom:1px solid #1B4D74;}
.leave_h2 img{ float:right;}

#leave,#l_list{ width:678px; padding-top:10px; clear:both;}
#leave li{ width:678px; display:block;}
#leave span{ width:120px; color:#46462F; font-size:11px; text-align:right; margin:5px 7px 0 0; display:block; float:left; }
#leave input,#leave textarea{ width:400px; background:none; border:solid 1px #46462F; padding:1px 3px; margin-top:3px;}
#leave input{ width:250px;}
#submit{ width:600px; text-align:center; padding:20px 0; clear:both;}

#l_list li{ width:658px; 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:#CCEDFE;}
#l_list .red_bg h3,#l_list .red_bg p,#l_list .red_bg span{ color:#3f3f3f;}
/*      Leaveword End      */


/*    News Start     */
#news ul,#news li{ width:678px; clear:both;}
#news li{ padding:10px 0 20px 0; border-bottom:1px dotted #898989;}
#news h3,#news li h3 a{ color:#0060AD; font-size:14px;}
#news h4{ color:#9A8C85;}
#news li span{ color:#858585; display:block;}
#news p{ padding:0;}
#news a:hover{ text-decoration:underline;}
/*    News End     */


/*    Products Start     */
#products h2{ padding-bottom:2px;}

#p_search,.p_title,.p_list,#p_info,.p_txt,#btn,#p_new{ width:678px; padding:10px 0; clear:both;}

#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:160px; height:16px; border:1px solid #BDBDBB; margin-right:10px;}
#p_search select {height:21px;}
.p_title{ padding:0 0 20px; border-bottom:1px dashed #ACACAC; }
.p_title p{ color:#838383; line-height:160%; padding:0;}

.p_list li{ width:121px; height:150px; font-size:12px; text-align:center; padding:15px 23px 0; border-bottom:1px dashed #ACACAC; overflow:hidden;}
.p_list li img{ margin-bottom:7px;}
.p_list h3{ font-size:12px; font-weight:normal; line-height:12px; overflow:hidden;}
.p_list input{ float:left;}

#p_info{ padding-bottom:10px; margin-bottom:10px;}
#p_pic{ width:296px; text-align:center; padding-bottom:10px; border-bottom:1px dashed #ACACAC; overflow:hidden; float:left;}
#p_pic div{ width:296px; height:210px; text-align:center; margin:auto; overflow:hidden;}
#p_pic div img{ display:block; margin:auto;}
#p_pic ul{ width:296px; clear:both;}
#p_pic ul img{ width:68px; height:50px; margin:0 3px; overflow:hidden;}
#p_pic span a{ color:#838383; font-weight:bold; background:#E9E8E8 url(../images/icon_search.gif) no-repeat 7px; padding:2px 5px 2px 22px; margin:5px 0; display:block; float:right;}

#p_size{ width:360px; font-size:12px; float:right;}
#p_size h3{ color:#0060AD; font-size:14px;}
#p_size p{ line-height:200%; padding:0;}
#p_size img{ margin-top:10px;}

.p_txt h3{ font-size:12px;color:#0060AD; line-height:25px; border-bottom:1px dashed #ACACAC;}
.p_txt p{ line-height:160%; padding:5px;}
.p_txt table{ width:666px; background:#ccc; margin:0 auto;}
.p_txt table td{ background:#fff; padding:3px 3px 0 7px;}

#btn{ text-align:right; margin:10px 0; border-top:1px dashed #ACACAC;}
#btn img{ margin:0 10px; display:inline;}

#p_new .p_list li{ padding-top:0; border:none;}
/*    Products End     */


#inquire_select,#new_btn{ width:678px; padding:3px 0; clear:both;}
#inquire_select span a{ font-size:11px; font-weight:bold; background:#1286CE; display:block; color:#fff; line-height:22px; text-align:center; width:150px; float:right;}

#new_btn{ color:#666; text-align:right; background:#F7F7F4; padding:5px 0; margin:10px 0;}
#new_btn span{ background:transparent; border:1px solid #707070; margin:5px 3px 0 0;}
#new_btn a{ color:#666; padding:1px 4px;}
#new_btn a:hover,#new_btn .page2{ color:#FFF; padding:0px 3px; background:#1286CE; border:1px solid #fff;}


/*      Inquire Start      */
#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:640px; 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; 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:#870000; display:block; color:#fff; line-height:22px; height:22px; text-align:center; width:120px;}

div#check{ text-align:left; width:420px; border:3px solid #870000; padding:10px 0;}
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:#C48D91;}
.i_gray{ color:#3f3f3f; background:#F7E7E7;}
/*      Inquire End      */


#floatBox{position:absolute;width:200px;top:0; right:0;z-index:999;}
#floatBox h2{height:25px; background:url(../images/floatBox_head.gif) repeat-x left top; font-size:120%; line-height:25px; padding-left:10px; color:#FFF;}
#floatBox div{padding:10px; border:1px solid #148bd2; line-height:20px; background-color:#FFF;}
#floatBox div a{text-decoration:underline;}
