.sub-banner { height: 210px; position:relative;overflow: hidden;}

.inner-cont {*zoom:1; margin: 20px 0px; }

.sidebar { float: right; width: 207px; }

.right-block { float: left; width: 866px; overflow: hidden; }

.container { }

.content { padding: 38px 0; }

/* ==========================================================================

   Sidebar

   ========================================================================== */

.overview { color: #fff; font-weight: 300; font-family: microsoft yahei; height: 58px; line-height:58px; padding-left: 20px; background: url(../images/ov-bg.png) no-repeat ; font-weight: 300; font-size: 20px; margin-bottom: 4px; }

.overview em { font-size: 24px; }

.sidenav { }

.sidenav li { position: relative; *zoom:1; height:45px;background:#e6e6e6; margin:5px 0  }

.sidenav li a { display: block; padding: 8px 60px; color: #333; *zoom:1;line-height: 25px; font-size: 14px;-webkit-transition: margin.3s; transition: margin.3s; }

.sidenav .active a ,.sidenav .active a:hover{ color: #fff; }

.sidenav li a:hover { color: #1868b3; }

.sidenav .active { background: #67964c; }

/* arrow-right */

.level2 {

*zoom:1; padding: 10px 0 0; overflow: hidden; background: #fff; }

.level2 li { border-bottom: 0 none; }

.sidenav .level2 li a { color: #333; font-family: simsun; background: none; }

.sidenav .level2 .active a,

.sidenav .level2 li a:hover { color: #0093dd; }

.quick { margin: 40px 0 0; background:url(../images/ov-bg.png) no-repeat; color:#FFFFFF; height:58px }

.quick h2 { font-size:20px; font-weight:300;font-family: microsoft yahei;padding-left: 20px; height: 58px; line-height:58px; }

.contact{ background:#f5f5f5; margin-top:}

.contact-pic { display: block; padding-top:10px}

.contact-pic img { width:179px; height:45px; padding-left:5px}

.contact ul{ padding:10px; line-height:25px}







/* ==========================================================================

   Breadcrumbs

   ========================================================================== */

.breadcrumb-bar { line-height: 32px; overflow: hidden;  }

.h2{ color:#000000;font-size:24px;border-bottom: 2px solid #c2c2c2; padding: 10px 20px 15px 0;}

.breadcrumb-bar h2 { float: left; font-size: 16px; color: #000; font-weight: 300; font-family: microsoft yahei; line-height: 32px; border-bottom: 4px solid #da0000; padding: 0 20px 5px 0;border-bottom: 1px solid #eaeaea; }

.breadcrumb { float: left; }

.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: #1868b3; }

.breadcrumb .fa { font-size: 14px; line-height: 32px; padding-right: 5px; }

/* latest */

.latest {border-bottom:1px solid #dadada; padding:20px 0}

.latest .imgArea { width: 240px; height: 155px; padding: 4px; }

.latest .txtArea { padding-left: 16px; }

.latest .txtArea h3 { margin-bottom: 6px; }

.latest .txtArea h3 a { color: #333; font-size:20px }

.latest .txtArea .desc { padding: 10px 0; color: #666; line-height:1.5; }

.latest .txtArea .date { color: #999; font-size:14px }

.latest .txtArea .newbtn01{margin-top:10px;}

.latest .txtArea .newbtn01 a{ text-align: center;font: 12px/32px microsoft yahei;width:80px; display:block;color:#fff;background:#67964c;}

.latest .txtArea .newbtn01 a:hover{ text-decoration: underline;}



.latest .txtArea .more { color: #fff; font-weight: 700; background:#9B1C1E; padding:15px; height:29px; margin-top:25px }

/* news */

.news-list { }

.news-list li { padding: 0 10px 0 20px; border-bottom: 1px dashed #d9d9d9; line-height: 40px; background: url(../images/i-dot.gif) no-repeat 7px; }

.news-list li a { }

.news-list li span { float: right; }

/* article */

article .hd { padding-bottom: 15px; border-bottom: 1px dotted #ddd; text-align: center; }

article .hd .title { padding-bottom: 10px; color: #090909; font-size: 16px; font-weight: 300; }

article .hd .byline { }

article .hd .byline span { padding: 0 10px; color: #666; }

article .bd { padding: 20px 0; }

article .ft { padding: 15px 0; border-top: 1px solid #eaeaea; }

article .ft ul { line-height: 30px; }

article .ft ul li { }

article .ft .back .fa { padding-right: 5px; }

article .ft .back { line-height: 32px; border: 1px solid #e2e2e2; padding: 0 20px; float: right; margin-top: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

article .ft .back:hover { }

/* pro */

.pro-list { }

.pro-list li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ddd; float: left; width: 50%;}

.pro-list li .wrap { padding-right: 30px;}

.pro-list li .imgArea { width: 205px; height: 160px; padding: 15px 14px 15px 10px;}



.pro-list li .txtArea { padding-left: 10px; height: 180px; }

.pro-list li .txtArea h3 { padding-top: 15px; font-size: 14px; }

.pro-list li .txtArea h3 a { color: #333; font-weight: 300; }

.pro-list li .txtArea .desc { padding: 8px 0; line-height: 18px;}

.pro-list li .txtArea .more { color: #1868b3; font-weight: 700; }



/* career-list */

.career-list table { width: 100%; }

.career-list th { /*background:#014191 url(../images/th-bg.gif) repeat-x;*/ padding: 0 15px; line-height: 38px; font-weight: 300; color: #333; font-size: 14px; border-bottom:1px solid #dadada}

.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: #ececec 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: #f6f5f5; border-bottom-style: solid; left: 80px; bottom: -1px; z-index: 99; }

.career-list .btn-apply { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #fff; padding: 0 15px; line-height: 23px; background: #0d499f url(../images/btn-bg.gif) repeat-x; display: inline-block; }

.career-list .bd-r { float: right; width: 240px; padding-left: 60px; text-align: right; }

.career-list .bd-l { overflow: hidden; *zoom:1;}





/* video */

.video-list {}

.video-list li { float: left; width: 227px; display: inline; margin:0 30px; position: relative; overflow: hidden; }

.video-list a { display: block; cursor: pointer; border: 1px solid #e4e4e4; background:#eeeeee;margin-bottom: 40px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }

.video-list .pic { display: block; width: 100%; height: 165px; }

.video-list .pic img { width: 100%; height: 100%; }

.video-list .txt { display: block; margin-top: 5px;padding-bottom:10px; font: 14px/34px microsoft yahei;text-align: center; }

.video-list a:hover { border-color: #67964c; }



/* biz */

.biz-list2 { margin-right: -9px; }

.biz-list2 li { float: left; width: 246px; display: inline; margin-right: 9px; }

.biz-list2 li a { display: block; height: 234px; position: relative; overflow: hidden; margin-bottom: 9px; cursor: pointer; }

.biz-list2 .pic { display: block; width: 100%; height: 100%; }

.biz-list2 .pic img { width: 100%; height: 100%; }

.biz-list2 li .txt { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000) \8;

background-color: rgba(0,0,0,.5); color: #fff; text-align: center; font-size: 14px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }

.biz-list2 li a:hover .txt { height: 100%; line-height: 234px; font-size: 18px; }

.biz-info { font-size: 14px; margin-bottom: 30px; }

.biz-info p { margin: 1em 0; }

.focus-nav { position: relative; margin: 15px 0 30px; padding: 0 34px; }

.focus-nav .thumb li { float: left; border: 2px solid #8c8c8c; width: 101px; height: 42px; display: inline; margin: 0 4px; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; }

.focus-nav .thumb li img { width: 100%; height: 100%; }

.focus-nav .thumb .on { border: 0 none; position: relative; opacity: 1; filter: alpha(opacity=100); width: 105px; height: 46px; }

.focus-nav .sPrev, .focus-nav .sNext { position: absolute; cursor: pointer; width: 21px; height: 33px; top: 50%; margin-top: -16px; }

.focus-nav .sPrev { left: 8px; background: url(../images/sPrev.png) no-repeat; }

.focus-nav .sNext { right: 8px; background: url(../images/sNext.png) no-repeat; }

#preview { text-align: center; width: 100%; }

#preview .jqzoom { /*height: 450px;*/ position: relative; }

#preview .jqzoom img { width: 100%; height: 100%; }

.focus-nav2 { position: relative; padding: 11px 33px 15px; background: #727272; }

.focus-nav2 .thumb li { float: left; padding: 1px; width: 140px; height: 80px; display: inline; margin: 4px 6px 0; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; }

.focus-nav2 .thumb li img { width: 100%; height: 100%; }

.focus-nav2 .thumb .on { border: 1px solid #b63025; padding: 0; position: relative; opacity: 1; filter: alpha(opacity=100); }

.focus-nav2 .thumb .on:after { content: ""; position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; border-bottom-style: solid; border-width: 0 4px 4px; border-bottom-color: #b63025; left: 50%; margin-left: -4px; top: -4px; }

.focus-nav2 .sPrev, .focus-nav2 .sNext { position: absolute; cursor: pointer; width: 21px; height: 33px; top: 50%; margin-top: -16px; }

.focus-nav2 .sPrev { left: 10px; background: url(../images/sPrev.png) no-repeat; }

.focus-nav2 .sNext { right: 10px; background: url(../images/sNext.png) no-repeat; }

#preview2 { text-align: center; width: 100%; }

#preview2 .jqzoom { height: 600px; position: relative; padding: 20px; background: #e6e6e6; }

#preview2 .jqzoom img { max-width: 100%; height: 600px; }

.back-btn-row { text-align: center; margin-top: 20px;}

.back-btn-row a { color: #fff; display: inline-block; font-size: 14px; padding: 0 9px; line-height: 27px;    

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1868b3', endColorstr='#ee9a0e');

background-image: -webkit-linear-gradient(top, #1868b3, #ee9a0e); 

background-image: -moz-linear-gradient(top, #1868b3, #ee9a0e); 

background-image: -o-linear-gradient(top, #1868b3, #ee9a0e); 

background-image: linear-gradient(top, #1868b3, #ee9a0e); border: 1px solid #1868b3; -webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;}

.back-btn-row a:hover {



   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee9a0e', endColorstr='#1868b3');

   background-image: -webkit-linear-gradient(top, #ee9a0e, #1868b3); 

   background-image: -moz-linear-gradient(top, #ee9a0e, #1868b3); 

   background-image: -o-linear-gradient(top, #ee9a0e, #1868b3); 

   background-image: linear-gradient(top, #ee9a0e, #1868b3);

}





/* ==========================================================================

   Pagination

   ========================================================================== */

#dcms_pager {clear: both;padding: 30px 0 10px 0;}

#dcms_pager .pages {	text-align: center}

#dcms_pager .pages a {display: inline-block;padding: 0 10px;margin: 0 4px;color: #333;cursor: pointer;line-height: 24px;border-width: 1px;border-color: rgb( 218, 218, 218 );border-style: solid;background-image: -moz-linear-gradient( 90deg, rgb(241,241,241) 0%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(241,241,241) 0%, rgb(255,255,255) 100%);background-image: -ms-linear-gradient( 90deg, rgb(241,241,241) 0%, rgb(255,255,255) 100%); height: 24px;

}

#dcms_pager .pages .page-num-current {cursor: default;background: #1868b3;color: #fff;}

#dcms_pager .pages .pgempty {	cursor: not-allowed}

#dcms_pager .pages .pageprev {	cursor: not-allowed}

#dcms_pager .pages .pagenext {	cursor: not-allowed}

.ui-btn { display: inline-block; border: 0 none; cursor: pointer; text-align: center; vertical-align: top; *overflow: visible;

border-radius: 4px; padding: 0 40px; margin-right: 10px; height: 34px; font-family: microsoft yahei; font-size: 14px; color: #fff; }

.ui-btn1 { background: #ff6600; color: #fff; }

.ui-btn2 { background: #ddd; color: #666; }

.fb-pic { text-align: center; padding: 7px 0 38px; }

.field:before,

.field:after { content: ""; display: table; }

.field:after { clear: both; }

.field {

*zoom: 1; margin-bottom: 15px; }

.ui-input,

.ui-textarea { vertical-align: middle; line-height: 18px; height: 18px; font-size: 12px; padding: 6px 10px; color: #666; background-color: #fff; border: 1px solid #e5e5e5; outline: 0; -webkit-transition: border-color .2s ease; transition: border-color .2s ease; }

.ui-form { }

.ui-form .field { padding-left: 130px; }

.ui-form .ui-label { float: left; text-align: right; width: 120px; margin-left: -130px; line-height: 32px; font-size: 14px; }

.ui-form .ui-input { width: 290px; }

.ui-form .ui-textarea { width: 400px; height: 100px; }

.ui-form .ui-btn { padding: 0 25px; height: 30px; font-size: 14px; margin-right: 20px; }