@charset "utf-8";
/* CSS Document */
/* 通用类 */
.menu2:after,
.m:after,
.simg:after,
.links:after,
.map:after,
.step:after,
.service:after,
.svcList:after,
.prize li:after,
.imgSlt:after,
.mMenu:after,
.mtWrap:after,
.designer:after,
.designer .r ul:after,
.wlist:after,
.tab:after,
.tabContent:after,
.honor li:after,
.clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden }
.menu2,
.m,
.simg,
.links,
.map,
.step,
.service,
.svcList,
.prize li,
.mMenu,
.mtWrap,
.designer,
.designer .r ul,
.wlist,
.imgSlt,
.tab,
.tabContent,
.honor li,
.clearfix { zoom:1;}
.ad { margin: 10px 0;}

body { font-size: 12px; line-height: 1.5em; color:#666;}
a { color: #666;}
a:hover { color:#f90;}
.h,
.m,
.f { width: 960px; margin: 0 auto 10px auto;}

.h { position:relative; zoom: 1;}
.logo { padding: 10px 5px 20px;}
.logInfo { position: absolute ; top: 0; right: 0;}
.info a { padding:  0 0 0 20px; display: inline-block; vertical-align: middle; background-image: url(../images/icon.png) ; background-repeat:  no-repeat; line-height: 20px; height: 20px; }
.info a:hover { text-decoration: none; }
.info{ background: url(../images/icon.png) 0 -220px no-repeat; float: left; padding: 5px 0 0  10px; margin: 0 0 0 5px; }
#info1 { background: none;}
#reg { background-position: 0 0px ;  margin: 0 10px 0 0; }
#log { background-position: 0 -28px ;  margin: 0 10px 0 0; }
#rss { background-position: 0 -59px ;  margin: 0 10px 0 0; }
.sina,
#sina { background-position: 0 -88px ; }
.kaixin,
#kaixin { background-position: 0 -119px ; }
.qzone,
#qzone { background-position: 0 -148px ; }
#city { background-position: 0 -178px ; padding: 0 0 0 15px;}
.cityBtn {background-image: url(../images/icon.png) ; background-repeat:  no-repeat;  background-position: 0 -178px ; padding: 0 0 0 15px;}
.menu1 { position: absolute; top: 45px; left: 100px;}
.menu1 li { float: left; width: 220px; font-size: 12px; font-weight: bold; padding: 15px 0 0 0; }
.menu1 li a { padding: 0  30px; background: url(../images/menu1.png) right center no-repeat;}
.menu1 .hot { background: url(../images/hot.png) 100px 0 no-repeat;}
#menu101 { width: 220px;}
#menu102 { width: 210px;}
#menu103 { width: 190px;}
#menu104 { width: 190px;}
.menu2 { background: #5c2c48 url(../images/menu02.jpg) 0 0 no-repeat; padding: 0  0  0 120px; line-height: 2em; height: 190px; overflow: hidden;}
.menu2Item { float: left; padding:  23px 10px ; height: 144px; position: relative; zoom: 1;}
.menu2Item ul { width: 96px; float: left;}
#menu201 { width: 203px;}
#menu202 { width: 190px;}
#menu202 ul { width: 95px;}
#menu203 { width: 170px;}
#menu203 ul { width: 60px;}
#menu203 .menu3 ul { width: 90px; padding: 10px 10px 25px 20px;}
#menu204 { width: 180px;}
.menu2 a { color: #ccc;}
.menu2 a:hover{ color: #f90; text-decoration: none;}
.menu2 .hover { background: url(../images/menu02_hover.png)  0 5px no-repeat; color: #fff; }
.menu2 .hover a{ color: #fff; }
.menu3 { position: absolute; top: 7px; left: 69px; height:80px; }
.menu3 ul { background: url(../images/menu03.png) 0 0 no-repeat; }
.menu3 a { color: #fff;}

.m .l { width: 640px; float: left; margin: 0; overflow: hidden;}
.simg li{ width: 212px; float:left; height: 106px; padding: 14px 0 0 0;}
.simg li.hover{ background: url(../images/simg_li_hover.png)  0 0 no-repeat;}
.m .links { }
.m .links ul{ width: 213px; float: left;}
.m .links li a{ padding: 0 10px 0 0; background: url(../images/m_links.png) right center no-repeat;}

.m .r { width: 320px; float: left}
.news { margin: 10px 0; padding: 0 0 10px 10px; border-bottom: 1px solid #ccc; background:url(../images/news_bg.png) 0 0 repeat; }
.news h2 { font-size: 14px; color: #444; padding: 3px 0;}
.news h2 .more { float: right; font-weight: normal; color: #f90; font-size: 12px;}
.news ol { list-style: decimal inside; line-height: 1.6em; }
.news ol span.date { float: right; }
.onSales { position: relative; zoom: 1; height: 320px; background: #f78222 url(../images/onsales_bg.jpg) 0 0 repeat-x; color: #fff; }
.onSales .preBtn { position: absolute; left: 8px; top: 225px; width: 20px; height: 33px; background: url(../images/btn.png) 0 -11px no-repeat;}
.onSales .nextBtn { position: absolute; right: 8px; top: 225px; width: 20px; height: 33px; background: url(../images/btn.png) 0 -74px no-repeat;}
.onSales .preBtn span,
.onSales .nextBtn span { display:none;}
.onSales .imgsWrap { width: 300px; padding: 0 10px; overflow: hidden;}
.onSales ul { height: 202px;  padding: 20px 0; width: 636px;}
.onSales li { width: 100px; height: 202px; float: left; padding: 0 3px; background: url(../images/onSalesLi.png) right bottom no-repeat;}
.onSales li p { padding: 0 5px ;}
.onSales a { color: #fff;}
.onSales a:hover { color: #fff; text-decoration: none;}
.onSales .price { font-size: 30px; font-family: Verdana, Geneva, sans-serif; line-height:42px;}
.stepAd { background: #eee;}
.stepAd .txt ol:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }
.stepAd .txt ol { zoom: 1; background: url(../images/stepAd_ol.png) left bottom no-repeat; padding: 0 0 3px; }
.stepAd .txt { padding: 10px 10px 10px 20px ;}
.stepAd .txt li { float: left; padding: 0 0 10px 0; vertical-align: bottom; font-family: Arial, Helvetica, sans-serif;}
.stepAd .txt li a { padding: 8px 5px 2px 5px ; width:25px; height: 25px; display: inline-block; text-align: center; margin: 0 2px; }
.stepAd .txt li a:hover { text-decoration: none; background: #5a2946; color: #fff; font-size: 24px; }
.stepAd .txt li.hover { background: url(../images/step_hover.png) center bottom no-repeat;}
.stepAd .txt li.hover a { background: #5a2946; color: #fff; font-size: 24px;}
.stepAd .dtl{ padding: 0 20px  20px;}
.stepAd .dtl h3 { font-size: 16px; margin: 3px 0;}

.f{ padding: 40px 0 0 0;}
.f .map { padding: 20px 30px 45px 30px; border-top: 3px solid #e2e2e2; background: url(../images/map.png) 0 0 repeat;}
.f .mapItem { float: left; }
/*#map01 { width: 330px;}
#map01 ul { width: 160px;}
#map02 { width: 134px;}
#map03 { width: 117px;}
#map04 { width: 167px;}
#map05 { width: 147px;}*/
#map05 { width: 60px; overflow: hidden;}
.f .map ul{ float: left;  width: 160px;}
.f .map a {color: #999; }
.f .map h3 { width: 170px; margin: 0  0 1em 0; font-size: 12px;}
.f .links { position: relative; zoom: 1; background:#5c2c48; color: #999; padding: 6px 10px 3px 10px;}
.f .imgLink { float: left;}
.f .txtLink { float: left; color: #fff; padding:8px 10px 0 30px ;}
.f .txtLink a { color: #fff;}
.f .txtLink a:hover { text-decoration: none; color: #fff;}
.f .txtLink .top { color: #d77e38;}
.f .icp { position: absolute; right: 10px; top: 14px;}

/* 内页 */
.search { position: absolute; top: 58px; right: 80px;}
.search .sTxt { float:left; display: block; border:1px solid #ddd; border-right: none; background:none; height: 18px; padding: 0 5px; width: 130px; }
.search .sBtn { float: left; display: block; height: 20px; width: 20px;  border: none; background: url(../images/search.png) right top no-repeat;}
p.lct { padding: 0 5px 5px 5px; }/* 面包屑 */
p.lct a { color: #999;}
#inMenu #menu101 { width: 160px;}
#inMenu #menu102 { width: 135px;}
#inMenu #menu103 { width: 135px;}
#inMenu #menu104 { width: 135px;}

/* 视频页面 */
#vWrap .l { width: 658px; height:560px; background:url(../images/v_l_c.png) 0 0 repeat-y;}
#vWrap .lOut{ padding: 13px 0 0 0; background: url(../images/v_l_top.png) 0 0 no-repeat;}
#vWrap .lIn{ padding: 0 30px 16px; background: url(../images/v_l_btm.png) left bottom no-repeat;}
#vWrap h2 { font-size: 14px; font-weight: normal; margin: 12px 0;}
#vWrap .r { width: 302px; height:560px;  background:url(../images/v_r_c.png) 0 0 repeat-y;}
#vWrap .rOut{ padding: 13px 0 0 0; background: url(../images/v_r_top.png) 0 0 no-repeat;}
#vWrap .rIn{ padding: 0 24px 13px; background: url(../images/v_r_btm.png) left bottom no-repeat;}
.vSlt { padding: 0 0 10px 0; }
.vSlt select { width: 190px; margin: 0 0 0  10px; color: #666;}
.vList { color:#000000; line-height: 1.3em; height:455px; overflow: hidden;}
.vList .img  { float:left;} 
.vList .txt { float:left;} 
.vList h3 { font-size: 12px; font-weight: normal;}
.vLi:after { clear: both; content: ""; display: block; visibility: hidden; height: 0;}
.vLi { zoom:1;}
.vLi { padding: 10px 0; border-top: 1px solid #eee;}
.vLi .img { margin: 0 20px 0 0;}
.vPage { border-top: 1px solid #eee; padding: 20px 0 10px 0; color: #000; text-align: center;  }
.vPage a { color: #000; padding: 2px; margin: 2px;}
.vPage a:hover,
.vPage a.cur { color: #999;}
.playbtn { margin: 10px 0 0 0;}

/* 联系页面 */
#mWrap  { width: 968px;}
#mWrap .bWrap {  background:url(../images/m_b_c.png) 0 0 repeat-y;}
#mWrap .bOut{ padding: 13px 0 0 0; background: url(../images/m_b_top.png) 0 0 no-repeat;}
#mWrap .bIn{ padding: 0 30px 16px; background: url(../images/m_b_btm.png) left bottom no-repeat;}
#mWrap .bIn:after {clear:both; content:""; display: block; visibility: hidden; height: 0;}
#mWrap .bIn{ zoom:1;}
.mapTxt { float:left; width: 300px; padding: 0 20px 0  0; line-height: 2em;}
.mapC { min-height: 420px; _height: 420px; overflow: hidden; position: relative; zoom: 1;}
.city { border-bottom: 1px solid #ddd; padding: 5px 0; margin:  0 0 15px;}
#city2 { padding:  0 0 0 20px; display: inline-block; vertical-align: middle;background-image: url(../images/icon.png) ; background-repeat:  no-repeat; line-height: 20px; height: 20px;  background-position: 7px -178px ; }
.shop a{ margin: 0 30px 0 0; }
.shop a.cur { color: #f90; text-decoration: underline;}
.line { border: 1px solid #ddd; margin: 25px 0;}
.line .ttl { padding: 0 12px; background: #eee; color: #000; height: 24px;}
.tfc{ float:right;}
.line table { width: 250px; margin: 0 auto 15px auto;}
.col1 { width: 30px;}
.col2 { width: 220px;}
.line td { padding: 0 2px;}
.tfcSlt { }
.tfcSlt a { float:left; width: 26px; height: 22px; border: 1px solid #ddd; background-image: url(../images/mapicon.png) ; background-repeat:no-repeat; background-position: 0 0; margin: 7px 5px 2px 0 ;}
.line input,
.line select { border: 1px solid #ddd; width: 215px;}
#taxi { background-position: 0 -24px;}
#train { background-position: -33px -24px;}
#walk { background-position: -64px -24px;}
#taxi.cur ,
#taxi:hover { background-position: 0 0;}
#train.cur ,
#train:hover { background-position: -33px 0;}
#walk.cur ,
#walk:hover { background-position: -64px 0;}
.tfcSlt span { display:none;}
.place { background:url(../images/mapicon.png) -3px  -53px no-repeat; color: #fff; padding: 0 0 0 7px;}
#mWrap .ad{ margin: 10px  0 0 0 ;}
.mapImg { float: left; padding: 30px 0 0 0;}
.result { margin: 0 0 30px 0 ;  }
.result .a ,
.result .b { font-weight: bold; font-size: 14px; height: 35px; margin: 10px 0; line-height: 35px; padding: 0 0 0 30px;}
.result .a { background: url(../images/ab.png) 0 -2px no-repeat;}
.result .b { background: url(../images/ab.png) 0 -49px no-repeat;}
.result ol {  list-style: decimal inside;width: 280px; padding:  0 0 0 15px; line-height: 30px;}
.result li { border-bottom: 1px solid #ddd;}
.result .total { margin: 10px 0; padding: 0 0 0 15px;}
.result .mile { float: right;}
.citylist { position: absolute; left: 84px ; top: 27px; padding: 15px; background: #fff; border: 1px  solid #ddd;}
.shopwrap { margin: 15px 0; line-height: 2em;}
.shopwrap .ttl{ border-bottom: 1px solid  #ddd ; margin: 0 0 5px 0;}
/* 主题家居 */
.tpcSlt { margin:5px 0 10px 0;}
.tpcSlt select { color: #666; width: 180px; height:22px;}
.tpcWrap { height: 503px; background: url(../images/temp/topic.png) 0 0 no-repeat; padding: 147px 0 0 0;}
.tpcC { background: url(../images/tab_bg.png) 0 0 no-repeat; width: 645px; height: 480px; margin: 0 auto; padding: 20px 15px 0 15px; position:relative; zoom: 1;}
.tab { border-bottom: 1px solid #b4a78d;}
.tab ul { padding:  0 0 0  40px;}
.tab li {}
.tab li { float: left; width: 110px; text-align: center; font-size: 14px; }
.tab li a { display: block; color: #fff; font-weight: bold; height: 25px; line-height: 25px;}
.tab li a:hover,
.tab li a.hover { text-decoration: none; background: url(../images/tab_hover.png) 0 0 no-repeat;}
.tabContent { color:#000; }
.tabContent  .txt { width: 420px; float: left; padding: 20px  20px 0 40px; height: 368px; overflow: hidden;}
.tabContent  .txt  p{ margin:  0 0 20px 0;}
.tabContent  .img { float: left; padding: 20px 0 0 0;}
.tabContent .img .name { font-size: 16px; margin: 10px 0 5px 0;}
.tabContent ol { list-style: decimal; padding: 0 0 0 18px;}
.tabContent li {  }
.tabContent .tabBar { width: 10px; height: 375px; position: absolute; right: 20px; top: 65px; background: url(../images/tabBarbg.png) 3px 0 repeat-y;}
.closeBtn { position: absolute; right: 9px; top: 10px; font-size: 14px;}
.closeBtn:hover { text-decoration: none;}
/* 装修日记&装修指南 */
#dWrap{}
#dWrap .l { width: 710px; padding: 0 40px 0 0;}
#dWrap .l h1 { font-size: 24px; padding: 15px  0; border-bottom: 1px solid #ddd; color: #5c2c48;}
.dList { border-bottom: 1px solid #ddd; }
.dList:after { content: ""; clear:both; display: block; visibility: hidden; height: 0; }
.dList { zoom:1;}
.dList h2 { font-size: 16px; color: #5c2c48; padding: 16px  0 0 0; margin: 0 0 10px 0;}
.dInfo { color: #999; margin: 10px 0;}
.dInfo2 { margin: -25px 0 0 0; color: #999;}
.dInfo a{ color: #999;}
.dImg { float: left; width: 120px; color: #999;}
.dImg img { margin: 5px  0 10px 0 ;}
.dTxt { float: left; color: #000; width: 590px;}
.dTxt p { margin: 0 0  15px 0;}
.goDetail a { color: #f90;}
.dPage { text-align: center; padding: 40px 0 30px 0;}
.dPage a { color: #999; margin:0 5px ;}
.dPage .cur { color: #5c2c48; font-size: 18px;}
.dPage a:hover{ color: #5c2c48;}
#dWrap .r { width: 210px; padding: 40px 0 0 0; }
#dWrap .r .app { margin: 20px 0;}
.bookBtn { margin: 0 5px 0 0;}
.shopsch { height: 113px; border: 1px solid #ddd; background: url(../images/shopsch.png) 0 0 repeat-x;}
.shopsch table { width:180px; margin: 0 auto;}
.shopsch td { padding: 5px 0;}
.shopsch caption { text-align: left; padding: 15px 0 5px 0; font-weight: bold;}
.shopsch th { font-weight: normal; text-align: left;}
.shopsch select { width: 140px;}
.shopsch .prvSlt {width: 60px;}
.shopsch .ctSlt {width: 78px;}
.dDetail p{ margin: 20px 0;}
.dInfo2 .rss { float: right; padding:  0 0 0 20px; background: url(../images/rss.png) 0 3px no-repeat;}
.discuss { border-top: 1px dashed #aaa; padding: 14px 0  24px 0;}
.discuss .name span { float: right;}
.up { border-bottom: 1px solid #d4d4d4; padding: 12px 0 24px 0;}
.upBtn,
.downBtn { cursor:pointer; margin: 0  3px 0 0; padding: 30px 0 0 0 ; width: 54px; height: 24px; color: #fff; text-align: center; font-size: 16px;  }
.upBtn span,
.downBtn span { font-size: 12px;} 
.upBtn {float:left; background: url(../images/up.png) 0 0 no-repeat;}
.downBtn { float: left; background: url(../images/down.png) 0 0 no-repeat; }
.share { padding: 20px 0 0;}
.share a{  background-image: url(../images/icon.png) ; display: inline-block; vertical-align: middle; height: 20px; line-height: 20px; padding:  0 0 0 20px; margin: 0 2px;}
.msn,
#msn { background-position: -34px -88px;}
.addDcs { padding: 20px 0; color: #999;}
.addDcs strong { background: url(../images/dcs.png)  right top no-repeat; padding-right: 15px; color:#582a45; }
.addDcs .txt { border: 1px solid #d4d4d4; margin: 5px 0;}
.addDcs textarea{ border: 1px solid #d4d4d4; width:520px; height: 100px;}
.addDcs .btn { width: 522px; text-align: right; padding: 5px 0;}
.addDcs .btn input { width: 45px; height: 22px; border: 1px solid #d4d4d4; border-right: 1px solid #888; border-bottom: 1px solid #888;  }
.discussList { color: #999;}
.recmm { font-size: 14px; color: #f90;}
.dInfo a{ color: #f90;}
/* 装修指南 */
#hbl { }
.hbNav1 { font-size: 14px; font-weight: bold; padding: 10px 0 10px 80px; border-bottom: 1px solid #dddddd;}
.hbNav2 { font-size: 14px; padding: 0 0  0 80px; border-bottom: 1px solid #dddddd;}
.hbNav1 a,
.hbNav2 a{ color: #5c2c48; margin: 0 5px;}
.hbNav1 a.cur,
.hbNav1 a:hover,
.hbNav2 a.cur,
.hbNav2 a:hover { color: #999; text-decoration: none;}
.hbNav2 a { display: inline-block; line-height: 32px;}
.hbNav2 a.cur { background:url(../images/hbNav2_cur.png) center bottom no-repeat;}
#hbl .dImg { padding: 20px 0  20px 0;}
#hbl .dTxt { padding: 10px 0 10px 0;}
.detail { color: #000; position: relative; zoom: 1; line-height: 1.7em ;}
.bckToLi{ position: absolute; right:0; top: 10px;}
.detail h2 { padding: 30px 0 30px 0; font-size: 20px; color: #5c2c48; font-weight: normal;}
.hbC { float: left; width: 430px; padding:  0 40px  0 0;}
.hbC p { margin: 20px 0;}
.hbImg { float: left; width: 240px; padding: 60px  0 0 0;}
.hbImg div { margin: 10px 0;}
/* 简介与荣誉 */
.honorC { color: #000;}
.honorC p{ margin: 20px 0; }
.honorC strong { font-weight: normal; color: #f90;}
.step { width: 710px; overflow: hidden; }
.step ul { width: 720px; }
.step li { float: left ; margin:  0  10px 0 0; width: 230px ; overflow: hidden;}
.honor { background:url(../images/honorbg.png) 0 20px no-repeat; margin: 20px 0 0 0  ;padding: 20px 0; border-top: 1px solid #ddd;}
.honor ul { padding: 0 0 20px 240px;}
.honor h2 { padding:  20px 0 0  240px; color: #5c2c48; font-size: 20px;}
.honor li {  line-height: 1.5em; margin: 20px 0;}
.honor .year { color: #5c2c48; font-size: 20px ; width: 100px; float:left;}
.honor .honorlist { display: block; float: left; width: 370px; }
/* 我们的业务 */
#svc{ position: relative; zoom: 1; }
.svcMenu { position: absolute; top: 20px; right: 0; font-size: 14px; color: #000;}
.svcMenu a { margin: 0 40px; color: #000}
.svcMenu a:hover,
.svcMenu a.hover { color: #f90;}
.service { padding: 0 0 40px 0; border-top: 1px solid #ddd; color: #000; width: 710px; overflow:visible; _overflow:hidden;}
.service a,
.service strong { color: #f90; font-weight: normal;}
.service p{ margin: 0 0  20px 0; }
.service h2 { padding: 20px 0; color: #5c2c48; font-size: 20px;}
.service .img { float: left; width: 360px; text-align: right;}
.service .txt { float:left; width: 350px;}
.svcList { clear: both; width: 720px;}
.svcList h3 { padding: 0 0 20px  0; color: #5c2c48;}
.svcList li { float: left; width: 180px; margin: 10px 0;}
.svcList a { color: #666;  margin: 0; height: 50px; line-height: 50px; vertical-align: middle;}
.svcList a img { vertical-align: middle; margin: 0 10px 0 0 ;}
.fixList { width: 720px; }
.fixList li { float: left; width: 170px; margin: 0 10px 10px 0; position: relative; zoom: 1;}
.fixList a { color: #fff; position: absolute; left: 0 ; bottom: 0px; background: #582a45; padding: 6px 12px;  }
.svcList a:hover,
.fixList a:hover { color: #f90;}
.fixList img { display: block;}
#dWrap #svc h1 { border-bottom: none; }
/* 装修案例 */
#cWrap .lct { border-bottom: 1px solid #ddd;}
#cWrap .l { float: left; width: 80px; color: #999;}
#cWrap .l span { font-weight: bold; font-size: 16px; line-height: 40px;}
#cWrap .l a {  color: #999; padding:  0 0 0 18px; background-image: url(../images/unitli.png) ; background-position: -3px -5px ; background-repeat: no-repeat;}
#cWrap .l a:hover,
#cWrap .l a.hover { color: #f90;}
#cWrap .l a.hover  { background-position: -3px -31px ;}
.unit { border-bottom: 1px solid #ddd; padding: 20px 0;} 
.style {  border-bottom: 1px solid #ddd; padding: 10px 0 20px 0;}
#cWrap .l input.txt { width: 58px; border: 1px solid #ddd; padding: 0 ; border-right: none; height: 18px;}
#cWrap .l input.sbm { background: url("../images/search.png") no-repeat scroll 0 1px #fff; *background: url("../images/search.png") no-repeat scroll 0 2px #fff; border: none; width: 20px; height: 22px;}
#cWrap .r { float: left; width: 840px; margin:0 0 0 40px; padding: 10px 0 0 0;}
.urSlt { margin: 0 0 10px 0; color: #999;}
.urSlt span { color: #000; margin: 0 0 0 10px;} 
.close { background: #d0d0d0; margin: 0 3px; color: #4e4e4e;}
.close:hover { color: #4e4e4e; text-decoration: none;}
.caseList { float: left; width: 210px; color: #000;}
.caseList li { padding: 1px 2px 2px 1px; width: 195px; margin: 0 0 10px 0;}
.caseList li div { background: #fff; padding: 10px 10px 10px 9px; box-shadow:1px 1px 2px #999; border:1px solid #ddd; border-right:none; border-bottom:none; }
.caseList li div { /* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999');/* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')"; _width: 175px; width: 175px \9;}
.caseList li div * { filter: none; -ms-filter:none;}
.caseList img { width: 176px; }
.caseList .more { text-align: right; text-transform: uppercase; font-size: 10px; font-family:Verdana, Geneva, sans-serif;}
.caseList .imgNum { color: #f90;}
.caseList li:hover,
.caseList li.hover{ color: #fff; }
.caseList li:hover div,
.caseList li.hover div{ background:#5c2c48;}
#cWrap li:hover .more a,
#cWrap li.hover .more a{ color: #fff; text-decoration:none;}
#cWrap li:hover .more a:hover,
#cWrap li.hover .more a:hover{ color: #fff; text-decoration:none;}
#cWrap li:hover .more .imgNum,
#cWrap li.hover .more .imgNum{ color: #ccc;}
#cWrap .dPage { clear: both;}
/* pic */
.caseShow { position: relative; zoom: 1;}
.caseShow .leftBtn { position: absolute; left: 25px; top: 240px;}
 .caseShow .leftBtn a {background-image: url(../images/caseleftbtn.png) ; background-repeat:no-repeat; }
.caseShow .rightBtn { position: absolute; right: 25px; top: 240px; }
 .caseShow .rightBtn a {background-image: url(../images/caserightbtn.png) ; background-repeat:no-repeat; }
.caseShow .leftBtn a,
.caseShow .rightBtn a{ display: block; width: 40px; height: 70px; display: block; background-position: left top; }
.caseShow .leftBtn a:hover,
.caseShow .rightBtn a:hover{ background-position: left bottom; }
.caseDetail { width: 720px; overflow: hidden; margin: 0  auto;}
.casebtn { padding: 25px 15px 15px 15px; height: 20px; line-height: 20px; background: url(../images/casebbg.png) 0 0 repeat-x; color: #582a45;}
.casebtn .zoom { float: right;}
.casebtn .zoom a { margin: 3px;}
.casebtn .up { padding: 0px; border-bottom:none;}
.casebtn .upbtn { background: url(../images/up2.png) 0 0 no-repeat; padding: 0 0 0 20px; display: inline-block;}
.casebtn .downbtn { background: url(../images/down2.png) 0 0 no-repeat; padding: 0 0 0 20px; display: inline-block;}
.caseInfo { padding: 20px 0  40px 0;}
.caseInfo a { color: #f90; }
.caseInfo th { width: 70px; text-align: left; font-weight: normal; vertical-align: top; padding: 1px 0;}
.caseInfo td { padding: 1px 0;}
.caseSlt { position: relative; zoom: 1; padding: 20px 0 10px 0;}
.caseSlt .leftBtn { position: absolute; left: 34px; top: 0px;text-align: right; }
.caseSlt .rightBtn { position: absolute; right: 34px; top: 0px; text-align: left;}
.caseSlt .leftBtn a,
.caseSlt .rightBtn a { display: block; width: 61px; height: 102px; padding: 0 10px; line-height: 100px; color: #fff; background-image: url(../images/casebtnbg.png); background-position: 0 0 ; background-repeat:no-repeat; text-transform: uppercase;}
.caseSlt .leftBtn a{ background-position: 0 10px;}
.caseSlt .rightBtn a{ background-position: -90px 10px ;}
.caseSlt .leftBtn a:hover,
.caseSlt .rightBtn a:hover { text-decoration: none; color: #f90;}
.caseSlt .leftBtn a:hover{ background-position: 0 -73px;}
.caseSlt .rightBtn a:hover{ background-position: -90px -73px ;}
.caseSlt .caseimg { width: 720px; overflow: hidden; margin:0 auto;}

.caseSlt ul { width: 725px; overflow: hidden;}
.caseSlt li { float: left; margin: 0 4px 0 0;}
.caseSlt li a { display: block;  width: 140px; height: 104px;}
.caseSlt li a.cur img,
.caseSlt li a:hover img { border: 4px solid #5c2e48; }
.caseSlt li a img { width: 130px; border: 4px solid #fff;}
/* 装修设计中心首页 */
.col3_3{ color: #999;}
.col3_3 .imgShow { position: relative; zoom: 1;}
.col3_3 .imgShow .img { margin: 0 auto; width: 880px; padding:  0 0 50px; background: url(../images/imgShowbg.png) center bottom no-repeat; }
.col3_3 .imgShow .leftBtn{ position: absolute; left:20px; top: 160px;}
.col3_3 .imgShow .rightBtn{ position: absolute; right:20px; top: 160px;}
.col3_3 .txt { float: left; width: 630px;}
.col3_3 .txt img { padding:  0 0 0 40px;}
.col3_3 .numbers { float:left; margin: 0 0 0 40px; background:url(../images/shopsch.png) 0 0 repeat-x; border: 1px solid #ddd; padding: 10px;width: 225px; height: 80px; font-size: 16px; font-weight: bold; line-height: 2.5em; color: #666; }
.col3_3 .numbers th { text-align: left;}
.col3_3 .numbers td { vertical-align: middle; text-align: right; padding:  0 0 0 5px;}
.col3_3 .numTd { letter-spacing: 6px;}
.col3_3 .numbers span { background:url(../images/numbg2.png) right top  no-repeat; font-size: 26px ; line-height: 26px; padding: 0 0 10px 0px;  font-family: Arail, Geneva, sans-serif;  color: #fff;  }
.col3_3 .numbers span { *padding: 0 0 10px 6px; zoom:1;}
.col3_3 .numbers em { width: 15px;}
.col3_1{ float: left; width: 285px; margin: 30px 0 0 0; padding: 10px 15px; border-right:1px solid #ddd; border-left:1px solid #ddd; }
#column1 { width: 255px; padding: 10px 30px; border-right: none; border-left:none;}
#col3 { border-right: none; border-left:none;}
.col3_1 .column { margin: 0 0 30px 0 ; line-height: 1.5em; color: #999;}
.col3_1 a { color: #f90;}
.col3_1 strong { font-weight: normal; color: #000;}
.col_honor { background: url(../images/honorbg.png) 0 0 no-repeat; padding: 140px 0 0 65px; color: #999; }
.col3_1 .col_honor strong,
.col3_1 .col_rate strong { font-weight: bold; font-size: 14px; line-height: 2em;}
.rate { margin: 0  0 20px 0; color: #999;}
.rateDate { color: #000;}
.rateDate .writer { float: right;}
.colimg { width: 256px; margin: 0 auto; text-align: right;}
.col3_1 .shopsch { width: 245px; margin: 10px 10px 0px 25px; text-align: right;}
/* 设计团队 */
.teamSch { background:url(../images/teambg.png) 0 0 no-repeat; width: 960px; height:470px; padding: 130px 0 0 0;}
.formDiv { padding: 0 250px 0 250px;}
.formDiv .nofound { float: right; color: #f90; padding: 10px 0;}
.formDiv h1 { font-size: 22px; padding: 10px 0; }
.formDiv p.sltList { vertical-align: middle; margin: 10px 0;}
.formDiv img { vertical-align: middle;}
.formDiv select { vertical-align: bottom;  margin: 0 3px 0 0 ;}
.formDiv .prvSlt { width: 70px;}
.formDiv .ctSlt { width: 100px;}
.formDiv .shopSlt { width: 135px;}
#teamFt { border-left: none; border-right:none; width: 285px; padding: 0 20px;}
#teamFt li { margin: 30px 0 0;}
#teamFt h2 { font-size: 16px; color: #5c2c48; }
#teamFt a { color: #f90;}
#prize  { width: 325px; padding: 0 20px 50px 20px; }
.prize  { color: #000;}
.prize h2 { color: #5c2c48; font-size: 18px; line-height: 24px; margin: 0 0 30px 0; }
.prize .year { color: #5c2c48; font-size: 20px ; float:left;}
.prize .honorlist { display: block; margin: 0 0 18px 80px;}
#teamCol3 { width: 256px; overflow: hidden; text-align: right; padding: 0 0 0 9px; border-left: none; border-right: none;}
.h2 { width: 100%; height: 32px; background: #582a45; }
.h2wrap { width: 960px; margin: 0 auto; position: relative; zoom: 1; }
.h2 .logo { margin: 0 20px 0 0 ; padding: 0; vertical-align: middle;}
.h2 .logo img {vertical-align: middle; }
.h2 .lct { color: #999;}
.h2 .lct a { color: #999;}
.h2 .lct .cur { color: #fff;}
.h2 #reg { background-position: -46px 0px ;  margin: 0 10px 0 0; color: #f90; }
.h2 #log { background-position: -46px -28px ;  margin: 0 10px 0 0; color: #f90; }
.dcs { clear: both; padding: 0 0  30px 0;}
.dcs * { color: #999;}
.work { width: 100%; overflow: hidden;}
.designer { width: 880px; margin: 0 auto; padding: 20px 0;}
.designer .l { float: left; width: 270px;}
.designer .l .img { float: left; width: 170px; }
.designer .l .txt { }
.designer .l h1 { font-size: 24px;}
.designer .l .dintro { padding: 20px 0 0;}
.designer .r { float: left; width: 610px; position: relative; zoom: 1;}
.designer .r .dimg { width: 610px; overflow: hidden;}
.designer .r ul { padding: 10px  0; width: 1500px;}
.designer .r li { float: left;  }
.designer .r a { display: block; padding: 25px 0 0 0; }
.designer .r a img { width: 70px; height: 70px; margin: 0 10px;}
.designer .r .name { display: none;}
.designer .r a.hover,
.designer .r a:hover { padding: 0; text-decoration: none; }
.designer .r a.hover img,
.designer .r a:hover img { width: 90px; height: 90px; margin: 0 ; }
.designer .r a.hover .name,
.designer .r a:hover .name { display:block; color: #f90; }
.designer .r li img { display: block;}
.dBar { position: absolute; top: 145px; left: 0; width: 610px; clear: both; background: url(../images/dbarbg.png) 0 0 repeat-x;}
.work h2 { width:880px; margin: 0 auto; font-size: 20px; color: #582a45; padding: 10px 0;}
.workShow { width: 880px; overflow: visible; margin: 0 auto;}
.workShow { position: relative; zoom: 1;}
.workShow .img { margin: 0 auto; width: 880px; padding:  0;}
.workShow .leftBtn{ position: absolute; left:-20px; top: 200px; z-index:99;}
.workShow .rightBtn{ position: absolute; right:-20px; top: 200px; z-index:99;}
.workShow .img{ height: 460px;}
.workShow .img ul { width: 50000px;}
.workShow .img li { float: left; margin: 0 10px 0 0;}
.workShow .img img { width: 880px; height: 460px;}
.workShow .txt { position: absolute; left:0; top :0; width: 245px; padding: 60px 40px  0 40px; height:400px; background: #333; color: #fff;opacity:0.8; filter:alpha(opacity=80);}
.workShow .txt *　{ opacity: 1;}
.workShow .txt h3 { font-size: 24px; opacity: 1;}
.workShow .txt p { margin: 0 0 20px 0 ; opacity: 1;}
.bar { background: url(../images/barbg.png) 0 0 repeat-x; margin: 30px 0 0 0;}
.barWrap{ width: 960px; margin: 0 auto; position: relative}
.review { position: absolute; left: 100px ; top: -102px;}
.review  img { border: 1px solid #fff;}
#design { width: 880px;}
.mt{ padding:  20px 0 10px 0; background: url(../images/designbg.png) left bottom no-repeat; }
.mtWrap { padding: 0 20px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#design .column { float: left; width: 279px; padding: 0 20px}
#design h2 { font-size: 20px; color: #582a45; padding: 10px 0 20px 0; margin: 10px 0 0 0;}
#design .up { clear: both; padding: 30px 20px;}
.wlist li { float: left; width: 139px;}
#border {  border-right: 1px solid #ddd;}
#design .r { width:160px; padding: 0 10px}
#design .r img { margin:0 0  10px;}
.cc { padding:0 0 20px  0; line-height: 1.6em;}
#hire { display: block; float:left; margin: 5px 0 0 0; width: 71px; height: 20px; text-align:center;  border: 1px solid #ddd; border-radius: 5px ; *background:url(../images/hire.png) 0 0 no-repeat;*border: none;}
/* 施工管理 */
.mMenu { background:url(../images/menu1bg.png) 0 1px repeat-x; padding: 0 0 0 80px; font-size: 14px;}
.mMenu li { float: left; padding: 100px 0 0 0; height: 25px; overflow: hidden; width: 160px; background-image:url(../images/manageicon.png); background-repeat: no-repeat;}
#manage01 { background-position:  0 0 ;  }
#manage02 { background-position:  0 -101px ; }
#manage03 { background-position:  0 -202px ; }
#manage04 { background-position:  0 -303px ; }
.mMenu .hover { width: 448px;} 
.mMenu li a { background: #bbbbbb; color: #fff; display: block; height: 25px; line-height: 25px; padding: 0 0 0 40px;}
.mMenu .hover a { background: #5b2947 url(../images/mMenuA.png) 0 0 no-repeat;; height: 40px; line-height: 40px; margin: -10px 0 0 0;}
.mMenu2 { height:30px; overflow: hidden; background: #582a45; color: #fff; position: relative; zoom: 1; }
.mMenu2 ul { position: absolute; left: 260px;}
.mMenu2 li { float: left; }
.mMenu2 li  a { display: block; line-height: 30px; color: #fff; padding: 0 0 0 15px; margin: 0 15px; background: url(../images/mMenu2A.png) 0 3px no-repeat; }
.mMenu2 .hover a,
.mMenu2 li  a:hover { color: #f90;  background: url(../images/mMenu2A.png) 0 -22px no-repeat;  }
.bm { width: 1050px; margin: 0 auto;}
.bm .imgShow { position: relative; zoom: 1;}
.bm .imgShow .img {  }
.bm .imgShow .imgIntro { background: #582a45; color: #fff; padding: 10px 85px 0 85px; height: 90px; }
.bm .imgShow .imgIntro h2 { font-size: 30px; height: 30px; line-height: 30px;  float: left; width: 160px;  padding:20px 0 0 0;}
.bm .imgShow .imgIntro p.picNum { float: left; width: 50px; font-size: 60px; height: 60px; line-height: 60px; font-family:Arial, Helvetica, sans-serif;}
.bm .imgShow .imgIntro p.txt { margin-left: 200px; padding: 20px 0 0 0;}
.bm .imgShow .leftBtn{ position: absolute; left:0; top: 140px;}
.bm .imgShow .rightBtn{ position: absolute; right:0; top: 140px;}
.imgSlt { background: #3a132a; height: 80px; padding: 0 0 0 70px;}
.imgSlt li { float: left; padding: 10px 0 0 0 ; margin: 0 2px;}
.imgSlt img { border: 1px solid #fff; display: block; width:68px; height: 48px; vertical-align:middle; }
.imgSlt .hover { margin: 0 6px; padding: 13px 0 0 0;}
.imgSlt .hover img { border: 3px solid #fff; display: block; width: 56px; height: 38px; }
.lBtn a,
.rBtn a{ display: block; font-family:"Simsun",sans-serif; font-size: 40px; line-height:50px; color: #fff; margin: 0 20px; border: none;}
.lBtn a:hover,
.rBtn a:hover { color: #f90; text-decoration: none;}
.mDetail{ color: #000; padding: 40px 0;}
.mDetail h1 { color: #582a45;}
.mDetail p { margin: 20px 0; color: #000;}
/* 0628修改 */
#old {}
#old .h ,
#old .m,
#old .f{ width: 765px;}
.fix{ background: #f2f2f2; color: #999;}
.fix p { width: 765px; margin: 0 auto;}
.fix strong { color:#f90; font-weight:normal;}
#old .citylist { z-index: 99; line-height: 2em; left: 114px; padding: 15px 10px;}
#old .citylist a { margin: 0 6px ;}
#old #menu101 { width: 180px;}
#old #menu102,
#old #menu103,
#old #menu104 { width: 150px;}
#old .menu2 { background: url(../images/menu02_old.jpg) 0 0 no-repeat; position: relative;}
#old .menu2Item  { border-right: 1px solid #222; margin: 23px  0 0 0; padding: 0 10px;}
#old .menu2Item ul { width: 84px;}
#old #menu201 { width: 170px; overflow: hidden;}
#old #menu202,
#old #menu203,
#old #menu204{ width: 128px; overflow: hidden;}
#old .menu3 { position: absolute; width: 110px; height: 119px;  left: 270px; top: 33px; z-index: 99;}
#old .menu3 ul {padding: 10px 10px 10px 30px; background: url(../images/menu03_old.jpg) 0 0 no-repeat ; }
.index_l { float: left; width: 158px; margin: 0 10px 0 0;}
.list{ line-height: 22px; margin: 0 0 10px 0;}
.list h2 { color: #f90; font-weight: bold; font-size: 12px; background: #f2f2f2; padding: 0 0 0 12px; line-height: 22px;}
.list li { padding: 0 0 0 12px;}
.index_r { float: left; width:588px; padding: 0 0 0  8px; border-left: 1px dashed #999;}
.b_ad { margin: 0 0 10px 0;}
.s_ad:after { content: ""; display: block; clear: both; height: 0; visibility: hidden;  }
.s_ad { zoom: 1; margin: 0 0  10px 0;}
.s_ad_l { float: left; margin:  0 10px 0 0;}
.s_ad_r { float: left;}
#old #map02 { width: 150px; overflow: hidden;}
#old #map03 { width: 150px; overflow: hidden;}
#old #map04 { width: 70px; overflow: hidden;}
#old .links { padding: 3px 10px 0 10px;}
#old .icp { top:2px; right: 0;}
/* 629 update */
#stlSlt { height: 700px; position: relative; zoom:1;}
.stlTxt{ position: absolute; top: 185px; left: 240px; z-index: 99; }
.stWrap { background: url(../images/stlbg.png) 0 0 no-repeat; height: 378px; width: 486px; }
.stWrap{ _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/stlbg.png'); }
.stWrapHover { background: url(../images/stlbg2.png) 0 0 no-repeat; height: 378px; width: 486px; }
.stWrapHover{ _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/stlbg2.png'); }
.word {width: 180px; height: 200px; padding: 70px 0 0 50px; font-size: 18px; color: #fff; line-height: 1.5em; font-weight: bold}
.word .ttl { font-size: 24px; padding: 15px 0 5px 0;}
.stlTip { font-size: 22px; line-height: 1.5em; color: #fff; font-weight: bold; }
.stlList .txt { display: none;}
.stlList li { position: absolute;}
.stl01 { left: 0; top:100px;}
.stl02 { left: 280px; top:10px;}
.stl03 { left: 690px; top:100px;}
.stl04 { left: 88px; top:440px;}
.stl05 { left: 568px; top:463px;}
/* 婚房 */
.h3 { width: 100%; height: 32px; background: #eeeeee; }
.h3wrap { width: 960px; margin: 0 auto; position: relative; zoom: 1; }
.h3 .logo { margin: 0 20px 0 0 ; padding: 0; vertical-align: middle;}
.h3 .logo img {vertical-align: middle; }
.h3 .lct { color: #999;}
.h3 .lct a { color: #999;}
.h3 .lct .cur { color: #582a45;}
.h3 #reg {   margin: 0 10px 0 0; color: #f90; }
.h3 #log {  margin: 0 10px 0 0; color: #f90; }
#case { width: 1050px; margin: 0 auto; text-align:center; position: relative; zoom:1; padding: 0 0 200px 0;}
a#refresh { position: absolute; top: 16px; left: 99px; height: 80px; width:80px; background: url(../images/refresh.png) no-repeat; }
a#refresh {  _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/refresh.png'); }
#case .txt{ background: url(../images/casebg.png) 0 0 no-repeat; height: 280px; padding: 0 0 20px 0; width: 1050px; position: absolute; left: 0; top: 420px; z-index: 99; zoom:1;}
#case .txt { _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/casebg.png');}
#case .txtWrap { width: 960px; margin: 0 auto; text-align: left; padding: 109px 0 0 0;}
#case .txtDetail { width: 650px; height: 70px; overflow: hidden; margin: 0 auto; text-align: left; padding: 0 100px 0 0px; color: #fff;}
#case .more { text-align: right; margin: 60px 130px 0 0 ;}
#case .more a { padding:  0 0 0 12px; background: url(../images/m_links.png) 0 2px no-repeat; color: #f90;}
#caseDetail { width: 870px; margin: 0 auto; line-height: 1.5em; }
#caseDetail h1 { font-size: 36px; line-height: 2em; margin: 30px 0;}
#caseDetail h2 { font-size: 18px; line-height: 2em; margin: 10px 0;}
#caseDetail p { margin: 0 0 18px 0;}
#caseDetail .txt { float: left; width: 530px; padding:  0  30px 0 0;}
#caseDetail .img  { float: left; text-align: right; width: 300px;}
