﻿body{ width:1002px; font-size:11px; color:#3f3f3f; font-family:Arial, Helvetica, sans-serif; background:#FBFBF1 url(../images/bg_header.gif) no-repeat center top; margin:auto; padding:0; position:relative;  }

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%; 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;background:url(../images/bg_bottom.gif) no-repeat center bottom; padding-top:10px; margin:0 auto;position:relative;direction: rtl;}
#header,#mainnav,#search,#current,.topnav,#banner,#mainbody,#footer{ width:794px;margin:0 auto; clear:both;}

#header{position:relative;}
#header span{position:absolute;right:0;*right:-95px;;top:10px;*top:-5px;color:#fff; font-size:10px; line-height:10px; text-align:right;display:block;}
#header span a{ color:#fff; padding:0 10px;}
#header span a:hover,#header span .topnav1{ background:url(../images/icon_topnav.gif) no-repeat 2px 5px;}

#mainnav{ font-size:12px; width:610px; height:26px; padding-bottom:12px; float:left;}
#mainnav li{ line-height:22px; text-align:center; padding:4px 10px 0; border-right:1px dotted #81807C;}
#mainnav li a{ color:#3f3f3f; font-weight:bold; line-height:18px; padding:2px 15px; display:block;}
#mainnav li a:hover,#mainnav .menu{ color:#505050; padding:0 13px; border:2px solid #95C8D7;}

#search{margin:0 auto; width:204px; height:19px; padding-left:590px;}
#search input{ width:155px; height:19px; line-height:19px; background:url(../images/bg_search.gif) no-repeat left center; padding:0 10px; border:none; float:left;}

#mainbody{ padding:15px 0;}

#current{ color:#666; text-align:left; line-height:20px; display:block;}
#current a{ color:#666;}

#left,#about,#news,#products{ width:493px; float:left;}
#left h2,#about h2,#news h2,#products h2{ font-size:18px; font-weight:normal; line-height:25px; background:url(../images/bg_h2.gif) no-repeat bottom; padding:0 35px 10px 0; margin-bottom:10px;}

#right{ width:258px; float:right;}
#subnav,.i_view,.i_server,#i_list div{ width:256px; margin-bottom:10px; border:1px solid #DCDCD6;}

#footer{ color:#fff; height:100px; }
#footer span{ color:#3f3f3f; height:20px; line-height:20px; padding-right:10px; display:block;}
#footer span a{ color:#3f3f3f; padding:0 7px;}
#footer img{ margin-right:60px; float:right;}
#footer p{text-align:center; color:#fff; line-height:140%; padding:10px 0 0 0;}
#footer a{ color:#fff; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

/*      Index Start       */
.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; padding-bottom:10px;}
.i_txt p{ line-height:160%; padding-top:8px;}

.i_com,.i_pro,.i_news{ width:493px; display:table; clear:both;}
.i_com,.i_pro{ padding-bottom:25px;}
.i_com p{ text-indent:1.2em; line-height:160%; padding-bottom:10px;}
.i_com img{ margin-right:10px; float:left;}
.i_com img{ margin-top:10px;}
.i_pro p{ width:493px; line-height:160%; padding-top:10px; clear:both;}

