﻿/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
作者：Inhuy | www.cn-line.com
联系：inhuy@163.com
最后修改时间：2012-01-02
/* - - - Global - - - - - - - - - - - - - - - - - - - - - - - - */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p, th, td, button { padding:0; margin:0;}
fieldset, img { border:0;}
table { border-collapse:collapse; border-spacing:0;}
ul, ol { list-style:none outside;}/* outside重置IE6,7缩进 */
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal;}
input, label, select, option, textarea, button, fieldset, legend { font-size:12px;}
address, cite, code, em, th { font-weight:normal; font-style:normal;}
body { font:12px/1.75 \5B8B\4F53, Arial, Verdana, Helvetica; color:#525252; text-align:center; background:#fff;}
.clear{ clear:both; display:block; font-size:1px; visibility:hidden; height:-1px; line-height:0;}
.clearfix { display:inline-block;}/* End hide from IE-mac \*/
.clearfix:after { content:"."; clear:both; display:block; height:0; visibility:hidden;}
* html .clearfix { height:1%;}

/* - - - Librarys - - - - - - - - - - - - - - - - - - - - - - - - */
.a-l { text-align:left;}
.a-c { text-align:center;}
.a-r { text-align:right;}
.f-l { float:left;}
.f-r { float:right;}
.c-b { clear:both; float:none;}
.v-t{ vertical-align:top;}
.v-m{ vertical-align:middle;}
.v-b{ vertical-align:bottom;}
.undis{ display:none;}
.dii { display:inline;}
.dis { display:block;}
.dib { display:inline-block;}
.f14 { font-size:14px;}
.m_auto{ margin:0 auto;}
.m_t16 { margin-top:16px;}
.hr_12 { clear:both; display:block; height:12px; font-size:1px; overflow:hidden;}
.hr_16 { clear:both; display:block; height:16px; font-size:1px; overflow:hidden;}

/* - - - Global Links - - - - - - - - - - - - - - - - - - - - - - */
a { color:#525252; text-decoration:none;}
a:hover { color:#006BA9; text-decoration:underline;}

/* - - - Header Style - - - - - - - - - - - - - - - - - - - - - */
.header { width:960px; height:90px; margin:0 auto; position:relative;}
	.header a.logo { width:204px; height:45px; position:absolute; left:0; top:26px; background:url(logo.gif) 0 0 no-repeat; text-indent:-9999em; display:block; overflow:hidden;}
	.header .guide { height:16px; position:absolute; right:0; top:18px;}
	.header .guide li { float:left; display:inline;}
	.header .guide li a { color:#194C85; margin:0 0 0 12px; font-family:Verdana;}
	.header .order { width:292px; height:15px; position:absolute; right:0; top:56px; background:url(order.gif) 0 0 no-repeat; text-indent:-9999em; display:block; overflow:hidden;}

/* - - - Navigation Style - - - - - - - - - - - - - - - - - - - */
.mainNav { width:960px; height:27px; margin:0 auto;}
	.mainNav ul { float:left; width:707px; height:27px; background:url(mainNavBG.gif) 0 0 no-repeat;}
	.mainNav li { float:left; display:inline; line-height:27px;}
	.mainNav li a { display:block; width:92px; margin-right:9px; font-size:14px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}
	.mainNav li.frist a { border-left:none;}
	.mainNav li.cur, .mainNav li a:hover { color:#fff;}

.navSearch { float:right; width:250px; height:27px; background:url(navSearchBG.gif) 0 0 no-repeat;}
	.navSearch .inp_t { float:left; display:inline; width:210px; height:17px; padding:5px; line-height:17px; color:#999; background:none; border:none;}
	.navSearch .btn_s { float:left; width:27px; height:27px; cursor:pointer; background:none; border:none;}

/* - - - Container Style - - - - - - - - - - - - - - - - - - - */
#contentContainer { width:960px; margin:16px auto 0; text-align:left;}
	#contentContainer .tit { height:27px; line-height:27px; overflow:hidden;}
	#contentContainer .tit h3 { padding-left:15px; font-size:14px; font-weight:bold; color:#006BA9; background:#fff url(home-titBG.gif) 0 0 no-repeat;}
	#contentContainer .tit h3 span { padding-left:8px; font-family:Verdana; font-size:11px; font-weight:normal; color:#7FB5D4;}
	#contentContainer .tit2 { height:29px; line-height:29px; overflow:hidden;}
	#contentContainer .tit2 h3 { padding-left:10px; font-size:14px; font-weight:bold; color:#2A333D;}
	#contentContainer .tit2 h3 span { padding-left:8px; font-family:Verdana; font-size:11px; font-weight:normal; color:#6E8399;}

.topBanner { width:698px; height:306px; overflow:hidden;}

.home-folder { width:250px;}
	.home-folder .title { height:34px; line-height:34px; background:#006BA9;}
	.home-folder .title h2 { padding-left:12px; font-size:14px; font-weight:bold; color:#fff;}
	.home-folder ul { background:#fff; font-size:13px;}
	.home-folder li a { display:block; height:33px; margin-top:1px; padding-left:25px; line-height:33px; background:url(home-folder-liBG.gif) 0 0 no-repeat;}
	.home-folder li a:hover { color:#fff; font-weight:bold; background:url(home-folder-liBG.gif) 0 -33px no-repeat; text-decoration:none;}

.home-about { width:306px; padding-right:11px; border-right:1px solid #e8e8e8; overflow:hidden;}
	.home-about .intro { padding-top:8px;}
	.home-about .intro img { width:306px; height:59px; margin-bottom:6px; display:block;}

.home-news { width:356px; padding:0 11px 0 12px; border-right:1px solid #e8e8e8; overflow:hidden;}
	.home-news ul { padding-top:3px;}
	.home-news li { padding-left:10px; background:url(iconArrow.gif) 0 0 no-repeat; line-height:29px; overflow:hidden;}
	.home-news li span { float:right; color:#999;}

.home-customer { width:250px; height:204px; overflow:hidden;}
	.home-customer dl { padding-top:8px;}
	.home-customer dt { line-height:19px; margin-bottom:4px; padding-bottom:5px; border-bottom:1px solid #e8e8e8;}
	.home-customer dd { padding-left:10px; background:url(iconLine.gif) 0 0 no-repeat; line-height:25px; color:#888; overflow:hidden;}

.main1Row { width:100%; height:188px; background:url(main1RowBG.gif) 0 0 no-repeat;}
.home-product { width:698px; overflow:hidden;}
	.home-product #new-product { width:690px; height:136px; margin:15px 4px 0;}
	.home-product #new-product ul { display:inline-block;}
	.home-product #new-product li { float:left; text-align:center; width:126px; height:136px; display:inline; margin:0 6px; overflow:hidden;}
	.home-product #new-product li img { width:122px; height:98px; padding:1px; border:1px solid #e8e8e8; display:block;}
	.home-product #new-product li a:hover img { border:1px solid #ff9800;}
	.home-product #new-product li p { margin:6px 0 0;}

.home-contact { width:262px; overflow:hidden;}
	.home-contact ul { padding:11px; background:url(home-contactBG.gif) right bottom no-repeat;}
	.home-contact li { line-height:23px;}

/* - - - - Sub - - - - - - - -*/
#subContentContainer { width:960px; margin:12px auto 0; text-align:left;}
.subBanner { width:960px; height:136px; margin:16px auto 0; overflow:hidden;}
.sub1Row { width:216px;}
.sub2Row { width:722px;}

.siderBar { width:100%;}
	.siderBar .tit { height:31px; line-height:31px; background:#006BA9; overflow:hidden;}
	.siderBar .tit h3 { padding-left:12px; font-size:14px; font-weight:bold; color:#fff;}
	.siderBar .tit h3 span { padding-left:8px; font-family:Verdana; font-size:11px; font-weight:normal; color:#80B5D4;}
	.siderBar ul { background:#fff; font-size:13px; text-align:right;}
	.siderBar li a { display:block; height:27px; margin-top:1px; padding-right:20px; line-height:27px; background:url(siderBar-liBG.gif) 0 0 no-repeat; color:#333;}
	.siderBar li a:hover, .siderBar li.current a { color:#525252; font-weight:bold; background:url(siderBar-liBG.gif) 0 -27px no-repeat; text-decoration:none;}
	.siderBar ul ul { padding:7px 0 0; background:none;}
	.siderBar ul ul li a { height:25px; line-height:25px; margin:0; font-weight:normal; background:none; color:#ccc;}
	.siderBar ul ul li a:hover { color:#333; background:none;}
	.siderImg { width:100%; margin-top:12px; overflow:hidden;}
		.siderImg img { display:block;}

.location { height:29px; line-height:29px; border-bottom:2px solid #59A6D3; color:#8090A6; text-align:right; overflow:hidden;}
	.location h4 { float:left; font-size:14px; color:#333; font-weight:bold;}
	.location a { color:#8090A6;}

.subContainer { margin:0 auto; padding:16px 0 24px; min-height:360px; height:100%; _height:360px;}
.textContainer { margin:0 auto; padding:16px 8px 24px; min-height:360px; height:100%; _height:360px;}
	.articleTit { font-size:20px; text-align:center; font-weight:bold; padding:5px 0; color:#3c3c3c;}
	.articleDate { clear:both; text-align:center; line-height:30px; color:#666; border-bottom:1px solid #e8e8e8;}
	.articleCenter { margin:16px auto 0; line-height:2; overflow:hidden;}
	.articleCenter p { margin:10px 0;}

.newsList { clear:both; width:96%; margin:0 auto;}
	.newsList li { margin-top:6px; padding-left:10px; background:url(iconArrow.gif) 0 0 no-repeat; line-height:29px; overflow:hidden;}
	.newsList li span { float:right; color:#999;}

.productList { clear:both; margin:0 auto; padding:12px 7px 0; display:inline-block;}
	.productList li { float:left; text-align:center; width:210px; height:224px; display:inline; margin:0 11px; overflow:hidden;}
	.productList li .imgB { width:204px; height:169px; padding:2px; border:1px solid #cbcbcb; background:#fff; position:relative; overflow:hidden;}
	.productList li .imgB img { vertical-align:middle; max-width:204px; max-height:169px; width: expression(this.width > 204 && this.width / 204 >= this.height / 169 ? 204 : true); height: expression(this.height > 169 && this.width / 204 < this.height / 169 ? 169 : true);}
	.productList li .imgB s { vertical-align:middle; height:100%; display:inline-block;}
	.productList li p { margin:10px 0 0;}

.jobList { clear:both; margin:24px 0 0; padding-bottom:24px; display:inline-block; font-size:14px; line-height:1.5; border-bottom:1px dotted #ccc; color:#0d0d0d;}
	.jobList .left { width:296px; float:left; text-align:center; overflow:hidden;}
	.jobList .right { width:336px; float:right;}
	.jobList .right h3 { font-size:14px; font-weight:bold;}
	.jobList .btnTalent { clear:both; display:block; width:105px; height:27px; margin-top:16px; background:url(btnTalent.gif) 0 0 no-repeat; text-indent:-9999px;}

/*product view*/
.product_view { margin:16px auto 0; padding:10px 0 20px; display:inline-block; overflow:hidden;}
	.product_view .imgArea { text-align:center; border:1px solid #bbb; background:#f8f8f8; display:inline-block;}
	.product_view .productImg { width:596px; height:494px; margin:0 auto; padding:26px; text-align:center; position:relative; overflow:hidden;}
	.product_view .productImg img { vertical-align:middle; max-width:596px; max-height:494px; width: expression(this.width > 596 && this.width / 596 >= this.height / 494 ? 596 : true); height: expression(this.height > 494 && this.width / 596 < this.height / 494 ? 494 : true);}
	.product_view .productImg s { vertical-align:middle; height:100%; display:inline-block;}
	.product_view .productH3 { clear:both; margin-top:16px; height:27px; line-height:27px; color:#3c3c3c; font-weight:bold; border-bottom:3px solid #bbb;}
	.product_view .productCenter { margin:12px auto 0; overflow:hidden;}
.product_image { width:616px; margin:12px auto 0; height:96px; overflow:hidden;}
	.product_image li { float:left; width:100px; height:74px; margin:0 10px; display:inline; text-align:center; overflow:hidden;}
	.product_image li .imgB { width:100px; height:74px; text-align:center; padding:1px; border:1px solid #e6e6e6; position:relative; overflow:hidden;}
	.product_image li .imgB img { vertical-align:middle; max-width:100px; max-height:74px; width: expression(this.width > 100 && this.width / 100>= this.height / 74 ? 100 : true); height: expression(this.height > 74 && this.width / 100 < this.height / 74 ? 74 : true);}
	.product_image li .imgB s { vertical-align:middle; height:100%; display:inline-block;}

.siteMap { clear:both; margin:12px auto 0; display:inline-block;}
	.siteMap dt { line-height:31px; border-bottom:3px solid #ccc; font-size:14px; font-weight:bold;}
	.siteMap dd { float:left; display:inline; line-height:44px; margin:0 15px;}
	.siteMap .item { padding:0;}
	.siteMap .item li { padding:0 0 0 10px; line-height:1.75; background:url(iconList.gif) 0 8px no-repeat;}

/*分页*/
.pageNav { clear:both; height:21px; margin:16px auto; text-align:center; font-family:Arial;}
.pageNav a, .pageNav strong, .pageNav span { margin:0 3px; padding:3px; line-height:1; border:1px solid #3c3c3c; color:#3c3c3c; display:inline-block;}
.pageNav strong { border:1px solid #3c3c3c; background:#3c3c3c; color:#fff;}
.pageNav a:hover { text-decoration:none;}
.pageNav .mor { border:0; padding:0;}
.page-preNext{ line-height:25px; margin:10px 0 0 0; padding-top:10px; height:60px; clear:both; overflow:hidden; border-top:1px dotted #e8e8e8;}

.talenForm { margin-top:8px;}
	.talenForm td { padding:3px 0;}
	.talenForm .inp_t { height:17px; line-height:17px; padding:2px; border:1px solid #aaa; background:#fff;}
	.talenForm .area_t { padding:3px; width:440px; border:1px solid #aaa; background:#fff; overflow-x:hidden; overflow-y:hidden;}
	.talenForm .btn_s { width:64px; height:29px; margin-top:6px; cursor:pointer; background:url(btn_submit.gif) 0 0 no-repeat; border:none;}

/* Footer */
#footer { width:960px; height:76px; margin:16px auto 0; padding:12px 0 0; border-top:1px solid #E8E8E8;}
	#footer .footer-link { width:480px; float:left; text-align:left;}
	#footer .footer-txt { width:480px; float:right; text-align:right;}
	#footer .footer-link, #footer .footer-link a { color:#8090A6;}
	#footer .footer-txt, #footer .footer-txt a { color:#8090A6;}