@charset utf-8;

.services { background:#291806 url(def-service.jpg) center top no-repeat; }
.services .col { float:left; height:107px; padding:43px 50px 0 0; background:url(service-split.png) right 20px no-repeat; }
.services .col .pic { float:left; }
.services .col .pic a { float:left; width:96px; height:50px; border:3px solid #2A1907; overflow:hidden; }
.services .col .pic a:hover { border-color:#F7ECBF; }
.services .col .text { float:left; padding-left:10px; }
.services .col .text h3 { line-height:1.2; font-size:14px; color:#fff7d0; font-weight:normal; }
.services .col .text h3 a { color:#fff7d0; }
.services .col .text h3 a:hover { text-decoration:none; }
.services .col .text h3 em { display:block; font-style:normal; font-size:12px; }
.services .col .text a.more { display:block; width:13px; height:13px; margin-top:10px; background:url(arrow.png) no-repeat; overflow:hidden; }
.services .col1 { padding-right:70px; }
.services .col3 { background:none; }

.area2 { height:137px; padding:18px 0 0; background:#35200F; }
.area2 .col1 { float:left; width:450px; padding-right:50px; border-right:1px solid #3F2C1B; }
.area2 .col1 .bd { line-height:1.5; padding-top:10px; font-size:12px; color:#baad8d; }
.area2 .col1 .bd a { color:#baad8d; }
.area2 .col2 { float:left; width:450px; padding-left:50px; }
.area2 .col2 .bd { padding-top:10px; }
.area2 .col2 .search-selects { float:left; width:347px; }
.area2 .col2 .search-selects select { width:170px; }
.area2 .col2 .search-selects .s1 { float:left; width:170px; padding-right:7px; }
.area2 .col2 .search-selects .s2 { float:left; width:170px; }
.area2 .col2 .search-selects .s3 { float:left; width:170px; padding-right:7px; }
.area2 .col2 .search-selects .s4 { float:left; width:170px; }
.area2 .col2 .btn { float:right; }
.area2 .col2 .btn button { width:93px; height:66px; text-indent:-2000px; background:url(btn-search.jpg) no-repeat; border:0; cursor:pointer; overflow:hidden; }

.area3 { padding:35px 0 0; }
.area3 .col1 { float:left; width:350px; }
.area3 .col2 { float:left; width:288px; }
.area3 .col3 { float:right; width:288px; }
.area3 .hd { padding-bottom:22px; }
.area3 .hd h2 { float:left; }
.area3 .hd .pn { float:right; width:36px; padding-top:3px; }
.area3 .hd .pn a { width:16px; height:16px; overflow:hidden; }
.area3 .hd .pn a.prev { float:left; background:url(prev.jpg) no-repeat; }
.area3 .hd .pn a.next { float:right; background:url(next.jpg) no-repeat; }
.area3 .bd .news-detail .text { width:210px; }
.area3 .project-list { width:288px; overflow:hidden; }