﻿@charset "utf-8";

.topArea { padding-top:0; background:#fff; border-radius:10px 10px 0 0; }
.search-form { top:16px; }

.container .wrap { padding:1px 0 30px; background:#fff; }

.location { height:22px; padding-bottom:5px; margin-bottom:20px; background:url(location.jpg) no-repeat right bottom; }
.breadcrumbs { float:right; padding:0 20px; background:url(ico_5.jpg) no-repeat 0 5px; color:#587798; line-height:22px; }
.breadcrumbs a,.breadcrumbs a:hover { color:#587798; }

.curTitle { padding:20px 55px; background:url(line.jpg) no-repeat 55px bottom; font:700 28px '微软雅黑'; line-height:30px; color:#000; }
.curTitle em { font:700 25px 'Arial'; line-height:30px; color:#7e9ab8; }
.curTitle span { display:block; font-size:16px; color:#3c454c; font-weight:normal; }

.pArea { width:924px; margin:0 auto; border-top:6px solid #f4f4f4; padding-top:20px; }
.pArea dl { width:100%; border-bottom:6px solid #f4f4f4; margin-top:31px; }
.pArea dt { float:left; width:203px; height:auto; overflow:hidden; }
.pArea dd { float:right; width:721px; }
.picList { float:left; width:237px; height:auto; margin-bottom:60px; border-right:1px solid #e5e5e5; }
.picList .pic {overflow:hidden; padding-bottom:7px; text-align:center }
.picList .pic img { width:156px; height:122px; }
.picList h5 { width:100%; height:24px; line-height:24px; text-align:center; overflow:hidden; }
.picList h5 a { color:#395fa0; font:400 14px "微软雅黑"; }
.picList p { width:100%; font:normal 11px "微软雅黑"; line-height:15px; text-align:center; color:#888; padding-bottom:8px; }

.news { padding:30px 55px; }
.news dl { padding:15px 0; border-bottom:#ccc 1px solid; }
.news dt { height:20px; margin-bottom:7px; line-height:20px; }
.news dt,.news dt a { color:#404141;  font-family:'Arial'; }
.news dd { color:#8a8a8a; line-height:20px; }
.news dd a { display:block; margin-top:15px; height:20px; line-height:20px; font-family:'Arial'; color:#587798; }

/*  */
.nav li dl { position:absolute; top:57px; left:-1px; width:200px; padding:2px 10px 0; border:1px solid #eaeaea; border-top:3px solid #61a6ea; border-radius:0 0 5px 5px; background:#fff; z-index:99; display:none; }
.nav li dd { position:relative; height:50px; padding:2px 0; border-bottom:1px solid #eaeaea; line-height:50px; text-align:left; }
.nav li dd a { width:180px; padding-left:20px; color:#395ea2; height:50px; font:normal 12px '微软雅黑'; line-height:50px; }
.nav li dd a:hover,.nav li dd a.current { background:#f5f5f5; color:#395ea2; }
.nav li dd em { position:absolute; bottom:20px; right:25px; display:block; width:7px; height:9px; overflow:hidden; background:url(subNav.jpg) no-repeat; }
.nav .third { position:absolute; top:5px; left:200px; background:#fff; width:151px; height:auto; padding:7px 0 0; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-top:3px solid #61a6ea; border-radius:0 0 5px 5px; display:none; }
.nav .third li { position:relative; display:block; width:100%; height:39px; line-height:39px; border-bottom:1px solid #eaeaea; text-align:left; }
.nav .third a { width:auto; padding-left:10px; line-height:39px; color:#666; }
.nav .third a:hover { height:39px; background:none; color:#395ea2; }
.nav .four { position:absolute; top:5px; left:146px; background:#fff; width:151px; height:auto; padding:0; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-top:3px solid #61a6ea; border-radius:0 0 5px 5px; display:none; }
/* productWrap */
.productWrap { margin:0 50px; padding-left:6px; }

.iTitle { padding:13px 0 13px 5px; height:24px; line-height:24px; border-bottom:4px solid #f4f4f4; }

.product h3 { font:normal 16px "微软雅黑"; height:16px; line-height:16px; padding:25px 0; }
.product h3 em { color:#898989; font:normal 11px "Arial"; padding-left:11px; }
.product h3 a {  color:#395ea2; }
.proList { padding-bottom:55px; }
.proList .iPic { float:left; width:326px; height:255px; overflow:hidden; *display:inline;*zoom:1 }
.proList dl { position:relative; float:left; width:543px; height:255px; vertical-align:top;*display:inline;*zoom:1 }
.proList dt { height:36px; line-height:36px; padding:10px 0 6px; }
.proList dt a { color:#395ea2; font:bold 14px "微软雅黑"; }
.proList dd { color:#666; font:normal 12px "宋体"; line-height:20px; }
.proList .down { position:absolute; top:186px; left:0; display:block; color:#395ea2; cursor:pointer; overflow:hidden; }
.proList .down:hover { color:#395ea2; text-decoration:none; }

/* article */
.artbox { margin:0 55px 30px; text-align:center; }
.artbox h1 { padding-bottom:10px; font-size:16px; line-height:26px; }
.artbox .info { padding:0; background:#eee; line-height:25px; }
.article { padding:0 55px 30px; line-height:200%; word-wrap:break-word; text-align:justify; }
.article p { margin-bottom:10px; }

/* pic-item */
.w { margin:0; overflow:hidden; }
.w .pic-item { float:left; margin:0; color:#6C6D61; display:inline; text-align:center; }
.w .pic-item .list-pic { display:block; margin:0 auto; border:#ccc 1px solid; line-height:105px; }
.w .pic-item dl { height:25px; line-height:25px; background:#00a9a7; }
.w .pic-item dl a { color:#fff; }

/* list */
.list { margin:0 55px 30px; clear:both; }
.list ul li { padding:6px; background:url(line_01.gif) repeat-x left bottom; line-height:20px; clear:both; }
.list ul li a { padding-left:5px; }
.list ul li a:hover { text-decoration:underline; }
.list .date { float:right; padding-left:9px; font-size:11px; font-family:Arial; }
.list .ico { float:left; width:6px; _width:3px; height:20px; margin:0; background:url(point_01.gif) no-repeat left 9px; }

/* page */
.page { margin:0 55px 30px; padding:15px 20px 0; color:#000; line-height:24px; }
.page a { margin:0 5px; color:#000; }
.page a:hover { text-decoration:underline; }
.page .current { padding:2px 4px; background:#0848ae; color:#fff; }
.page .current:hover { color:#fff; }
.page span { float:right; }
.page strong { color:#0848ae; }

/* message */
.message { margin:0 55px 30px; clear:both; }
.message-list { margin-bottom:5px; padding:5px; border-bottom:1px dashed #D7D7D7; }
.message-list .m-title { padding:0; color:#d00000; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#999; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; color:#525252; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* hr */
/*.hr { margin:0 55px 30px; clear:both; }
.hr-list { margin-bottom:5px; padding:5px; border-bottom:1px dashed #D7D7D7; }
.hr-list .title { padding:0; color:#d00000; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; color:#999; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { padding:5px; text-align:right; }*/

/* contact */
.contact { margin:39px 55px 59px; clear:both; line-height:200%; color:#666; word-wrap:break-word; word-break:break-all; }
.iMap { float:left; width:388px; height:218px; border:1px solid #d3d3d3; }
.txt { float:right; width:342px; height:210px; padding:8px 120px 0 8px; }
.txt dl { padding-bottom:39px; }
.txt dt { font: normal 14px "微软雅黑"; height:30px; line-height:30px; }
.txt dd { font-size:16px; font-family:"Arial"; color:#636363; height:21px; line-height:21px; }
.txt dd em { color:#305ab8; font: normal 12px "微软雅黑"; }
.txt p { color:#666666; height:22px; line-height:22px; }
.txt p strong { color:#577697; }

/* form */
.form-panel { margin:0 55px 30px; clear:both; }
.form-panel h4 { margin-bottom:10px; padding:2px 20px; background:#eee; color:#333; line-height:22px; }
.form-panel .tips { padding:10px 0 10px 110px; color:#CC3732; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; color:#666; zoom:1; }
.form-panel .input span label { display:inline; float:none; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:1px 3px; border:1px solid #D0D0D0; background:#F2F2F2; color:#666; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #D0D0D0; background:#F2F2F2; color:#666; }
.form-panel .submit-field { padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit { width:78px; height:24px; border:none; background:url(btn.jpg) no-repeat; cursor:pointer; }
.form-panel .submit-field .btn-reset { width:78px; height:24px; border:none; background:url(btn.jpg) no-repeat; cursor:pointer; }

/* solution */
.solutionWrap { padding:51px 55px 99px; color:#717171; }
.solutionWrap .hd li { float:left; width:90px; height:26px; background:#ebebeb; color:#536eaa; text-align:center; line-height:26px; margin-right:1px; display:inline; }
.solutionWrap .hd li.on { background:#536eaa; color:#fff; }
.solution { background:url(solution.jpg) no-repeat right 39px; padding:39px 456px 39px 0; }
.solution p { line-height:20px; padding-bottom:5px; padding-left:4px; }
.solution ul { padding-top:22px; }
.solution li { height:25px; line-height:25px; }

/* join */
.joinWrap { padding:0px 55px 99px; }
.joinWrap .bd { float:left; width:630px; }
.hr h3 { font:normal 16px "微软雅黑"; color:#395ea2; height:34px; line-height:34px; padding-top:25px; }
.hr ul { padding-bottom:20px; }
.hr li {  font:normal 12px "宋体"; color:#666; line-height:20px; }
.hr li strong { color:#617eb5; }
.joinBtn { padding-top:2px; }
.joinWrap .hd { float:right; width:193px; padding:20px 25px; border:#eee 1px solid; border-radius:20px; }
.join { font:normal 12px "宋体"; color:#395ea2; }
.join h2 { font-size:20px; height:32px; line-height:32px; padding-bottom:18px; }
.join dt { height:39px; line-height:39px; border-bottom:1px solid #d6d6d6; padding-left:16px; background:url(hrIco.jpg) no-repeat 4px center; }

.joinBtn,.hr_a { cursor:pointer; }
.hr_a { position:absolute; right:-12px; top:-12px; display:block; width:24px; height:24px; background:url(nima_03.png) no-repeat; }
.form-lightbox-bg { position:fixed; left:0; top:0; background:#000; width:100%; height:100%; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; z-index:1001; display:none; }
.form-lightbox { position:fixed; background:#fff; top:15%; left:50%; margin-left:-450px; width:700px; height:500px; padding: 20px; z-index:1002; border-radius:6px; display:none; }
.lightbox { width:700px; height:500px; overflow-y:auto; overflow-x:auto; line-height:30px; }
.lightbox p { line-height:28px; }

.form-lightbox h4 { margin-bottom:10px; padding:2px 20px; background:#eee url(ico_07.gif) no-repeat 8px center; color:#666; line-height:22px; }
.form-lightbox .tips { padding:10px 0 10px 110px; color:#CC3732; font-weight:bold; font-size:13px; text-align:left; }
.form-lightbox .field { clear:both; }
.form-lightbox li{list-style-type:none;}
.form-lightbox li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; font-size:12px; }
.form-lightbox li.field span label { display:inline; float:none; }
.form-lightbox .input { padding:10px 0; color:#666; zoom:1; line-height:24px; }
.form-lightbox .input input { line-height:24px; }
.form-lightbox .input img { padding:1px 0; }
.form-lightbox .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-lightbox .text { height:26px; border:1px solid #D0D0D0; color:#666; }
.form-lightbox .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #D0D0D0; background:#F2F2F2; color:#666; }
.form-lightbox .submit-field { padding:0 10px 20px 100px; clear:both; }
.form-lightbox .submit-field .btn-submit { width:80px; height:29px; border:none; background:url(btn_01.jpg) no-repeat; cursor:pointer; }
