body{ width:1002px; text-align:center; font-size:11px; 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;}

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

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; text-align:center; margin:0 auto;}
#header,#mainnav,#current,.topnav,#mid1,#mid2,#mainbody,#footer{ width:850px; text-align:left; margin:0 auto; display:table; clear:both;}

#header{ height:104px;}
#header img{ float:left;}

#mainnav{ font-size:18px; width:610px; height:104px; line-height:104px; float:right;}
#mainnav li{ width:152px; height:104px; text-align:right; background:url(../images/bg_nav_li.gif) no-repeat right top;}
#mainnav li a{ color:#fff; font-weight:bold; line-height:40px; padding:64px 15px 0 0; display:block;}
#mainnav .nav1{ background:#BFBFBF url(../images/bg_nav_li.gif) no-repeat right top;}
#mainnav .nav2{ background:#8E8E8E url(../images/bg_nav_li.gif) no-repeat right top;}
#mainnav .nav3{ background:#7C7C7C url(../images/bg_nav_li.gif) no-repeat right top;}
#mainnav .nav4{ background:#686868 url(../images/bg_nav_li.gif) no-repeat right top;}
#mainnav li a:hover,#mainnav .menu{ color:#505050; background:url(../images/bg_nav.gif) repeat-x right;}

.topnav{ color:#8E8E8E; font-size:10px; line-height:15px; text-align:right; padding:7px 0 20px; display:block;}
.topnav a{ color:#8E8E8E; padding:0 10px;}
.topnav a:hover,.topnav .topnav1{ background:url(../images/icon_topnav.gif) no-repeat 2px 5px;}

#mainbody{ background:url(../images/bg_footer.gif) no-repeat left -15px; padding:15px 0;}

#current{ text-align:left; line-height:20px; display:block;}

#left,#about,#news,#products{ width:645px; float:left;}
#about h2,#news h2,#products h2{ width:635px; height:23px; color:#fff; font-size:16px; font-variant:small-caps; text-align:right; padding:65px 10px 0 0; margin-bottom:15px;}
#about h2,#news h2{ background:url(../images/bg_about_h2.gif) no-repeat;}
#products h2{ color:#00A0C7; background:url(../images/bg_pro_h2.gif) no-repeat;}

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

#footer{ color:#fff; text-align:right; background:#333 url(../images/bg_footer.gif) no-repeat top; padding-top:30px;}
#footer p{ color:#fff; text-align:center; line-height:140%; padding:10px 0;}
#footer span{ color:#B2B2B2; height:20px; line-height:20px; background:#fff; padding-right:10px; display:block;}
#footer span a{ color:#B2B2B2;}
#footer a{ color:#fff; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

/*      Index Start       */
#mid1{ width:1002px; background:#E2E2E2;}
.mid_nav,#mid1 .mid_content{ width:850px; margin:0 auto; clear:both;}
#mid1 img{ float:right;}
#mid1 .mid_nav{ background:url(../images/icon_square.gif) no-repeat left;}
.mid_nav{ line-height:24px; text-align:right; display:block;}
.mid_nav a{ color:#3f3f3f; padding:0 5px;}
.mid_nav a:hover{ color:#8e8e8e; text-decoration:underline;}
.i_server{ width:170px; background:#D6EBFF; padding:15px 20px 5px 15px; margin-left:25px; display:inline; float:left; overflow:hidden;}
.i_server h2{ font-size:12px;}
.i_server img{ margin:10px 0;}
.i_server p{ line-height:140%;}
.i_server span a{ background:url(../images/icon_blue.gif) no-repeat left; padding-left:10px; display:block;}

#mid2{ background:#F4F4F4; padding:8px 0 16px; margin-bottom:20px;}
#mid2 ul{ width:630px; padding-left:25px; float:left;}
#mid2 li{ width:630px; height:49px; color:#fff; font-size:13px; font-weight:bold; text-align:right; line-height:100%; background:#00A0C7; margin-bottom:2px;}
#mid2 li img{ margin-left:10px; float:right;}
#mid2 .li_1{ background:#BFBFBF;}
#mid2 .li_2{ background:#8E8E8E;}
#mid2 li a{ color:#fff;}

.i_txt{ color:#fff; width:160px; height:140px; background:#7C7C7C; padding:11px 10px 0; margin-right:4px; float:right;}
.i_txt h2{ font-size:14px; text-align:center; background:url(../images/bg_itxt.gif) repeat-x bottom;}
.i_txt p{ color:#fff; line-height:140%; padding-top:8px;}

.i_com,.i_pro,.i_news{ width:627px; color:#666; background:url(../images/icon_index.gif) no-repeat left 5px; padding-left:18px; display:table; clear:both;}
.i_com,.i_pro{ padding-bottom:20px;}
.i_com h2,.i_pro h2,.i_news h2{ font-size:18px; font-weight:normal;}
.i_com p,.i_pro p{line-height:160%;	padding-top:5px;}
.i_com img,.i_news span,.i_news li h3{ margin-right:10px; float:left;}
.i_com img{ margin-top:10px;}
.i_pro p{ width:627px; color:#3f3f3f; clear:both;}

.p_list{ width:627px; display:table; clear:both;}
.p_list li{ width:135px; border:1px solid #C3C3C3; background:#fff; text-align:center; float:left; margin:12px 8px 0;}
.p_list li img{ width:135px; height:112px; margin-bottom:7px;}
.p_list h3{ height:35px; font-size:12px; font-weight:normal; border-top:1px solid #C3C3C3; line-height:15px;}

.i_news li{ width:627px; padding-top:15px;}
.i_news h3{ width:100px; font-weight:normal; background:#00A0C7; padding:0 7px; overflow:hidden;}
.i_news h3 a{ color:#fff;}
.i_news p{ line-height:120%; padding:0;}
.i_news p a{ color:#3f3f3f; text-decoration:none;}
.i_news p a:hover,.language span a:hover{ text-decoration:underline;}

#search{ width:172px; height:17px; background:#00A0C7; padding:12px 11px; margin-bottom:6px; clear:both;}
#search input{ width:145px; height:17px; line-height:17px; background:url(../images/bg_search.gif) no-repeat left center; border:none; float:left;}
#search img{ float:left;}

#subnav{ width:195px; background:#E2E2E2; margin-bottom:1px; clear:both;}
#subnav a,#sitemap li a{ font-weight:normal; padding-left:7px; display:block;}
#subnav h2,#sitemap h2{ color:#fff; font-size:14px; line-height:30px; background:#00A0C7; padding-left:20px; padding-bottom:0; margin-bottom:1px; border-bottom:1px solid #fff;}
#about #sitemap h2{ width:auto; text-align:left; padding-top:0;}
#subnav h3 a,#sitemap h3 a{ color:#fff; font-size:12px; line-height:14px; background:#BFBFBF url(../images/icon_blue.gif) no-repeat 7px 7px; padding:3px 5px 3px 20px; border-bottom:1px solid #fff;}
#subnav h3 a:hover,#subnav .sub,#sitemap h3 a:hover{ color:#3f3f3f; background:url(../images/icon_sub_h3.gif) repeat-y left;}
#subnav h4 a,#sitemap h4 a{ line-height:110%; padding:5px 0 3px 7px;}
#subnav h4 a:hover,#subnav .sub_h4,#sitemap h4 a:hover{ text-decoration:underline;}

.sub_link{ color:#fff; font-size:18px; font-weight:normal; background:#303030; padding-left:8px; margin-bottom:10px; clear:both;}

.language{ width:185px; background:#72AD2C url(../images/bg_language.gif) no-repeat top; padding:65px 10px 7px 0; display:table; clear:both;}
.language img{ margin-left:12px; float:left;}
.language span a{ color:#fff; margin-top:10px; display:block; float:right;}
/*      Index End       */

/*    Column Start     */
#about p{ line-height:180%; padding:5px 0;}
#about .a_pic{ width:310px; margin-left:10px; float:right;}
#about .a_pic span a{ color:#00A0C7; text-decoration:underline; margin-top:7px; display:block; float:right;}

.link,.down{ width:645px; padding:10px 0 0; margin:0 auto; display:table;}
.link li{ width:645px; 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:645px; 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:645px; 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:645px; margin:0; padding:0;}
#sitemap li{ width:195px; background:#E2E2E2; margin-right:8px; display:table; float:left;}
/*    Column End     */

/*    News Start     */
#news ul,#news li{ width:645px; 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:#00A0C7; font-size:14px;}
#news span{ color:#858585;}
#news li span{ display:block;}
#news p{ padding-bottom:5px;}
#news a:hover{ text-decoration:underline;}
/*    News End     */

/*    Products Start     */
.p_h2,#p_search,.p_title,#p_info,.p_txt,#btn,#inquire_select,#new_btn,#p_new{ width:645px; padding:10px 0; display:table; clear:both;}

#p_search{ width:600px; color:#666; padding-left:45px;}
#p_search span{ 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 p{ line-height:160%; padding:0;}

#products .p_list li{ width:104px; height:128px; padding:20px 26px 15px; margin:0; border:none; border-bottom:1px solid #BCE4ED;}
* html #products .p_list li{ padding:20px 25px 15px;}
#products .p_list li:hover,#products .p_list li.mouseon { background:#ECECEC;}
#products .p_list li img{ width:104px; height:85px; margin:0; border:1px solid #BCBCBC;}
#products .p_list h3{ width:104px; font-size:11px; border:1px solid #BCBCBC; border-top:none;}
#products .p_list input{ margin:2px; *margin:-1px; float:left;}

#products .p_h2{ height:3px; line-height:3px; background:url(../images/bg_pro_h2.gif) no-repeat; padding:0; overflow:hidden;}
#p_info,#btn{ background:url(../images/bg_p_bottom.gif) no-repeat bottom;}
.p_txt,#p_new{ width:623px; background:url(../images/icon_index.gif) no-repeat left 5px; padding:0 0 10px 18px; margin-top:20px;}

#p_info{ padding-bottom:20px;}
#p_pic{ width:345px; text-align:center; overflow:hidden; float:right;}
#p_pic div{ width:345px; height:185px; margin:0 auto 15px; overflow:hidden;}
#p_pic img{ margin:auto; display:block; border:1px solid #BCBCBC;}
#p_pic span{ font-size:12px; text-align:left; display:block;}
#p_pic ul img{ width:48px; height:39px; overflow:hidden;}
#p_pic ul li{ width:50px; padding:5px 17px 0 0; float:left;}

#p_size{ width:258px; background:url(../images/icon_index.gif) no-repeat left 5px; padding:0 10px 0 18px; border-right:1px solid #BFBFBF; float:left;}
#products #p_size h2{ width:258px; height:auto; color:#3f3f3f; font-size:14px; font-variant:normal; text-align:left; background:none; padding:0; margin:0 0 10px 0;}
#p_size p{ color:#3f3f3f; font-size:11px; padding:0;}
#p_size img{ margin-top:15px;}

.p_txt h3,#p_new h3{ color:#3f3f3f; font-size:16px; font-variant:small-caps; margin:0;}
.p_txt p{ line-height:160%; padding:7px 0 3px;}
.p_txt h4{ line-height:15px; background:#E0EAF3; padding-left:5px; margin:7px 0 3px 15px;}
.p_txt table{ width:620px; font-size:11px; background:#ccc; margin:10px 0 5px;}
.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:10px 0 5px; margin-bottom:20px; clear:both;}
#btn img{ margin:5px; display:inline;}

#products #p_new .p_list{ width:623px; padding:10px 0; display:table;}
#p_new .p_list li{ padding:0 15px 0 5px; border:none;}
* html #p_new .p_list li{ padding:0 15px 0 3px;}
#p_new .p_list li:hover,#p_new .p_list li.mouseon { background:none;}
#p_new li h4{ width:104px; height:32px; font-weight:normal; border:1px solid #BCBCBC; border-top:none;}
/*    Products End     */

#inquire_select,#new_btn{ padding:0;}
#inquire_select span a{ width:150px; font-weight:bold; background:#333; display:block; color:#fff; line-height:22px; text-align:center; margin:10px 20px 0 0; float:right;}

#new_btn{ text-align:left; margin-top:10px;}
#new_btn span{ color:#666; margin:5px 3px 0 0;}
#new_btn a{ color:#666; padding:0 3px;}
#new_btn a:hover,#new_btn .page2{ color:#FFF; background:#333;}


/*      Leaveword Start      */
#right .leave_h2{ text-align:left; padding-bottom:5px; border-bottom:1px solid #BFBFBF;}
.leave_h2 img{ float:right;}

#leave,#l_list{ width:645px; padding-top:10px; margin:0 auto; clear:both;}
#leave{ background:#E2E2E2; margin-top:20px; border-top:5px solid #BFBFBF; border-bottom:5px solid #BFBFBF;}
#leave li{ width:645px; 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 #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:625px; 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:623px; 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:623px; 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{ height:30px; border-bottom:2px solid #BFBFBF; border-top:1px solid #BFBFBF; margin:10px 0 40px; padding:15px 0; display:table;}
#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; text-align:center;}
#inquire table span a{ background:#333; display:block; color:#fff; line-height:22px; height:22px; text-align:center; width:200px; margin-right:7px;}


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 0 0 10px; 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      */

#fav{float:right; margin-right:5px; margin-top:0;font-size:11px;}
#fav a{background:url("/images/star.jpg") no-repeat left center;
padding-left:20px;margin-left:5px;color:#1a1a1a;	display: inline;	text-align: left;
padding: 3px 0;
}