.sub-banner { height: 226px; }
.inner-cont {
*zoom:1; margin: 30px 0 0; padding: 0 5px }
.sidebar { float: left; width: 230px; overflow: hidden; }
.right-block { float: right; width: 750px; overflow: hidden; }
.content { padding: 25px 0 0; }
/* ==========================================================================
   Sidebar
   ========================================================================== */
.overview { color: #fff; font: 300 24px/77px microsoft yahei; background: #006756; padding-left: 45px; border-top: 3px solid #004d9e; }
.sidenav { }
.sidenav li { position: relative; *zoom:1;
}
.sidenav li a { display: block; padding: 12px 55px 12px 45px; color: #444; *zoom:1;
font-size: 14px; line-height: 20px; font-family: microsoft yahei; background: #d6e5f8; border-bottom: 1px solid #fff; }
.sidenav li a:hover,
.sidenav .active a,
.sidenav li a:hover .fa,
.sidenav .active .fa { color: #0056a3; background: #f6f6f6 url(../images/sn-hover-bg.gif) repeat-x; font-size: 16px; }
.sidenav li .fa { position: absolute; right: 30px; top: 12px; line-height: 20px; color: #333; font-size: 16px; color: #d6e5f8; }
/* arrow-right */
.level2 {
*zoom:1; padding: 10px 0; }
.level2 li { background: none; }
.sidenav .level2 li a { border: 0 none; font-size: 12px; color: #666; padding: 6px 55px 6px 45px; background: none; }
.sidenav .level2 .active a,
.sidenav .level2 li a:hover { color: #006853; }
/* ==========================================================================
   Breadcrumbs
   ========================================================================== */
.breadcrumb-bar { line-height: 39px; height: 39px; overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.breadcrumb-bar h2 { float: left; font-size: 16px; color: #333; font-weight: 300; font-family: microsoft yahei; border-left: 4px solid #004e9f; padding-left: 9px; line-height: 18px; margin: 14px 0 0; }
.breadcrumb { float: right; }
.breadcrumb li { float: left; padding-right: 5px; }
.breadcrumb .bc-arr { font-family: simsun; }
.breadcrumb li,
.breadcrumb li a { }
.breadcrumb li:last-of-type a { color: #0056a3; }
.breadcrumb .fa { font-size: 16px; line-height: 39px; padding-right: 5px; color: #006756; }
/* ==================================
   Content
   ================================== */
/* latest */
.latest { margin-bottom: 4px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.latest .imgArea { width: 178px; height: 115px; padding: 4px; border: 1px solid #ddd; margin-right: 18px; }
.latest .txtArea { }
.latest .txtArea h3 { font-weight: 300; padding-top: 5px; }
.latest .txtArea h3 a { color: #1375bf; }
.latest .txtArea h3 a:hover { color: #006756; }
.latest .txtArea h3 span { float: right; }
.latest .txtArea .desc { line-height: 2; color: #333; padding: 10px 0; }
.latest .txtArea .more { color: #006756; display: inline-block; text-align: center; line-height: 24px; width: 89px; background: url(../images/more-bg.gif) no-repeat; }
.news-list li { border-bottom: 1px dashed #ddd; line-height: 34px; padding: 0 5px; }
.news-list li .fa { padding-right: 10px; color: #dadada; }
.news-list li .date { float: right; }
/* article */
article .hd { padding-bottom: 15px; border-bottom: 1px solid #ddd; text-align: center; }
article .hd .title { font: 18px microsoft yahei; padding-bottom: 10px; color: #003f96; }
article .hd .byline { }
article .hd .byline span { padding: 0 10px; }
article .bd { padding: 20px 0; }
article .ft { text-align: center; }
article .ft2 { text-align: right; }
article .ft1 .ui-btn { margin: 0 30px; }
.ui-btn2 { display: inline-block; font-size: 14px; color: #fff; padding: 0 20px; line-height: 35px; background: #006756; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.ui-btn2 .fa { font-size: 16px; padding-right: 10px; }
.ui-btn2:hover { color: #fff; background: #035a4c; }
/* career-list */
.career-list table { width: 100%; }
.career-list th { background: url(../images/th-bg.gif) repeat-x 0 100%; padding: 0 15px; line-height: 32px; font-weight: 300; }
.career-list .hd td { padding: 0 15px; line-height: 35px; border-bottom: 1px dashed #ddd }
.career-list tr .td-position { padding-left: 30px; }
.career-list .on { position: relative; }
.career-list .on td { border-bottom: 0 none; }
.career-list .bd { display: none; padding: 20px 30px; background: #dadada url(../images/bd-bg.gif) repeat-x; color: #333; }
.career-list .on:after { content: ""; display: block; position: absolute; border: 6px dashed transparent; font-size: 0; width: 0; height: 0; overflow: hidden; line-height: 0; border-bottom-color: #e2e2e2; border-bottom-style: solid; left: 80px; bottom: -1px; z-index: 99; }
.career-list .ui-btn { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #009a81; padding: 0 15px; line-height: 23px; background: url(../images/btn-bg.gif) repeat-x; display: inline-block; }
.career-list .bd-r { float: right; width: 140px; padding-left: 60px; text-align: right; }
.career-list .bd-l { overflow: hidden; *zoom:1;
}
/* pro */
.pro-list2 { margin-right: -14px; }
.pro-list2 li { float: left; display: inline-block; margin-right: 14px; }
.pro-list2 li a { display: block; width: 341px; height: 120px; border: 1px solid #eee; padding: 10px; position: relative; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; margin-bottom: 27px; cursor: pointer; -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.12); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.12); box-shadow: 1px 2px 4px rgba(0,0,0,.12); }
.pro-list2 li .imgArea { width: 120px; height: 120px; margin-right: 20px; }
.pro-list2 li .txtArea { }
.pro-list2 li .txtArea h3 { font-weight: 300; color: #333; }
.pro-list2 li .txtArea .desc { padding-top: 10px; }
.pro-list2 li .more { position: absolute; right: 0; bottom: 0; color: #fff; background: #004f99; width: 16px; height: 16px; line-height: 16px; text-align: center; }
.pro-list2 .more .fa { line-height: 16px; font-size: 12px; }
.pro-list2 li a:hover { border-color: #ddd; }
.pro-list2 li a:hover .more { background: #006756; }
.pro-list2 li a:hover .desc { color: #666; }
.pro-pic { text-align: center; }
/* tabs */
.pro-tab { margin-top: 37px;}
.tab-hd { border-bottom: 1px solid #ddd; }
.tab-hd h2 { float: left; font-weight: 300;font-size: 16px; color: #333; padding-bottom: 13px; cursor: pointer;}
.tab-hd h2 span { display: block;  padding: 0 30px; line-height: 28px; border-right: 1px solid #ddd; }
.tab-hd .on { padding-bottom: 10px; border-bottom: 3px solid #03472e;}

.tab-hd .more { }
.tab-bd { padding: 20px 0; }
.tab-cont { display: none; }
/* ==========================================================================
   Pagination
   ========================================================================== */
#dcms_pager { margin-top: 30px; }
#dcms_pager .pages { text-align: center }
#dcms_pager .pages a { display: inline-block; padding: 0 7px; margin: 0 4px; background: #e8e8e8; color: #333; cursor: pointer; line-height: 20px; height: 20px; }
#dcms_pager .pages .pgcurrent { color: #fff; background-color: #006756; cursor: default; }
#dcms_pager .pages .pgempty { cursor: not-allowed }