﻿body{ width:1002px; color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; background:#AAA9A7; margin:auto;}

a{ color:#666; text-decoration:none;}

p{ line-height:180%; text-align:left; padding:0; margin:0;}

span{ padding:0; margin:0;}

img{ padding:0; margin:0; border:none;}

h1,h2,h3,h4,h5,h6,h7{ font-size:100%; margin:0;}

ul,li{ margin:0; padding:0; list-style:none; display:block;}

li{ float:left;}


#center{ width:920px; background:url(../images/body_bg.gif) center center repeat-y; padding:0 41px; margin:0 auto;}

#title{ height:76px; background:#A00B00; clear:both;}
.logo{ float:left;}
#topnav{ width:680px; color:#fff; font-size:10px; text-align:right; padding-right:15px; float:right;}
#topnav span,#topnav span a{ height:50px; color:#D29D99; font-size:12px; line-height:20px;}
#topnav span a:hover{ color:#eee; text-decoration:underline;}
#flag{ padding-top:38px;}
#flag img{ margin-left:7px;}
#flag a{ color:#fff;}
#flag a:hover{ color:#DEDE12; text-decoration:underline;}


#mainnav{ height:30px; color:#DEDEDE; font-size:13px; font-weight:bold; line-height:30px; background:#5D5D5D; clear:both;}
#mainnav a{ color:#DEDEDE; padding:0 3px;}
#mainnav a:hover,#footer a:hover{ color:#DEDE12; text-decoration:underline;}
#mainnav .yellow{ color:#DEDE12; text-decoration:underline;}

#banner{ border-top:solid 1px #363636; border-bottom:solid 1px #666;}
#banner img{ display:block;}

#current{ width:900px; height:22px; color:#999; line-height:25px; padding-left:10px; text-align:left; overflow:hidden; clear:both;}
#current a{ line-height:23px; margin:0; padding:0 5px 0 0; color:#999;}

#mainbody{ width:900px; text-align:left; padding:0 17px 0 3px; clear:both;}

#left{ width:238px; float:left;}
#left h2{ color:#000; font-size:14px; line-height:36px; background:url(../images/left_h2.gif) left no-repeat; padding-left:10px;}
#left p{ padding:5px 10px;}

#right,#about,#vedio,#news{ width:646px; padding-bottom:15px; float:right;}
#right{ padding:0;}

#footer{ color:#DEDEDE; text-align:center; background:#5A5A5A; padding-top:5px; border-top:solid 2px #B3B3B3; clear:both;}
#footer p{ font-size:11px; text-align:center; line-height:12px; padding:10px 0;}
#footer span{ font-size:10px; font-weight:bold; line-height:20px;}
#footer .yellow{ color:#DEDE12; text-decoration:underline;}
#footer a{ color:#DEDEDE;}


.subnav{ width:238px; background:url(../images/left_bg.gif) top repeat-y; margin-bottom:13px; clear:both;}
.subnav img{ margin-top:20px; display:block;}
.subnav h3 a{ color:#000; font-size:12px; font-weight:normal; line-height:23px; background:url(../images/arrow_red.gif) 7px 8px no-repeat; padding-left:15px; border-bottom:dotted 1px #999; display:block;}
.subnav h3 a:hover{ color:#C52B23;}

.subnav .sub_h3{ color:#C52B23;}


/*       Index Start          */
#i_left{ width:420px; float:left;}
#i_left div{ clear:both;}
#i_left h2{ color:#A52412; font-size:14px; line-height:24px; border-bottom:solid 1px #B2B2B2;}
#i_left img{ margin:3px 0; display:block;}

#i_pro li{ width:120px; height:190px; font-size:11px; text-align:center; padding:15px 10px 0; overflow:hidden;}
#i_pro li img{ width:120px; height:120px; margin:0 auto; display:block; overflow:hidden;}
#i_pro li h3 a:hover{ color:#993300; text-decoration:underline;}

#i_com{ padding-top:15px;}
*html #i_com{ margin-top:0px;}
*+html #i_com{ margin-top:-17px;}
#i_com p{ padding:5px 0;}

#i_right{ width:200px; float:right;}
#i_right h2{ font-size:12px; line-height:24px;}

#search{ height:42px; background:url(../images/search_bg.gif) bottom no-repeat; margin-bottom:20px;}
#search input{ width:170px; height:14px; background:transparent ; border:none; float:left;}
#search img{ margin-top:2px; float:left;}

#i_news h2{ border-bottom:solid 2px #B2B2B2;}
#i_news h2 span{ font-size:11px; font-weight:normal; float:right;}
#i_news h3 a{ color:#993300; font-size:12px;}
#i_news li span{ color:#999;}
#i_news p{ line-height:140%;}
#i_news li:hover,#i_news li.mouseon { background:#F8F8F8;}
#i_news a:hover{ text-decoration:underline;}
#i_news li{ width:200px; font-size:10px; padding:3px 0 10px; border-bottom:1px solid #B2B2B2;}

#i_con{ background:#F8F8F8; padding:5px 10px 25px; border:solid 1px #CCC; border-top:none; clear:both;}
/*       Index End          */


/*    Column Start     */
#about{ padding-bottom:150px;}
#about h2,#vedio h2,#news h2,#products h2{ color:#A52412; font-size:14px; padding-bottom:3px; margin-bottom:15px; border-bottom:solid 1px #B2B2B2;}
#about p{ font-size:12px; padding:10px 0;}

#link,#faq,#view,#project,#sitemap{ width:640px; clear:both;}

#link li{ width:640px; height:125px; margin:15px 0 10px; display:table;}
#link li img{ height:100px; width:100px; float:left; margin-right:20px;}
#link li p{ line-height:150%; padding:0; margin:0;}
#link li p span{ font-weight:bold; display:block; color:#666;}
#link h3 a{ color:#009D3D; font-size:12px; line-height:30px;}
#link li a:hover{ text-decoration:underline;}

#faq h3{ color:#3f3f3f; font-size:12px; margin-top:10px;}
#faq li{ display:block; width:710px; padding:30px 0 0;}
#faq li h3{ color: #3f3f3f;}
#faq p{ line-height:220%; padding:5px 0 5px 0;}

#view li h4,#project li h4{ font-size:12px; display:block; line-height:25px;}
#view li,#project li{ width:210px; float:left; overflow:hidden; display:table; margin:10px 15px; text-align:center; }
#view li img{ width:210px; height:120px;}
#project li img{ width:210px; height:150px;}

#sitemap li{ width:200px; float:left; margin-right:2px; display:table;}
#sitemap h4 a{ color:#000; font-size:14px; line-height:36px; background:url(../images/left_h2.gif) left no-repeat; padding-left:10px;}
#sitemap h5 a{ color:#000; font-size:12px; font-weight:normal; line-height:23px; background:url(../images/arrow_red.gif) 7px 8px no-repeat; padding-left:15px; border-bottom:dotted 1px #4D4848; display:block;}
#sitemap h5 a:hover{ color:#C52B23;}
/*    Column End     */


/*    News Start     */
#news{ padding-bottom:20px;}
#news h2{ font-size:18px; font-weight:normal; border-bottom:3px solid #CCC;}
#news img{ float:left; margin:10px 20px 0 0;}
#news span{ color:#999; font-size:11px; display:block;}
#news p{ font-size:12px; line-height:160%; padding:7px 0;}
#news li{ width:640px; margin-top:7px; border-bottom:1px solid #CCC; display:block; float:left;}
#news h3,#news li h3 a{ color:#A52412; font-size:18px; font-weight:normal; line-height:22px; font-weight:normal;}
#news li span{ font-size:10px;}
#news a:hover{ text-decoration:underline;}

#news li:hover,#news li.mouseon { background:#F6EDED;}

#n_list{ padding-bottom:15px; margin-top:20px; border:1px solid #E5E5E5; display:table;}
#n_list h2{ font-size:14px; font-weight:bold; line-height:27px; background:url(../images/n_list_bg.gif) top repeat-x; padding:0 0 0 12px; margin-bottom:8px; border:none;}
#n_list h3 a{ color:#000; font-size:12px; font-weight:normal; line-height:23px; background:url(../images/arrow_red.gif) 12px 8px no-repeat; padding-left:20px; display:block;}
/*    News End     */


/*    Vedio Start     */
#p_search{ width:620px; background:#EFEFEF; padding:5px 0 5px 26px; margin-bottom:10px; display:table; clear:both;}
#p_search span{ color:#3F3F3F; padding-left:5px;}
#p_search select{ width:200px;}
#p_search input{ height:12px; margin-right:5px;}
#p_search span,#p_search select,#p_search input,#p_search img{ float:left;}

.big_pic{ padding:15px; border:1px solid #E5E5E5; display:block; clear:both;}

#vedio h2{ font-size:18px; font-weight:normal; text-align:left; clear:both;}
#v_list{ padding:15px 0; clear:both;}
#v_list li{ width:130px; height:170px; margin:0 13px !important; margin:0 18px 0 6px; float:left;}
#v_list li img{ width:118px; height:118px; padding:5px; border:1px solid #E5E5E5; display:block;}
#v_list li h3{ font-weight:normal;}

#v_info{ width:646px; text-align:center; display:table; clear:both;}
#v_info img{ margin:5px auto 20px;}

#v_txt{ padding:25px 0 15px;}
#v_txt p{ padding-bottom:15px;}
/*    Vedio End     */


#p_list{ padding:10px 0;}
#p_list li{ width:646px; height:140px;}
#p_list li input{ margin:60px 0 0 5px; float:left;}
#p_list li img{ width:118px; height:118px; padding:1px; margin:10px 10px 0 5px; float:left;}
#p_list a:hover img{ border:1px solid #fff; padding:0;}
#p_list li h3{ font-size:12px; margin-top:15px;}
#p_list li h3 a:hover{ color:#A52412; text-decoration:underline;}

#p_info,#p_btn{ width:646px; display:table; clear:both;}
.big_pro{ width:245px; height:200px; border:1px solid #E5E5E5; padding:8px; float:left;}

#p_size{ width:365px; float:right;}
#p_size p{ font-size:12px; line-height:150%; border-bottom:1px dashed #CCC;}
#p_size img{ margin:10px 7px 0 0;}
#p_size span,#p_size span a{ color:#930;}
#p_size a:hover{ text-decoration:underline;}

#p_btn{ padding:15px 0;}
#p_btn a{ text-decoration:underline;}
#p_btn img{ margin-left:5px;}



/*      Leaveword Start      */
#leaveword{ width:640px; padding-top:20px; float:right;}
#leaveword h2{ color:#D52D00; font-size:21px; font-weight:normal; border-bottom:solid 1px #D52D00; padding-bottom:3px; margin-bottom:10px;}
#leaveword h2 img{ float:right;}

#leave{ width:640px; clear:both;}
#leave li{ width:640px; display:block;}
#leave span{ width:120px; padding:2px 10px; color:#999; font-size:12px; font-weight:bold; text-align:right; margin:5px 7px 0 0; display:block; float:left;}
#leave input,#leave textarea{ width:450px; border:solid 1px #ccc; padding:1px 3px; margin-top:3px;}

#submit{ width:640px; text-align:center; margin-top:30px;}
#submit img{ margin-left:20px;}

#l_list li{ width:620px; padding:10px;}
#l_list h3{ color:#D52D00; font-size:15px; font-weight:normal;}
#l_list span{ color:#999;}
#l_list .red_bg{ background:#F2F3EE; border-bottom:solid 1px #CCCCCC;}
/*      Leaveword End      */


/*      Inquire Start      */
#inquire{ width:580px; padding:0; text-align:left; margin-top:20px;}
div#inquire h2{ border:none;}
div#inquire p{ padding:0; margin:0;}
#inquire input{ color:#898989;}
#inquire table td{ padding:5px 0;}
#inquire table input{ border:1px solid #3f3f3f; float:left; height:15px; padding-top:3px;}
#inquire table textarea{ border:1px solid #3f3f3f;}
#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:550px; border-bottom:1px solid #3f3f3f; padding-bottom:30px; margin-bottom:20px;}
div#i_top div{ width:500px; 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 #3f3f3f; border-top:1px solid #3f3f3f; 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:#3f3f3f; 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:#009844; display:block; color:#fff; line-height:18px; height:18px; text-align:center; width:120px;}


div#check{ text-align:left; width:420px; border:3px solid #3f3f3f; 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:#3f3f3f; 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:#A8AC9E;}
.i_gray{ background:#E6E8E1;}
/*      Inquire End      */


#inquire_select{ width:640px; text-align:right; clear:both;}
#inquire_select span a{ width:120px; font-weight:bold; background:#A52412; color:#fff; line-height:22px; height:22px; text-align:center; margin:10px 0; display:block; float:right;}


#new_btn,#new_btn2{ color:#A52412; font-size:12px; font-weight:bold; padding:15px 0 0; clear:both;}
#new_btn2{ border-top:3px solid #EFEFEF; padding:7px 0 15px 140px;}
#new_btn p,#new_btn2 p{ line-height:12px; padding-top:8px;}
#new_btn img,#new_btn2 img{ margin:0 3px;}
#new_btn span,#new_btn2 span{ line-height:22px; margin-right:3px; float:left;}
a.page:link,a.page:visited{ color:#A52412; font-weight:normal; padding:2px 6px; border:1px solid #DD7F7F;}
a.page:hover{ color:#FFF; font-weight:bold; background:#A52412;}
a.page2:hover,a.page2:link,a.page2:visited{ color:#FFF; font-weight:bold; background:#A52412; padding:2px 6px; border:1px solid #DD7F7F;}