.p_list{ width:493px; padding-top:7px; display:table; clear:both;}
.p_list li{ width:135px; height:148px; border:1px solid #C3C3C3; background:#fff; text-align:center; float:left; margin:0 20px 0 5px;}
.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:455px; height:54px; padding:10px 5px 0 33px;}
.i_news span{ color:#8C8C8C; padding-bottom:5px; display:block;}
.i_news p{ line-height:120%; padding:0;}
.i_news p a{ color:#3f3f3f; text-decoration:none;}
.i_news li:hover,.i_news .inews{ background:url(../images/bg_inews.gif) no-repeat center center;}

#i_list{ width:257px; margin-bottom:7px; clear:both;}
#i_list h3{ background:#F2F2EE url(../images/bg_i_h3.gif) no-repeat bottom; margin-top:2px; border:1px solid #DCDCD6;}
#i_list h3 a{ font-size:12px; line-height:16px; background:url(../images/icon_square.gif) no-repeat 237px 3px; padding:3px 20px 6px 5px; display:block;}
#i_list h3 a:hover{ color:#3f3f3f;}
#i_list h4,#sitemap h4{ font-size:11px; font-weight:normal; background:#fff; padding:2px 0 2px 20px;}
#i_list h4 a,#sitemap h4 a{ background:url(../images/icon_sub_h4.gif) no-repeat left 3px; padding-right:10px; display:block;}

.i_view{ width:244px; height:40px; color:#B2B2B2; background:#F2F2EE url(../images/bg_iview.gif) no-repeat bottom; padding:5px 6px 4px 6px;}
.i_view img{ margin-right:5px; float:left;}
.i_view h3{ font-size:12px; line-height:18px;}

.sub_server{ color:#FFFF00; font-size:14px; line-height:24px; text-align:right; background:url(../images/bg_server.jpg) no-repeat; padding:58px 10px 0 0; margin-top:3px; clear:both;}

.i_server{ width:226px; padding:10px 15px 20px; margin-bottom:0;}
.i_server div{ width:226px; padding-top:15px; margin-top:15px; border-top:1px solid #6E6E6C;}
.i_server h3{ font-size:14px; margin-bottom:10px;}
/*      Index End       */

/*    Column Start     */
#subnav .border_no{ border:none;}
#subnav a,#sitemap li a{ font-weight:normal; padding-left:7px; display:block;}
#subnav h2,#sitemap h2{ font-size:12px; text-align:center; line-height:25px; background:#F2F2EE url(../images/bg_i_h3.gif) no-repeat bottom; border-bottom:1px solid #C1C1C1;}
#subnav h3,#sitemap h3{ font-size:12px; line-height:24px; background:url(../images/icon_sub_h3.gif) no-repeat 235px 10px; border-bottom:1px dashed #C1C1C1;}
#subnav h3 a,#sitemap h3 a{ color:#666; padding-right:30px;}
#subnav h3 a:hover,#subnav .sub,#sitemap h3 a:hover{ background:#EFE2BA url(../images/icon_sub_h3.gif) no-repeat 235px 10px;}
#subnav h4 a{ background:url(../images/icon_sub_h3.gif) no-repeat 15px 10px;}

#about p{ line-height:180%; padding:10px 0;}
#about .a_pic{ margin-left:10px; float:right;}

.link,.down{ width:493px; padding:10px 0 0; margin:0 auto; display:table;}
.link li{ width:493px; 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:493px; 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:493px; 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:493px; margin:0; padding:0;}
#sitemap li{ width:155px; margin-right:5px; display:table;}
/*    Column End     */

/*    News Start     */
#news ul,#news li{ width:493px; 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 a:hover{ text-decoration:underline;}
/*    News End     */

/*    Products Start     */
#p_search,.p_title,#p_info,.p_txt,#btn,#inquire_select,#new_btn,#p_new{ width:493px; 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{ 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; background:none; padding:20px 30px 15px; margin:0; border:none; border-top:1px dashed #C1C1C1;}
* html #products .p_list li{ padding:20px 26px 15px;}
#products .p_list li img{ width:104px; height:85px; margin:0; border:1px solid #BCBCBC;}
#products .p_list h3{ width:104px; font-size:11px; background:#fff; border:1px solid #BCBCBC; border-top:none;}
#products .p_list input{ margin:2px; *margin:-1px; float:left;}

#p_info{ padding-bottom:20px; border-bottom:1px dashed #C1C1C1;}
#p_pic{ width:221px; height:205px; text-align:center; border:1px solid #A3CFDC; overflow:hidden; float:left;}
#p_pic img{ margin:auto; display:block;}

#p_size{ width:258px; float:right;}
#p_size p{ color:#3f3f3f; padding:0;}
#p_size img{ margin-top:10px;}

.p_txt h3{ color:#3f3f3f; font-size:14px; margin-bottom:7px;}
.p_txt p{ line-height:160%; padding:7px 0 3px;}
.p_txt img{ margin:10px 0 5px;}
.p_txt li{ width:475px; background:url(../images/icon_sub_h4.gif) no-repeat left 9px; padding:5px 0 0 15px;}
.p_txt table{ width:490px; font-size:11px; background:#ccc; margin:10px 0 5px;}
.p_txt table th{ font-size:12px; background:#EDEDED;}
.p_txt table td{ background:#FBFBF1; padding:5px 0 3px 7px;}

#btn{ height:25px; text-align:right; padding:5px 0; margin-top:20px; border-top:1px solid #c1c1c1; clear:both;}
#btn img{ margin:0 5px; display:inline;}

#products #p_new .p_list{ width:493px; padding:10px 0;}
#p_new .p_list li{ padding:0 10px 0 5px; border:none;}
/*    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      */
#right .leave_h2{ text-align:left; padding-bottom:5px; border-bottom:1px solid #BFBFBF;}
.leave_h2 img{ float:right;}

#leave,#l_list{ width:493px; 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:493px; 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:473px; 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:493px; 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:493px; 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{ font-size:11px; font-weight:bold; float:right; width:100px; text-align:right; padding-right:15px;}
#inquire table span a{ color:#fff; line-height:22px; height:22px; text-align:center; background:#52504D; display:block; width:150px;}


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      */


#right #i_list div{ margin-bottom:2px;}
#right #i_list div h4{ font-size:12px; line-height:24px; padding:0; border-bottom:1px dashed #C1C1C1;}
#right #i_list div h4 a{ color:#666; background:#FBFBF1 url(../images/icon_sub_h3.gif) no-repeat 235px 10px; padding-right:30px;}
#right #i_list div h4 a:hover{ background:#EFE2BA url(../images/icon_sub_h3.gif) no-repeat 15px 10px;}


#sitemap h3{ padding-left:0; background:url(../images/icon_sub_h3.gif) no-repeat 140px 10px;}
#sitemap h3 a{ padding-left:20px;}
#sitemap h3 a:hover{ background:#EFE2BA url(../images/icon_sub_h3.gif) no-repeat 140px 10px;}
#sitemap h4{ background:none; padding:2px 0 2px 20px;}
#sitemap h4 a{ background:url(../images/icon_sub_h4.gif) no-repeat 95% 3px; padding-right:22px; display:block;}
