/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 作者: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;}