@charset utf-8;

.banner { position:relative; width:970px; height:340px; }
.banner .items { position:relative; height:340px; overflow:hidden; }
.banner .items .item { position:absolute; left:0; top:0; height:340px; }
.banner .btns { position:absolute; left:15px; bottom:30px; width:70px; height:43px; }
.banner .btns a { width:35px; height:43px; background:url(banner-btn.png) no-repeat; }
.banner .btns a:hover { background:url(banner-btn-hover.png) no-repeat; }
.banner .btns a.prev { float:left; background-position:left top; }
.banner .btns a.next { float:right; background-position:right top; }
.banner .texts { position:absolute; right:0; bottom:34px; width:540px; line-height:150%; padding:20px 20px 0; background:url(trans-black.png); box-shadow:0 3px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.4); color:#dedede; font-size:14px; overflow:hidden; }
.banner .texts h3 { margin-bottom:5px; font-size:20px; }
.banner .texts .item { display:none; padding-bottom:15px; }
.banner .bd div { position:absolute; }
.banner .bd .t { left:0; top:0; width:960px; height:10px; background:url(banner-top.png) left top repeat-x; overflow:hidden; }
.banner .bd .r { right:-6px; top:0; width:5px; height:340px; background:url(banner-right.png) right center no-repeat; overflow:hidden; }
.banner .bd .b { left:0; bottom:0; width:960px; height:10px; background:url(banner-bottom.png) left bottom repeat-x; overflow:hidden; }
.banner .bd .l { left:-6px; top:0; width:5px; height:340px; background:url(banner-left.png) right center no-repeat; overflow:hidden; }

.area1 { margin-top:10px; padding:10px; background:#DEDEDE; box-shadow:0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2); }
.area1 .col1 { float:left; width:50%; }
.area1 .col1 .pic-list .item .pic { width:72px; height:72px; margin:5px; background:#FFF; border:5px solid #FFF; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); }
.area1 .col2 { float:right; width:50%; }

.area2 { padding:15px 0; }
.area2 .col1 { float:left; width:80%; }
.area2 .col1-wrap { margin-right:5px; }
.area2 .col2 { float:right; width:20%; }
.area2 .col2 .col2-wrap { margin-left:10px; }

.project-wrap { background:#FFF; border:1px solid #DEDEDE; box-shadow:0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2); }
.project-wrap .tabs { height:60px; background:#CACACD; border-bottom:1px solid #B5B5B7; }
.project-wrap .tabs div { float:left; border-right:1px solid #E2E2E5; }
.project-wrap .tabs a { float:left; width:145px; height:60px; background:#CACCCD; border-left:1px solid #E2E2E5; border-right:1px solid #B5B5B7; border-bottom:1px solid #B5B5B7; color:#88888A; font-weight:bold; text-shadow:0 1px 0 rgba(255, 255, 255, 0.8); }
.project-wrap .tabs a span { float:left; height:29px; padding:23px 10px 10px 55px; background:#CACCCD; }
.project-wrap .tabs a:hover { background:#b5b5b7; color:#2D2D2E; }
.project-wrap .tabs a.current { background:#FFF; border-bottom:1px solid #FFF; border-left:0; color:#2d2d2e; text-shadow:0 1px 1px rgba(0, 0, 0, 0.2); }
.project-wrap .tab-content { padding:15px; }
.project-wrap .tab-content .tc { display:none; }

.latest-news { margin-top:15px; padding:0 20px 10px; background:#FFF url(grad-l1.gif) bottom repeat-x; box-shadow:0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2); }
.latest-news h2.hd { line-height:1.2; margin:0 -20px; padding:10px 20px; background:#313435 url(noise-bg.png); color:#F0F0F3; font-size:15px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.8); }
.latest-news .item { margin:0 -20px; padding:0 20px 20px; }
.latest-news .item h3 { line-height:1.2; margin:0 -20px; padding:10px 20px 5px; background:#F0F0F3; border-top:1px solid #DEDEDE; text-shadow:0 1px 1px #FFF; font-size:22px; }
.latest-news .item h3 a { color:#313435; }
.latest-news .item h3 a:hover { text-decoration:none; color:#6b5039; }
.latest-news .item .detail { padding:10px 0 0; }
.latest-news .item .detail .pic { float:left; width:150px; height:150px; margin:5px 15px 0 0; padding:4px; background:#FCFCFC; border:1px solid #DEDEDE; box-shadow:0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2); }
.latest-news .item .detail .text { line-height:18px; font-size:12px; color:#525253; }
.latest-news .item .detail .text .read-more { text-align:right; padding:5px 0 0; }
.latest-news .item .detail .text .read-more a { float:right; padding:3px 5px 3px 22px; background:url(yes.png) 5px center no-repeat; border:1px solid transparent; font-size:11px; }
.latest-news .item .detail .text .read-more a:hover { background-color:#F0F0F0; border-color:#DEDEDE; color:#525253; text-decoration:none; }