﻿@charset "utf-8";
/*common*/
.buildingItem{position:relative;cursor:pointer;}
.buildingItem,.buildingItem img{float:left;overflow:hidden;}
.buildingItem .layer{background:rgba(0,0,0,.8);position:absolute;bottom:0;left:0;width:100%;height:60px;z-index:1}
.buildingItem .layer dl{padding:8px 15px;color:#fff;position:absolute;bottom:0;width:100%;}
.buildingItem .layer dt{float:left;}.buildingItem .layer dd{float:right;padding-top:24px}
.buildingItem a{display:block;position:absolute;text-align:center;}
.buildingItem a:hover{text-decoration:none;}
.buildingItem .link{left:-100%;top:20px;z-index:2;color:#aaa;padding:10px 5%;width:90%;}
.buildingItem .link span i{line-height:40px;font-size:16px;display:block;color:#fff}
.buildingItem .btnStyle_org{line-height:26px;height:28px;font-size:14px;background:#b35b46;width:100px;bottom:10px;right:-130px;z-index:5;}
.buildingItem .btnStyle_org:hover{background:#943e2a}
.buildingItem:hover .layer{height:249px}
.buildingItem:hover .layer dl{bottom:-60px;}
.buildingItem:hover .link{left:0}
.buildingItem:hover .btnStyle_org{right:10px}

/*筛选*/
.filter{border:1px solid #ddd;background:#fff;line-height:20px;padding:15px;}
.filter dl{clear:both;padding:3px 0 3px 72px;position:relative}
.filter dl dt{position:absolute;top:5px;left:0;font-weight:bold;color:#333;text-align:right;width:60px;}
.filter dl dd a{color:#333;float:left;padding:0 8px;white-space:nowrap;margin-right:5px;line-height:24px;border-radius:3px}
.filter dl dd a:hover,.filter dl dd a.curr{background:#555;text-decoration:none;color:#fff}

/*筛选*/
.cases_filter{line-height:30px;padding:0 15px;}
.cases_filter dl{background:url(../images/dl_bg.jpg) repeat-x bottom;height:32px;}
.cases_filter .nb{background:none;}
.cases_filter dl dt{width:50px;background:url(../images/icon.png) no-repeat 0 3px;padding-left:28px;height:24px;line-height:24px;text-align: center;}
.cases_filter dl dt.hx{background-position:0px -21px;}
.cases_filter dl dt.zj{background-position:0px -44px;}
.cases_filter dl dt.kj{background-position:0px -68px;}
.cases_filter dl dd{padding-top:2px;}
.cases_filter dl dd a{color:#333;float:left;padding:0 10px;white-space:nowrap;margin-right:5px;line-height:24px;}
.cases_filter dl dd a:hover,.cases_filter dl dd a.curr{background:#898989;text-decoration:none;color:#fff}
.cases_hot{height:40px;border:1px solid #dcdddd;background:#fff;padding-left:24px;line-height:30px;padding-top:10px;}
.cases_hot span{float:left;margin-right:24px;}
.cases_hot a{color:#333;float:left;padding:0 15px;line-height:30px;margin-right:5px;}
.cases_hot a:hover{background:#898989;text-decoration:none;color:#fff;border-radius:3px;}
.cases_title{height:32px;padding-left:2px;}
.cases_title .name {float:left;width:826px;}
.cases_title .name span{float:left;width:89px;height:30px;border:1px solid #c4c1c1;background:#fff;border-radius:4px;margin-right:8px;color:#000;cursor:pointer;text-align: center;line-height:30px;}
.cases_title .name span.cur,.cases_title .name span:hover{background:#669208;border:none;height:32px;width:91px;}
.cases_title .name span.cur a,.cases_title .name span:hover a{color:#fff;text-decoration:none;}
.cases_title p{float:left;line-height:32px;}
.cases_title p em{color:#e60012;}
.cases_title .pagebar{padding:0;float:right;height:28px;clear:none;padding-top:4px;}
/*单页*/
.onePage .sidebar{background:#e7e7e7;padding:20px 0 30px;}
.onePage .sidebar h3{font-size:15px;padding:0 0 10px 30px;border-bottom:1px solid #ccc;margin-bottom:10px;}
.onePage .sidebar li{padding-left:30px;line-height:30px;}
.onePage .sidebar li a:hover,.onePage .sidebar li a.curr{color:#e83c1b}
.onePage .mainbar{border:1px solid #ddd;background:#fff;min-height:450px;}
.onePageArea{padding:40px 60px;color:#666}
.onePageArea h1{font-size:24px;height:50px;font-weight:normal}
/*单页 end*/
/* 轮播 */
.slide-wrap,.slide-wrap .slide{width:100%;height:480px;position:relative;overflow:hidden;}
.slide-wrap .slide{position:absolute;top:0;left:0;text-align:center;display:none;}
.slide-wrap .slide a{display:block;height:480px;cursor:pointer;background:center 0 no-repeat;}
.slide-wrap .btnitem{display:block;width:100%;height:30px;position:absolute;z-index:9;left:0;bottom:10px;text-align:center;}
.slide-wrap .btnitem span{display:inline-block;color:#fff;text-align:center;width:20px;height:20px;margin:0 4px;background:#000;border-radius:100%;overflow:hidden;cursor:pointer;font:14px/20px arial}
.slide-wrap .btnitem span.curr{background:#c00;}
.slide-wrap .slide.curr{animation:myslide 0.6s ease 0;-webkit-animation:myslide 0.6s ease 0;}
@keyframes myslide{0%{top:-60%}80%{top:0}95%{top:-1%}100% {top:0}}
@-webkit-keyframes myslide{0%{top:-60%}80%{top:0}95%{top:-1%}100% {top:0}}
/*设计师*/
.designBanner .slide a{width:1160px;margin:0 auto;}
.designBanner .loca,.designBanner .designSearch{position:absolute;top:50px;left:50%;margin-left:-580px;}
.designBanner .loca{top:0}
.designSearch{background:#f1f1f1;height:390px;width:272px;padding:20px 0;float:left;}
.designSearch dl{padding:0 30px 10px;clear:both;border-bottom:1px solid #ddd;margin-bottom:10px;}
.designSearch dt{font-size:15px;font-weight:bold;height:30px;padding-left:6px;}
.designSearch dd{width:105px;display:block;float:left;overflow:hidden;font-size:12px;line-height:21px;}
.designSearch dd a{padding:0 6px;float:left}
.designSearch dd a:hover,.designSearch dd a.curr{text-decoration:none;background:#555555;color:#fff}
.designSearch dl.noBor{border:none}
.designSearchName{background:#95ac5d;color:#fff;padding:15px 20px 20px;}
.designSearchName p{padding-bottom:10px;line-height:20px;}
.designSearchName .inputCommon{width:150px;float:left;border:none;}
.designSearchName .btnStyle{padding:0 15px;}
.designList{width:1184px;padding-bottom:5px}
.designItem{width:270px;border:1px solid #ccc;margin-right:24px;float:left;height:396px;position:relative;background:#fff;margin-bottom:25px;}
.designItem i{position:absolute;bottom:15px;right:15px;background:url(../images/cs_ico.png) 0 -290px no-repeat;width:10px;height:8px;}
.designItem .hover_se{width:270px;height:270px;}
.designItem .photo{display:block;border-radius:100%;border:2px solid #fff;overflow:hidden;position:absolute;top:240px;left:105px;z-index:10;}
.designItem .photo,.designItem .photo img{width:60px;height:60px;box-shadow:0 1px 2px rgba(0,0,0,.3);}
.designItem .photo b{opacity:.5;filter:alpha(opacity=50);display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.designItem .photo:hover b{opacity:.1;filter:alpha(opacity=10);}
.designItem .photo b.bg1{background:#3f5880}
.designItem .photo b.bg2{background:#6b3d41}
.designItem .photo b.bg3{background:#9c5d3a}
.designItem .photo b.bg4{background:#3a7b60}
.designItem .photo b.bg5{background:#17252f}
.designItem .photo b.bg6{background:#9d4780}
.designItem .photo b.bg7{background:#9d8c47}
.designItem .photo b.bg8{background:#78479d}
.designItem h4{color:#333;text-align:center;padding-top:40px;clear:both;font-size:15px;}
.designItem h4 a{color:#333}
.designItem p{height:36px;overflow:hidden;padding:0 15px;font-size:12px;color:#999;line-height:18px;}
.designItem:hover i{animation:designItem_i 0.6s infinite linear;-webkit-animation:designItem_i 0.6s infinite linear;}
@keyframes designItem_i{0%{right:15px;}50%{right:10px;}100%{right:15px;}}
@-webkit-keyframes designItem_i{0%{right:15px;}50%{right:10px;}100%{right:15px;}}
.designInfo{height:190px;clear:both;background:#ddd url(../images/desginerbg.jpg) no-repeat;border-bottom:1px solid #ccc;padding:50px 60px 0;background-size:100% 185px;position:relative;}
.designInfo b{height:185px;position:absolute;top:0;left:0;width:1160px;opacity:.7;filter: alpha(opacity=70);background:#000}
.designInfo .photo{width:160px;height:160px;border:8px solid #fff;float:left;position:relative;z-index:10}
.designInfo .text{color:#fff;margin-left:210px;height:135px;position:relative;z-index:10}
.designInfo .text h2{font-weight:normal;height:30px;}
.designInfo .text em{color:#d2ff71;font-size:18px}
.designInfo .fl{max-width:650px;}
.designInfo .btnStyle_green{background:#adcf2b;color:#2b2b2b;border-radius:6px;padding:5px 30px;font-size:18px;margin-top:55px;}
.designInfo .btnStyle_green:hover{background:#c3e052}
.designNav{padding-left:60px;border-right:1px solid #ccc;height:55px;line-height:55px;float:left}
.designNav a{float:left;padding:0 20px;border-left:1px solid #ccc;}
.designNav a:hover,.designNav a.curr{background:#fafafa;text-decoration:none;color:#000}
.designer{width:960px;}
.designerItem{width:310px;height:300px;padding:0 10px 15px 0;float:left;}
.designerItem .hover_se{width:310px;height:210px;}
.designerItem p{padding:15px 15px 0;height:75px;overflow:hidden;border:1px solid #ddd;background:#efefef}
.designerWork{clear:both;background:#fff;border:1px solid #ddd;margin-bottom:20px;}
.designerWork .hover_se{width:450px;height:300px;}
.designerWork .fr{width:400px;padding:40px;position:relative;min-height:220px;}
.designerWork h3{height:40px;}
.designerWork p{color:#666;}
.designerWork .btnStyle{display:none;float:right;position:absolute;right:40px;bottom:16px;}
.designerWork .text{height:168px;overflow:hidden;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.designerIntro,.desginerWord{padding:40px 40px 20px;background:#fff;border:1px solid #ddd;}
.designerIntro p{padding-bottom:20px;}
.desginerWord h2{font-size:24px;font-weight:normal;height:40px;}
.desginerWordItem{padding:12px 0;clear:both;border-bottom:1px solid #ddd;}
.desginerWordItem .t{background:url(../images/cs_ico.png) 0 -300px no-repeat;padding-left:30px;color:#999;line-height:30px;;}
.desginerWordItem .t span{padding-left:30px;}
.desginerWordItem p{font-size:16px;padding-top:5px;}
.desginerWord .formdl{background:#fafafa;padding:30px 0 20px;}
.desginerWord .formdl dt{color:#6a9b2e;font-size:18px;}
.desginerWord .formdl dd{color:#999}
.dsleft{width:272px;float:left;}
.dsright{width:864px;float:right;}
.dsright .designList{width:888px;}
.desginQa{width:1185px;}
.desginQaItem{position:relative;float:left;width:370px;background:#ececec;height:600px;overflow:hidden;margin:0 25px 25px 0;}
.desginQaItem .hover_se{width:370px;height:280px;}
.desginQaItem p{padding-bottom:10px;line-height:20px;}
.desginQaItem i,.qaLast li i{background:url(../images/cs_ico.png) no-repeat;display:block;position:absolute;width:20px;height:20px;}
.desginQaItem .qainfo{padding:20px;clear:both;}
.desginQaItem .qainfo p span{width:130px;float:left;font-size:12px;}
.desginQaItem .qainfo i{left:-24px;top:3px;}
.desginQaItem .qainfo dt{position:relative;font-weight:bold;}
.desginQaItem .qainfo dd{font-size:12px;color:#666;position:relative;line-height:20px;}
.desginQaItem dl{clear:both;border-top:1px solid #ccc;padding:10px 0 10px 24px;}
.desginQaItem .qline i{background-position:0 -330px}
.desginQaItem .aline dt{height:30px;}
.desginQaItem .aline i{background-position:-20px -330px}
.desginQaItem .aline img{float:left;margin:3px 10px 0 -24px;width:60px;height:60px;}
.desginQaItem .support{position:absolute;right:20px;bottom:20px;background:#fff;color:#f40;font-size:13px;padding:2px 4px 2px 26px;border:1px solid #ccc;border-radius:5px;cursor:pointer;height:20px;overflow:hidden;line-height:20px;-webkit-user-select:none;user-select:none;}
.desginQaItem .support:hover{font-weight:normal;background:#fff9e6;}
.desginQaItem .support em{line-height:21px;}
.desginQaItem .support i{left:10px;background-position:0 -350px;width:16px;}
.desginQaForm{clear:both;}
.desginQaForm .t{font-size:20px;height:36px;}
.desginQaForm .fl{width:765px;}
.desginQaForm .fr{width:370px;}
.desginQaMsg{position:relative;}
.desginQaMsg img{width:64px;height:64px;float:left}
.desginQaMsg .qaHead{border:1px solid #ddd;float:left;padding:2px;}
.desginQaMsg .qaHeadList{position:absolute;left:74px;top:0;z-index:10;width:272px;border:1px solid #ddd;background:#fff;height:272px;display:none}
.desginQaMsg .qaHeadList img{border:2px solid #fff;cursor:pointer}
.desginQaMsg .qaHeadList img:hover{border-color:#f40}
.desginQaMsg textarea{float:right;width:1050px;margin-bottom:10px;background:#eee}
.desginQaMsg .btnStyle{width:160px;border-radius:6px;float:right;}
.qaLast{height:120px;border:1px solid #ddd;padding:11px}
.qaLast li{overflow:hidden;height:24px;position:relative;padding-left:24px;font-size:12px;}
.qaLast li i{background-position:0 -330px;top:3px;left:0}
.qaLast li a:hover{color:#000}
/*设计师 end*/
/*搜我家*/
.myhomeBanner{background:#eee url(../images/myhomebanner.png) center bottom no-repeat;height:240px;position:relative;}
.myhomeSearch{background:#fff;color:#000;border:1px solid #e4e4e4;height:125px;padding:25px 0 0 200px;position:relative;z-index:100}
.myhomeSearch .inputCommon{height:24px;padding:5px;width:450px;float:left}
.myhomeSearch .btnStyle{height:36px;width:120px;border:0;cursor:pointer;color:#fff;margin-left:10px;float:left}
.myhomeSearch .tabClick{height:35px;overflow:hidden;padding-left:80px;margin-bottom:-1px;z-index:101;position:relative}
.myhomeSearch .tabClick dt{line-height:34px;padding:0 10px;width:100px;}
.myhomeSearch .tabClick dt.curr{background:#f8f8f8;height:40px;border:1px solid #cdcdcd;border-radius:8px;padding:0 9px;font-weight:bold}
.myhomeSearch .box{background:#f8f8f8;height:36px;border:1px solid #cdcdcd;border-radius:8px;padding:12px;width:736px;position:relative}
.myhomeSearch .selectStyle{border:1px solid #ddd;margin-right:10px;width:100px;background:#fff url(../images/cs_ico.png) 80px -62px no-repeat;}
.myhomeSearch .selectStyle dt{height:34px;line-height:34px;}
.myhomeSearch .selectStyle dd{top:30px;width:115px;background:#fff}
.myhomeLP .hover_se{width:289px;height:218px;margin:0 1px 1px 0}
.myhomeLP .hover_se span{width:100%;text-align:center;bottom:0;left:0;background:rgba(0,0,0,.6);position:absolute;display:block;z-index:8;color:#fff;padding:12px 0;}
.myhomeLP .hover_se:hover span{background:rgba(0,0,0,.8);}
.myhomeLP ul{margin-bottom:1px;background:#111;padding:20px 0 20px 30px;clear:both }
.myhomeLP li{float:left;width:156px;}
.myhomeLP li a{color:#888}
.myhomeHX{width:1170px;}
.myhomeHX li{float:left;width:224px;padding-right:10px;text-align:center;height:230px;overflow:hidden}
.myhomeHX li .hover_se{width:222px;height:180px;background:#fff;border:1px solid #ddd;margin-bottom:10px;}
.myhomeHX dl dt,.myhomeHX dl dd{float:left;line-height:30px;font-size:12px;height:30px;overflow:hidden}
.myhomeHX dl dt{width:100px;font-size:14px}
.housetype .fl{width:420px;height:420px;background:#fff;border:1px solid #ddd;padding:14px;line-height:30px;font-size:16px;}
.housetype .fl img{width:420px;height:390px;}
.housetype .fadePlay,.housetype .fadePlay img,.housetype .fadePlay .item{width:690px;height:450px;}
.housetype .btnStyle{padding:0 45px;margin-left:10px;font-size:18px;line-height:45px;height:45px;}
.housetype .caseTj{background:url(../images/cs_btn.png) right 0 no-repeat;width:54px;height:90px;position:absolute;top:0;right:20px;z-index:100}
.myhomeInfo{height:300px;}
.myhomeInfo img{width:400px;height:300px;float:left}
.myhomeInfo .fr{width:530px}
.myhomeInfo h1{font-weight:normal;height:60px;line-height:36px;}
.myhomeInfo dl{padding-bottom:15px;}
.myhomeInfo dl i,.myhomeHXroll .preNext i{display:block;position:absolute;left:0;top:2px;width:20px;height:20px;background:url(../images/cs_ico.png) -20px -370px no-repeat;}
.myhomeInfo dl i.n2{background-position:0 -390px}
.myhomeInfo dl i.n3{background-position:-20px -390px}
.myhomeInfo dt,.myhomeInfo dd{float:left;width:430px;}
.myhomeInfo dt{width:95px;text-align:right;position:relative;padding-right:5px;}
.myhomeInfo dd em{font-size:30px;float:left;line-height:30px;position:relative;top:-6px;}
.myhomeHXroll{padding:0 24px 0 34px;width:892px;position:relative;overflow:hidden}
.myhomeHXroll .preNext{display:block;height:160px;width:22px;position:absolute;top:0;background:#fff;border:1px solid #ddd;cursor:pointer}
.myhomeHXroll .preNext i{margin-left:1px;top:70px;opacity:.4;filter:alpha(opacity=40);}
.myhomeHXroll .preNext:hover i{opacity:.8;filter:alpha(opacity=80);}
.myhomeHXroll .preNext i.no,.myhomeHXroll .preNext:hover i.no{opacity:.1;filter:alpha(opacity=10);}
.myhomeHXroll .prev{left:0}
.myhomeHXroll .prev i{background-position:0 -410px}
.myhomeHXroll .next{right:0}
.myhomeHXroll .next i{background-position:-20px -410px}
.myhomeHXroll li{float:left;width:213px;padding-right:10px;text-align:center;height:200px;overflow:hidden}
.myhomeHXroll li .hover_se{width:211px;height:160px;background:#fff;border:1px solid #ddd;margin-bottom:10px;}
.myhomeHXroll .list{width:892px;overflow:hidden;height:200px;position:relative;}
.myhomeHXroll .list ul{position:absolute;top:0;left:0}
/*搜我家 end*/
/*案例*/
.caseList{width:1190px;clear:both}
.caseItem{width:372px;margin:0 22px 22px 0;float:left;height:350px;position:relative}
.caseItem .hover_se{width:372px;height:247px;}
.caseItem p{padding:16px 15px 0;height:72px;overflow:hidden;border:1px solid #ddd;background:#fff;}
.caseItem i{position:absolute;bottom:15px;right:15px;background:#a9a9a9 url(../images/cs_ico.png) 0 -370px no-repeat;width:20px;height:20px;}

.casediv{width:369px;margin:0 22px 22px 0;float:left;height:336px;position:relative;border:1px solid #dcdddd;}
.casediv .hover_se{width:369px;height:245px;}
.casediv p{padding:0px 15px 0;height:42px;overflow:hidden;border-bottom:1px solid #ddd;background:#fff;line-height:42px;}
.casediv p span{color:#669208;}
.casediv p.detail{height:36px;line-height:17px;background:#f7f7f7;padding:6px;border-bottom:none;color:#6f6d6c;font-size:11px;position: relative;}
.casediv p.detail img{margin-right:4px;}
.casediv p.detail .photo{width:35px;height:35px;border-radius:100%;border:1px solid #fff;padding:1px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.3);}
.casediv p.detail span i{color:#d80c18; font-style:normal;}
.casediv p.detail span.m50{color:#4c4948;font-size:12px;line-height:42px;}
.casediv p.detail span.m8{height:18px;width:30px;padding-left:18px;background:url(../images/icon.png) no-repeat 0px -117px;position: absolute;top:18px;left:120px;color:#868483;}
.casediv p.detail span.m12{height:18px;padding-left:15px;background:url(../images/icon.png) no-repeat 0px -137px;position: absolute;top:18px;right:127px;color:#868483;}
.casediv p.detail span.m17{height:28px;line-height:28px;width:104px;text-align: center;background:url(../images/icon.png) no-repeat 0px -159px;color:#fff;cursor:pointer;position: absolute;top:12px;right:12px;}
.casediv p.detail span.m17:hover{background:url(../images/icon.png) no-repeat 0px -188px;}

.caseItem:hover i{animation:designItem_i 0.6s infinite linear;-webkit-animation:designItem_i 0.6s infinite linear;}
.case4 .caseItem{width:272px;margin:0 24px 20px 0;height:290px;}
.case4 .caseItem .hover_se{width:272px;height:200px;}
.caseview .fl,.caseview .fr{width:812px;overflow:hidden;background:#fff}
.caseview .fadePlay,.caseview .fadePlay img,.caseview .fadePlay .item{width:812px;height:540px;}
.caseview .idea{background:#eee;height:110px;padding:30px;line-height:20px;color:#666}
.caseview .idea h3{height:30px;color:#333}
.caseview .fr{width:330px;}
.casedesginer{padding:27px 20px 20px;border-bottom:1px solid #ddd;border-top:3px solid #9dba08;}
.casedesginer p{font-size:13px;padding-top:20px;clear:both}
.casedesginer p strong{margin-right:6px;}
.casedesginer dt,.casedesginer dt img{width:108px;height:108px;float:left}
.casedesginer dt{border:1px solid #ddd;}
.casedesginer dd{float:right;width:168px;line-height:20px;}
.casedesginer dd span{display:block;padding-top:5px;line-height:32px;}
.casedesginer dd .btnStyle{float:left;padding:0 20px;font-size:14px;line-height:32px;height:32px;background:#9cba07}
.casedesginer dd .btnStyle:hover{background:#809a00}
.caseview .sideOrder{border:none;border-bottom:1px solid #ddd;overflow:hidden}
.caseview .sideOrder p{text-align:left;padding-left:12px;font-size:16px;height:22px}
.caseview .sideOrder .formdl .item{padding-bottom:2px;}

/*案例详情页*/
.case_view .fr{padding-bottom:20px;}
.case_view .casePlay{width:812px;height:690px;position:relative;background:#eeeeee;}
.case_view .casePlay .btn{position:absolute;width:25px;height:25px;top:591px;cursor:pointer;z-index:99;}
.case_view .casePlay .prev{left:140px;background:url(../images/prevbtn.png) no-repeat;}
.case_view .casePlay #prevTop,.casePlay #nextTop{top:213px;width:60px;height: 60px;}
.case_view .casePlay #prevTop{background: url(../images/cs_btn.png) 0 0 no-repeat;left:0;opacity:0.4;filter: alpha(opacity=40);}
.case_view .casePlay #nextTop{background: url(../images/cs_btn.png) 0 -60px no-repeat;right:0;opacity:0.4;filter: alpha(opacity=40);}
.case_view .casePlay #prevTop:hover{opacity:0.8;filter: alpha(opacity=80);}
.case_view .casePlay #nextTop:hover{opacity:0.8;filter: alpha(opacity=80);}
.case_view .casePlay .next{right:140px;background:url(../images/nextbtn.png) no-repeat;}
.case_view .casePlay li{float:left;}
.case_view .casePlay .cf li{position: relative;color: #fff;}
.case_view .casePlay .cf a{display: block; width:812px;height:540px; position: absolute;color: #fff;}
.case_view .casePlay .cf li span{display: block;width: 640px; position: absolute; left: 0; bottom: 0;padding: 10px 20px;line-height: 22px;text-align:left;background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000") 6}
.case_view .casePlay .picBox{height:540px;position:relative;overflow:hidden;margin-bottom:16px;}
.case_view .casePlay .picBox ul{height:540px;position:absolute;}
.case_view .casePlay .picBox li{width:812px;height:540px;}
.case_view .casePlay .listBox_bg{height:84px;width:492px;background:#cbcbcb;margin:0 auto;padding:6px;padding-left:12px;}
.case_view .casePlay .listBox{width:488px;height:84px;margin:0 auto;position:relative;overflow:hidden;background:#cbcbcb;}
.case_view .casePlay .listBox ul{height:84px;position:absolute;}
.case_view .casePlay .listBox li{width:122px;height:84px;cursor:pointer;position:relative;}
.case_view .casePlay .listBox li i{position: absolute;width:19px;height:10px;background:url(../images/pointer.png) no-repeat;top:-4px;left:45px;z-index:10000;display: none;}
.case_view .casePlay .listBox li a{display: block;width:115px;height:84px;}
.case_view .casePlay .listBox li img{width:115px;height: 84px;}
.case_view .casePlay .listBox .on img{width: 111px;height:80px;border:2px solid #585c5f;}
.case_view .casePlay .listBox .on i{display:block;}
.case_view .casePlay .prev_case{position: absolute;width:115px;top:562px;left:14px;}
.case_view .casePlay .al a{display: block;width:115px;height:84px;}
.case_view .casePlay .al a img{width:115px;height:84px;}
.case_view .casePlay .al p{text-align: center;font-size:12px;}
.case_view .casePlay .next_case{position: absolute;width:115px;top:562px;right:14px;}
.case_view .detail h3{height:28px;background:#666464;color:#fff;padding-left:20px;font:15px/28px '微软雅黑';margin-bottom:16px;}
.case_view .detail .left{width:214px;border-right:1px dashed #b6b7b7;padding-left:8px;line-height:28px;float:left;}
.case_view .detail .right{width:546px;padding:0 10px 0 32px;line-height:28px;float:right;}
.case_view .case_desginer{}
.case_view .case_desginer dt{border:0;}
.case_view .case_desginer dt img{border:1px solid #dddddd;margin-bottom:10px;}
.case_view .case_desginer dt p{width:100px;height:32px;margin:0 auto;padding:0;}
.case_view .case_desginer dt p a{display: block;width:100px;height:32px;font:12px/32px '微软雅黑';}
.case_view .case_desginer dt span{font:12px/32px '微软雅黑';}
.case_view .case_desginer dt span em{color:#e60012;}
.case_view .case_desginer dd {line-height:24px;}
.case_view .case_silderOrder p.f15{width:246px;line-height:28px;margin:0 auto;height:32px;}
.case_view .case_silderOrder .lineScroll .scrollBox{padding:10px 10px 20px 30px;}

/*案例 end*/
/*参观工地*/
.buildingList{width:960px;clear:both}
.buildingList .buildingItem{margin:0 10px 15px 0;}
.buildingList .buildingItem,.buildingList .buildingItem img{width:310px;height:232px;}
.buildingList .buildingItem .layer dl{width:280px;}
.buildingList .buildingItem:hover .layer{height:260px}
.buildingTab{background:#e7e7e7 url(../images/bg.png) no-repeat;padding:154px 30px 30px;height:420px;overflow:hidden}
.buildingTab .tabOver{border-top:1px solid #000;font-size:16px;font-weight:bold;padding-top:10px;height:50px}
.buildingTab .tabOver dt{line-height:40px;width:100px;margin:0 22px;}
.buildingTab .tabOver dt.curr{background:#000;color:#fff}
.buildingTab .tabCon{background:#fff url(../images/1.jpg) center 0 no-repeat;height:360px}
#buildingTab2{background-image:url(../images/2.jpg)}
#buildingTab3{background-image:url(../images/3.jpg)}
#buildingTab4{background-image:url(../images/4.jpg)}
#buildingTab5{background-image:url(../images/5.png)}
#buildingTab6{background-image:url(../images/6.jpg)}
.sideBuild h4{line-height:40px;height:40px;font-size:16px;}
.sideBuild h4.t:after{display:block;position:absolute;top:40px;left:24px;width:14px;height:8px;background:url(../images/cs_ico.png) -20px -290px no-repeat;content:''}
.sideBuild .tag{padding:20px}
.sideBuild .tag a{float:left;margin-bottom:5px;background:#f3f3f3;padding:3px 20px;border:1px solid #ddd}
.sideBuild .tag a:hover{background:#000;color:#fff;text-decoration:none}
.sideBuild .piclist{padding-top:20px;}
.sideBuild .piclist a,.sideBuild .piclist a img{width:160px;height:120px;margin:0 auto 15px;display:block;overflow:hidden}
/*参观工地 end*/
/*家居购 end*/
.shopMenu{background:#f0f0f0;padding:30px;}
.shopMenu h3{margin-bottom:10px;border-bottom:1px solid #ccc;height:30px;}
.shopMenu li{clear:both;height:26px;}
.shopMenu a{display:block;float:left;padding:0 10px;}
.shopMenu a:hover,.shopMenu a.curr{background:#5e5e5e;color:#fff;text-decoration:none}
.shopList{width:980px;}
.shopList .item{width:306px;height:320px;margin:0 16px 24px 0;float:left;border-bottom:1px solid #ccc}
.shopList .item .hover_se{width:306px;height:204px;}
.shopList .item p{padding:15px 0 10px;height:48px;overflow:hidden;clear:both;color:#666}
.shopList .item p strong{font-size:16px;color:#000}
.shopList .item .btnbar a{float:left;background:#fcfcfc;width:100px;height:25px;overflow:hidden;text-align:center;border:1px solid #ccc;border-radius:3px;margin-right:10px;font-size:14px;line-height:24px;padding:0;}
.shopList .item:hover .btnbar a{background:#333;border-color:#333;color:#fff;text-decoration:none}
.shopList .item .btnbar a:hover,.shopList .item:hover .btnbar a:hover{background:#5e5e5e;}
.shopSort{float:left;background:#f2f2f2;border:1px solid #ccc;border-right:none;height:36px;line-height:36px;border-radius:5px;overflow:hidden;}
.shopSort a{float:left;width:80px;text-align:center;cursor:pointer;border-right:1px solid #ccc;}
.shopSort a:hover,.shopSort a.curr{background:#e1e1e1;text-decoration:none;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}




/*新家居购*/
.sidev{height:200px;background:#000;position:relative}
.sidev span.play{background:url(../images/v_play.png) center center no-repeat;position:absolute;width:100%;height:100%;display:block;cursor:pointer}
.sidenav dl{clear:both}
.sidenav dl dt{border-bottom:1px solid #e4e4e4;font-size:14px;clear:both;line-height:40px;height:40px;overflow:hidden}
.sidenav dl dt a{background:url(../images/cs_ico.png) right -515px no-repeat;display:block;padding:0 15px;padding-left:25px;}
.sidenav dl dt a:hover,.sidenav dl dt a.curr{color:#000;text-decoration:none;background-color:#f3f3f3}
.sidenav_op em{width:40px;height:42px;float:right;background:url(../images/cs_ico.png) 0 -764px no-repeat}
.sidenav_op h2,.sidenav_op h4,.sidetag a{line-height:42px;height:42px;font-size:14px}
.sidenav_op h2{background:#575757;color:#fff;padding-left:15px}
.sidenav_op h4.sec{margin-top:6px}
.sidenav_op h4 a,.sidetag a{background-color:#ccc;color:#333;display:block;padding-left:15px}
.sidenav_op h4 a:hover,.sidetag a:hover{text-decoration:none;background-color:#b6b6b6}
.sidenav_op h4.sec a:hover,.sidenav_op h4.sec a.curr{text-decoration:none;background:#b6b6b6 url(../images/cs_ico.png) right -764px no-repeat;color:#000}
.sidenav_op dl{clear:both}
.sidenav_op dl dt{font-size:14px;clear:both;padding-top:6px}
.sidenav_op dl dt h4 a{background:#ccc url(../images/cs_ico.png) right -848px no-repeat}
.sidenav_op dl dt h4 a.curr{background-position:right -806px;background-color:#b6b6b6}
.sidenav_op dl dt p{clear:both;padding:12px;display:none;background:#fff;border:1px solid #e0e0e0;border-top:0}
.sidenav_op dl dt p span{width:102px;display:block;float:left;font-size:12px}
.sidenav_op dl dt.curr p{display:block}
.sidenav_op dl dt.curr p a{padding:2px 3px}
.sidenav_op dl dt.curr p a:hover,.sidenav_op dl dt.curr p a.on{background:#6a9b2e;text-decoration:none;color:#fff;border-radius:3px}
.sidetag{width:240px;padding-top:6px}
.sidetag a{float:left;margin:0 6px 6px 0;font-weight:bold;width:98px}
.sideshow a.img,.sideshow a.img img{width:200px;height:150px;display:block;margin:0 auto}
.sideshow a.img:hover{text-decoration:none;color:#c33}
.sideshow p{padding:5px 15px 15px;color:#666;line-height:20px}
.sideshow p a{color:#333}
.sideshow p em{color:#6a9b2e;font-weight:bold}
#siderand{padding:10px 15px 15px;clear:both}
#siderand p{border-bottom:1px dashed #999;cursor:pointer;display:block;line-height:30px;height:30px}
#siderand p span{display:none}
#siderand p a.cs_ico{background:url(../images/number.png) no-repeat;padding-left:20px;float:left}
#siderand p a.cs_ico01{background-position:0 0}
#siderand p a.cs_ico02{background-position:0 -30px}
#siderand p a.cs_ico03{background-position:0 -60px}
#siderand p a.cs_ico04{background-position:0 -90px}
#siderand p a.cs_ico05{background-position:0 -120px}
#siderand p em{color:#6a9b2e;width:50px;text-align:right;font-weight:bold}
#siderand p .img{clear:both;display:none}
#siderand p .img img{width:200px;height:150px;margin:0 auto}
#siderand p .img:hover{text-decoration:none;color:#6a9b2e}
#siderand p.curr{height:210px}
#siderand p.curr .img{display:block}
#siderand p.curr a.cs_ico{color:#6a9b2e}
#siderand p.curr span{display:block;clear:both}
.guanjianci_box {padding: 16px 0 0 8px;}
.guanjianci_box a:link, .b1_liuxing_box a:visited {background: #f5f5f5;border: 1px solid #e8e8e8;color: #666666;display: inline-block;height: 26px;line-height: 26px;margin: 0 8px 10px 0;padding: 0 12px;text-decoration: none;white-space:nowrap;}
.guanjianci_box a:hover {border: 1px solid #da1f2e;color: #da1f2e;}
.anli_title{height: 42px;line-height: 42px; font-size: 20px; color: #000000; border-bottom: #000000 solid 5px;}
.anli_title span{color: #bcbcbc;}

.prolist{clear:both}
.prolist dl{float:left;width:400px;height:420px;display:block;padding:25px}
.prolist dl.curr,.prolist dl:hover{background:#fff;}
.prolist dt,.prolist dt img{width:400px;height:340px}
.prolist dd{line-height:24px;color:#888;font-size:14px;padding-top:12px}
.prolist dd strong a{color:#333}
.prolist dd p{clear:both}
.prolist dd p del{padding-right:30px}
.prolist dd p em{color:#000;font-size:18px}
.prolist dd p span{font-size:12px}
.prolist dd p.btn{padding-top:10px}
.prolist dd p.btn a{background:#fcfcfc;width:100px;height:25px;display:block;float:left;overflow:hidden;text-align:center;border:1px solid #ccc;border-radius:3px;margin-right:10px;font-size:14px;line-height:24px;padding:0}
.prolist dd p.btn a:hover{text-decoration:none}
.prolist dd p.btn a.b3{display:none}
.prolist dl.curr dd p.btn a{border-color:#fff;background:#333;color:#fff;display:block}
.prolist dl.curr dd p.btn a.b3{background:#6a9b2e}
.hucheng .mainbar{width:840px;}
#styleplay{height:705px;width:820px;position:relative;border:10px solid #2b2e2d}
#styleplay .list,#styleplay ul,#styleplay li,#styleplay img{width:820px;height:705px;overflow:hidden;position:relative}
#styleplay ul{position:absolute}
#styleplay li{float:left}
#styleplay .preNext{background:#fff;width:50px;height:65px;position:absolute;top:50%;left:0;z-index:100;cursor:pointer;margin-top:-35px;padding-top:5px;z-index:21}
#styleplay .preNext i{background:url(../images/cs_btn.png) -20px 0 no-repeat;width:21px;height:60px;margin:0 14px;float:right}
#styleplay .next{left:auto;right:0}
#styleplay .next i{float:left;background-position:-20px -60px}
.styleinfo{background:#e1dfdf;padding:30px;color:#333;font-size:12px;line-height:24px}
.styleinfo h4{font:60px/60px Tahoma,Arial;height:60px;overflow:hidden;color:#000}
.styleinfo strong{display:block;font-size:16px;color:#000;padding:10px 0}



/*家居购 end*/

/*产品详情*/
.shopImg{width:720px;float:left}
.shopImg .bigimg,.shopImg .bigimg img{width:720px;height:480px;position:relative;overflow:hidden;cursor:pointer}
.shopImg .bigimg span{width:200px;font-size:14px;background:rgba(0,0,0,.5);color:#fff;position:absolute;bottom:-36px;left:260px;height:36px;line-height:34px;z-index:5;text-align:center;}
.shopImg .bigimg:hover span{bottom:0}
.shopImg .thum .preNext{display:block;height:70px;width:24px;position:absolute;top:0;background:#e8e8e8;cursor:pointer;z-index:5}
.shopImg .thum .preNext i{display:block;position:absolute;left:2px;top:25px;width:20px;height:20px;background:url(../images/cs_ico.png) -20px -370px no-repeat;margin-left:1px;opacity:.4;filter:alpha(opacity=40);}
.shopImg .thum .preNext:hover i{opacity:.8;filter:alpha(opacity=80);}
.shopImg .thum .preNext i.no,.shopImg .thum .preNext:hover i.no{opacity:.1;filter:alpha(opacity=10);}
.shopImg .thum .prev{left:0;border-right:6px solid #fafafa;}
.shopImg .thum .prev i{background-position:0 -410px}
.shopImg .thum .next{right:0;border-left:6px solid #fafafa;}
.shopImg .thum .next i{background-position:-20px -410px}
.shopImg .thum{padding:0 27px;position:relative;height:70px}
.shopImg .thum .list{width:666px;overflow:hidden;position:relative;height:70px}
.shopImg .thum .list ul{position:absolute;height:70px}
.shopImg .thum .list li{float:left;width:111px;height:70px;text-align:center;opacity:.6;filter:alpha(opacity=60);cursor:pointer}
.shopImg .thum .list li img{padding:2px;width:99px;height:66px}
.shopImg .thum .list li.curr{opacity:1;filter:alpha(opacity=100);}
.shopImg .thum .list li.curr img{border:1px solid #333;padding:1px;}
.shopInfo .fr{float:right;width:410px;font-size:12px;color:#000;}
.shopInfo .fr h1{font-size:20px;border-bottom:1px dashed #ddd;padding-bottom:5px;font-weight:normal;color:#000}
.shopInfo .fr span{color:#999}
.shopInfo .fr .intro,.shopInfo .fr .tag{color:#000;padding-top:20px;}
.shopInfo .fr .price{padding:20px 0}
.shopInfo .fr .price em{font:900 28px/28px Helvetica,sans-serif;vertical-align:text-bottom;color:#000}
.shopInfo .fr .price p{font-weight:normal}
.shopInfo .fr p.fb{position:relative;clear:both;line-height:24px;padding-bottom:6px}
.shopInfo .fr .caizhi{height:120px;overflow:hidden}
.shopInfo .fr .caizhi li{width:64px;height:92px;float:left;text-align:center;padding-right:10px;}
.shopInfo .fr .btnStyle{float:left;width:220px;border-radius:5px;border:1px solid #52810a;line-height:48px;height:48px;font-size:20px;background:-moz-linear-gradient(top, #8bb542, #54830c 50%);background:-webkit-gradient(linear, 0 0, 0 50%, from(#8bb542), to(#54830c));}
.shopMainbar{width:900px;float:left}
.shopSidebar{width:240px;float:right}
.pronav{height:42px;background:#dfdfdf;border-top:2px solid #333;width:900px;z-index:30;position:relative;line-height:42px;font-weight:bold}
.pronav dt{position:relative;float:left;padding:0 20px;cursor:pointer;font-size:14px;border-right:1px solid #afafaf}
.pronav dt.curr{background:#a8cb8a;color:#000}
.top_pronav{position:fixed;top:0;}
.pnfixed{height:45px;display:none}
#proarea{background:#fff;padding:20px 30px;text-align:center;font-size:14px}
#proarea .t{border-bottom:1px solid #afafaf;color:#000;font-weight:bold;height:33px;margin-bottom:15px;}
#proarea .t strong{border-bottom:3px solid #6a9b2e;float:left;line-height:30px;font-size:16px;padding:0 5px}
#proarea .tabCon{font-size:14px;width:840px;overflow:hidden;padding-bottom:20px;}
#proarea .tabCon img{max-width:840px;}
.sideHot{width:210px;padding-top:15px;margin:0 auto;}
.sideHot .hover_se{width:210px;height:140px;}
.sideHot p{text-align:left;color:#666;font-size:12px;padding-bottom:15px;}
.sideHot p em{font-size:14px;}