/************
 Init Style
 ************/
html, body { width:100%; height:100% }
body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, div, p, table, td, th, form, fieldset, img { margin:0; padding:0; border:0 }
body { background:#F7F7F7; font:12px/20px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:center }
ul, ol { list-style:none }
input, select, img { vertical-align:middle }
a { color:#333; text-decoration:none }
a:hover { color:#60B708 }
.wrap { clear:both; *display:inline-block;
width:773px; background:#fff; margin:0 auto; text-align:left }
.wrap:after, .clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clear { clear:both; *display:inline-block
}
.c { clear:both }
.l { float:left }
.r { float:right }
/********
 Page style
 ********/
.page { clear:both; padding:10px; text-align:center }
/************
 Public Style
 ************/
.picList, .txtList, .picGateTwo, .picGateThree, .about, .aboutVideo, .aboutExhibition, .aboutFramework, .aboutManagement, .aboutPhoto, .aboutTE, .factory, .factoryEquipments, .picDetail, .product, .supervise, .contact, .contactFeedback, .productPacking, .productProcessing, .productDrawings, .sitemap, .picGateNin, .picGateEig, .picGateSix, .picGatesev, .search, .projectsList, .picjectsdetail.job { padding:20px 10px; line-height:24px; color:#666 }
.picGateTwo li, .picGateThree li { float:left; display:inline; width:161px; border:#E8E8E8 1px solid; background:#FAFAFA; text-align:center }
.picGateTwo li img, .picGateThree li img { display:block; margin:5px auto }
.picGateTwo li { margin:20px 48px }
.picGateThree li { margin:20px 5px }
.picGateSix p { clear:both; background:#eee; margin:10px 0; padding:2px 10px; font-weight:bold }
.picGateSix ul { clear:both; overflow:auto; *display:inline-block
}
.picGateSix li { float:left; display:inline; width:66px; margin:5px 10px; line-height:120%; vertical-align:bottom; text-align:center; word-wrap:break-word }
.picGateSix li img { display:block; width:50px; height:50px; height:50px; margin:0 auto 2px }
.picGatesev h1 { clear:both; background:#eee; margin:10px 0; padding:2px 10px; font:bold 11px/150% Verdana, Arial, Helvetica, sans-serif }
.picGatesev h2 { font:normal 11px/120% Verdana, Arial, Helvetica, sans-serif }
.picGateEig p { clear:both; background:#eee; padding:2px 10px; font-weight:bold }
.picGateEig ul { clear:both; padding:10px; overflow:auto; *display:inline-block
}
.picGateEig li { float:left; width:33.2%; margin:5px 0; vertical-align:bottom }
.picGateNin .textList li { float:left; width:33.2%; vertical-align:bottom; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.picGateNin .textList li a { display:block; padding:5px 10px }
.picGateNin .textList li.s a { color:#f00 }
.picList li { float:left; width:33.2%; margin:5px 0; line-height:20px; vertical-align:bottom; text-align:center }
.picList li img { display:block; border:#e5e5e5 1px solid; padding:2px; margin:2px auto }
.picDetail { text-align:center }
.picDetail img { display:block; margin:5px auto }
.picDetail p { padding:10px; text-align:left }
.txtList li { clear:both; display:table; border-bottom:#e5e5e5 1px solid; padding:10px; *position:relative;
*display:inline-block
}
.txtList li:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.txtList li img { float:left; border:#e5e5e5 1px solid; margin:0 10px 0 0; padding:1px }
.txtList li p { display:table-cell; width:359px; vertical-align:middle; *position:absolute;
*top:50%
}
.txtList li p b { line-height:20px; font-weight:normal; *position:relative;
*top:-50%
}
.txtList li.s { width:503px; border:none; padding:20px 10px }
#view { display:table; width:100%; height:100%; overflow:hidden; *position:relative
}
#view p { display:table-cell; vertical-align:middle; text-align:center; *position:absolute;
*left:50%;
*top:50%
}
#view img { *position:relative;
*left:-50%;
*top:-50%
}
/************
 Head Style
 ************/
#head .top { border:#E8E8E8 1px solid; padding:2px 10px; overflow:auto; *display:inline-block
}
#head .top .l { padding:10px 0 }
#head .nav, #subnav { padding:0 1px }
#head .nav a, #subnav a { color:#fff }
#head .nav ul { height:34px; background:url(/images/head_nav_bg.gif) repeat-x; padding:0 0 0 7px; line-height:34px }
#head .nav li { float:left; display:inline; background:url(/images/head_nav_bg.gif) 0 -34px repeat-x; margin:0 -1px 0 0; padding:0 1px }
#head .nav li a { display:block; background:url(/images/head_nav_bg.gif) repeat-x; padding:0 20px }
#head .nav li.s a { background:url(/images/head_nav_bg.gif) 0 -68px repeat-x }
#subnav ul { height:30px; background:#439020; line-height:30px; text-align:center }
#subnav li { display:inline; margin:0 6px }
#subnav ul.s li { margin:0 3px }
/************
 Main Style
 ************/
#main { clear:both; _height:500px; min-height:500px; border:#E8E8E8 1px solid; border-top:0; padding:10px; *display:inline-block
}
#main:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
/************
 Left Style
 ************/
#left { float:left; width:190px }
#left .select { background:#D0ECA4; padding:5px 10px 20px }
#left .select select { width:100% }
#left .menu dt { clear:both; border-bottom:#000 1px solid; padding:12px 0 0; margin:0 0 4px; font-weight:bold }
#left .menu dd { clear:both; padding:0 4px }
#left .menu dd h1 { border-bottom:#ccc 1px dashed; background:url(/images/sanj.gif) 4px 8px no-repeat; padding:0 0 0 14px; _padding:2px 0 0 12px; font:normal 12px/24px "ËÎÌå"; _font:normal 12px/22px "ËÎÌå" }
#left .menu dd ul { overflow:auto; *display:inline-block
}
#left .menu dd li { border-bottom:#ccc 1px dashed; padding:0 0 0 25px; _padding:2px 0 0 25px; line-height:24px; _line-height:22px }
#left .menu dd ul.rowThree, #left .menu dd ul.rowTwo { padding:0 0 0 25px }
#left .menu dd ul.rowThree li, #left .menu dd ul.rowTwo li { float:left; border:none; padding:0; line-height:24px; vertical-align:bottom }
#left .menu dd ul.rowThree li { width:33.2% }
#left .menu dd ul.rowTwo li { width:49.9% }
#left .menu p { margin:20px 0 0 }
#left .menu p a { display:block; border-bottom:#ccc 1px dashed; margin:5px 0 0; padding:0 0 0 4px; line-height:24px; font-weight:bold }
#left .companyLink, #left .projectPic { margin:10px 0 0; text-align:center }
#left .companyLink li, #left .projectPic li { margin:10px 0 }
#left .projectPic img { border:#ccc 1px solid; padding:1px }
/************
 Right Style
 ************/
#right { float:right; width:543px }
#right .bar { background:url(/images/right_bar_bg.gif) left bottom repeat-x; padding:6px 6px 6px 0; line-height:25px; overflow:auto; *display:inline-block
}
#right .bar b { float:left }
#right .bar p { float:right; color:#666 }
#right .rec .pic li { float:left; width:24.9%; padding:10px 0 0; vertical-align:bottom; text-align:center }
#right .rec .pic li img { display:block; border:#ccc 1px solid; margin:5px auto; padding:5px }
#right .rec .pic li a:hover img { border:#60B708 1px solid }
#right .rec .txt { padding:10px 0 0 }
#right .rec .txt li { overflow:auto; *display:inline-block
}
#right .rec .txt li li { float:left; display:inline; width:46%; margin:0 10px; vertical-align:bottom }
#right .rec .txt li h1 { border-bottom:#ccc 1px solid; font-size:12px }
#right .rec .txt li h2 { padding:10px 5px; line-height:18px; font-weight:normal; font-size:12px; color:#666 }
#right .rec .txt li img { float:left }
#right .rec .txt li span { float:right; width:140px }
#right .base .pic li { padding:10px 0 13px; background:url(/images/right_bar_bg.gif) left bottom repeat-x; line-height:18px; color:#666; overflow:auto; *display:inline-block
}
#right .base .pic li img { float:left; display:inline; border:#D7D7D7 1px solid; padding:2px; margin:0 10px 0 0 }
#right .base .pic li b { line-height:24px }
#right .base .pic li a { color:#60B708 }
#right .base .txt { background:#f9f9f9; line-height:18px; color:#333 }
#right .base .txt li { float:left; display:inline; width:48%; padding:5px 0 5px 10px; vertical-align:bottom }
/************
 Projects Style
 ************/
.projectsGate dl { clear:both; padding:15px 5px; background:url(/images/x_h_line.gif) left bottom repeat-x; overflow:auto; *display:inline-block
}
.projectsGate dl.s { background:none }
.projectsGate dt { float:left; width:297px }
.projectsGate dt img { border:#ededed 5px solid; padding:1px; vertical-align:bottom }
.projectsGate dd { float:right; width:216px }
.projectsGate dd h3 { border-bottom:#f3f3f3 1px solid; padding:7px 0; line-height:25px; font-size:12px; color:#4b4b4b }
.projectsGate dd h4 { padding:7px 0; line-height:25px; font-size:12px; font-weight:normal; color:#4b4b4b }
.projectsGate li { padding:15px 5px }
.projectsGate li img { border:#ededed 5px solid; padding:1px }
.projectsGate li h3 { line-height:25px; font-weight:normal; font-size:12px; color:#4b4b4b; text-align:center }

.projectsGate table{border-collapse:collapse; margin:15px 0}
.projectsGate th{border:#e5e5e5 1px solid; padding:5px 10px; text-align:center}
.projectsGate td{border:#e5e5e5 1px solid; padding:5px 10px; text-align:center}
.projectsGate .more{padding:0 15px; text-align:right}
.projectsGate .more a{color:#60B708}
/************
 About Style
 ************/
.about img { float:right; margin:10px }
.aboutVideo { text-align:center }
.aboutExhibition { padding:10px 5px; text-align:center }
.aboutExhibition li { margin:10px 0 }
.aboutExhibition li.s { background:#439020 url(/images/zs_01.gif) repeat-x; padding:0 5px 5px; overflow:auto; *display:inline-block
}
.aboutExhibition p.s { width:520px; height:238px; border:#fff 1px solid; margin:5px auto }
.aboutManagement li { clear:both; margin:10px; line-height:40px }
.aboutManagement p { float:left; display:inline; padding:20px 20px 0 0; line-height:30px }
.aboutPhoto ul { clear:both }
.aboutPhoto li { float:left; display:inline; margin:10px; vertical-align:bottom }
.aboutPhoto ul.pic li { border:#E8E8E8 1px solid }
.aboutPhoto ul.pic li.s { width:150px; height:84px }
.aboutPhoto ul.txt { padding:0 0 0 60px }
.aboutPhoto ul.txt li { background:#0DA900; padding:3px 3px 6px; font-weight:bold }
.aboutPhoto ul.txt li a { display:block; background:#fff; padding:4px 8px; line-height:18px }
.aboutPhoto ul.txt li a:hover, .aboutPhoto ul.txt li a.s { background:#55FD45; color:#333 }
.aboutPhoto ul.txt li.s { background:none }
.aboutTE { width:500px; line-height:18px }
/************
 Factory Style
 ************/
.factory ul { background:url(/images/plant2.gif) no-repeat; margin:20px 0; padding:0 0 0 25px; overflow:auto; *display:inline-block
}
.factory li { float:left; border:#C6C6C6 4px solid; margin:0 0 0 -4px }
.factory li img { vertical-align:top }
.factoryEquipments li { float:left; width:49.9%; margin:2px 0; vertical-align:bottom; text-align:center }
.factoryEquipments li img { display:block; margin:2px auto }
.factoryWorkshop { padding:10px 5px }
.factoryWorkshop p { background:#439020 url(/images/zs_01.gif) repeat-x; margin:10px 0; padding:0 5px 5px; overflow:auto; *display:inline-block
}
.factoryWorkshop p span { display:block; width:520px; height:238px; border:#fff 1px solid; margin:5px auto; text-align:center }
.factoryWorkshop ul { padding:0 25px; text-align:center }
.factoryWorkshop li { display:inline-block; background:url(/images/tu.gif) 0 4px no-repeat; padding:0 15px }
.factoryWorkshop li { *display:inline
}
/********
 Product style
 ********/
.product dt { clear:both }
.product dt img { width:100% }
.product dd { margin:20px 0 }
.productPacking li, .productProcessing li, .productDrawings li { float:left; width:50%; margin:10px 0; vertical-align:bottom; text-align:center }
.productPacking li.s, .productProcessing li.s, .productDrawings li.s { width:100% }
.productDetailOne .productInfo { overflow:auto; *display:inline-block
}
.productDetailOne .productInfo p { float:left; width:230px; text-align:center }
.productDetailOne .productInfo p a { color:#00f; text-decoration:underline }
.productDetailOne .productInfo p img { display:block; width:230px; height:230px; margin:0 auto 5px; cursor:url(/images/icon_zoom_in.cur) }
.productDetailOne .productInfo p b { display:inline-block; background:url(/images/magnifier.gif) left center no-repeat; padding:0 0 0 20px }
.productDetailOne .productInfo p b { *display:inline
}
.productDetailOne .productInfo p b img { display:inline; width:auto; height:auto; margin:0 0 0 5px }
.productDetailOne .productInfo ul { float:right; width:261px; min-height:208px; _height:208px; border:#e1e1ff 1px solid; padding:10px }
.productDetailOne .productInfo li { margin:10px 0; word-wrap:break-word }
.productDetailOne .productIntr ul { margin:10px 0 }
.productDetailOne .productIntr li { border:#e1e1ff 1px solid; margin:0 0 -1px; padding:5px }
.productDetailOne .productProducts p { border-bottom:#e1e1ff 1px solid; background:#f7f7ff; padding:5px; font-weight:bold }
.productDetailOne .productProducts li { float:left; width:24.9%; margin:5px 0; vertical-align:bottom; text-align:center }
.productDetailOne .productProducts li img { display:block; border:#e5e5e5 1px solid; padding:2px; margin:5px auto }
.productDetailOne .productProducts li b { display:block; width:100%; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.productDetailOne .productProducts li b a { color:#666 }
.productDetailTwo .productInfo { text-align:center }
.productDetailTwo .productInfo img { display:block; margin:0 auto 5px; cursor:url(/images/icon_zoom_out.cur) }
.productDetailTwo .productInfo b { display:inline-block; background:url(/images/magnifierjia.gif) left center no-repeat; padding:0 0 0 20px }
.productDetailTwo .productInfo b { *display:inline
}
.productDetailTwo .productIntr { margin:12px; overflow:auto; *display:inline-block
}
.productDetailTwo .productIntr .l { width:230px }
.productDetailTwo .productIntr .l ul { border:#e1e1ff 1px solid; padding:0 10px }
.productDetailTwo .productIntr .l li { margin:10px 0; word-wrap:break-word }
.productDetailTwo .productIntr .l p { padding:10px 0; text-align:center }
.productDetailTwo .productIntr .r { width:260px }
.productDetailTwo .productIntr .r ul { padding:0 0 1px }
.productDetailTwo .productIntr .r li { border:#e1e1ff 1px solid; margin:0 0 -1px; padding:5px }
/************
 Search Style
 ************/
.search h1 { padding:2px 10px; font:normal 11px/180% Verdana, Arial, Helvetica, sans-serif }
.search h1 b { font-size:14px }
.search h2 { clear:both; background:#eee; margin:10px 0; padding:2px 10px; font-size:11px }
.search h2 b { color:#f00 }
.search ul { clear:both; overflow:auto; *display:inline-block
}
.search li { float:left; display:inline; width:33.2%; margin:5px 0; line-height:120%; vertical-align:bottom; text-align:center; word-wrap:break-word }
.search li img { display:block; margin:0 auto 2px }
/********
 Contact style
 ********/
.contactFeedback li { border-bottom:#e5e5e5 1px solid; padding:1px 0; overflow:auto; *display:inline-block
}
.contactFeedback li span { color:#f00 }
.contactFeedback li b { float:left; width:100px; background:#f9f9f9; padding:5px 10px; font-weight:normal; color:#333; text-align:right }
.contactFeedback li p { float:right; width:383px; padding:5px 10px }
.contactFeedback li.txt b { padding:50px 10px }
.contactFeedback li.btn { border:none; padding:10px; text-align:center }
.contact h1 { font-size:16px; font-weight:bold }
/********
 Job style
 ********/
.job li { padding:10px 0; margin:10px 0; line-height:150% }
.job li b { display:block; margin:0 0 5px; color:#333 }
/********
 Sitemap style
 ********/
.sitemap ul { float:left }
.sitemap li { clear:both; vertical-align:bottom }
.sitemap li a { float:left; display:inline; width:100px; background:#C2E2F2; margin:0 2px 2px 0; *padding:4px 0 0;
*line-height:20px;
font-weight:bold; text-align:center }
.sitemap li li a { width:150px; background:#E1F2FA; padding:0 0 0 20px; *padding:4px 0 0 20px;
text-align:left }
.sitemap li li li a { width:200px; background:#F2FBFF; font-weight:normal }
.sitemap li.green a { background:#E2F2C2 }
.sitemap li.green li a { background:#F2FAE1 }
.sitemap li.green li li a { background:#FBFFF2 }
.sitemap li li.gray a { background:#eee }
.sitemap li li.gray li a { background:#f9f9f9 }
.sitemap li a span { font-weight:normal }
/************
 Foot Style
 ************/
#foot { clear:both; background:#F7F7F7; padding:20px 0; line-height:30px; color:#666; text-align:center }
#foot .txt { border:#E8E8E8 1px solid; background:#fff; padding:10px }
/************
 Page Style
 ************/
.newPage { clear:both; padding:10px; font-size:12px; font-family:Tahoma, Verdana, Simsun, Microsoft YaHei, Arial Unicode MS, Mingliu, Arial, Helvetica; color:#555; text-align:center }
.newPage select { vertical-align:bottom }
.newPage span, .newPage a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 4px; line-height:170%; color:#555; vertical-align:middle }
.newPage span, .newPage a { *display:inline
}
.newPage a:hover, .newPage span.s { border:#690 1px solid; background:#74BF0A; color:#fff }