@charset "utf-8";

.pt01 {position: relative;overflow: hidden;}
/* 大图幻灯 */
.picscroll {position: relative;width: 710px; height: 350px;margin-top: 25px;float: left; z-index: 9;overflow: hidden;}
.picscroll .slide {position: relative;width: 100%;height: 100%;z-index: 1;}
.slide .slideshow-item {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 11;}
.slide .slideshow-item a, .slide .slideshow-item a img {width: 710px;height: 350px; display: block;}
.slide .slideshow-item .slideinfo {position: absolute;bottom:0;left:0;width: 100%;z-index: 2;}
.slide .slideshow-item .slideinfo h3 {padding:0 230px 0 15px;height: 50px;line-height: 50px;font-size: 16px;color: #fff;}
.slide .slideshow-item .slideinfo a {width: auto; height: 50px; color: #fff;}
.slide .slideshow-item .slideinfo .bg {position: absolute; width: 100%; height: 55px; left: 0; top: 0; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: -1;}
#pagerlist ,.smallpic {position: absolute;bottom:18px;right:0;}
.smallpic {z-index: 2;}
#pagerlist {height: 10px;z-index: 10;*zoom:1;}
#pagerlist a {width: 8px;height: 8px;font-size: 0;color: transparent;background:#fff; border: 1px solid #fff;}
.smallpic ul li ,#pagerlist a {float: left;margin:0 10px 0 0;}
.smallpic ul li img {display: block;width: 60px;height: 35px;border:1px solid #fff;}
#pagerlist a.activeSlide ,.smallpic ul li.curr img {border: 1px solid #fa8507; background: #fa8507;}


/* 装修流程 */
.process {position: relative;width: 270px;float: right;margin-top: 25px;z-index: 10;}
.w1200 .process {width: 470px;}
.process h3 {margin-bottom: 4px;font-size: 24px;color: #000;}
.process dl {position: relative;width: 470px;margin-top: -1px;border-top:1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;font-size: 14px;color: #333;background:#fff;transition:margin-left .5s;z-index:2;overflow: hidden;}
.process .pr1 {margin-top: 0;}
.process .k2 {border-right: 1px solid #e6e6e6;overflow: hidden;}
.w1200 .process .k2 {border-right: none;}
.process .k2.hover {overflow: inherit;}
.process .k2.hover dl {margin-left:-198px;}
.process dt {position: relative;float: left;border-left: 2px solid;}
.process dt span {position: absolute;right:10px;bottom: 8px;display: block;width: 16px;line-height: 1;}
.process dl.pr1 dt {border-color: #00ba88;}
.process dl.pr2 dt {border-color: #fa8507;}
.process dl.pr3 dt {border-color: #00ba88;}
.process dt {width: 78px;height: 102px;}
.w1200 .process dt {width: 80px;}
.process dd {position: relative;float: left;height: 101px;border-right:1px solid #e6e6e6;}
.w1200 .process dd {display: block;}
.process dd span {position: absolute;bottom:10px;left:0;width: 100%;text-align: center;z-index: 2;}
.process dd {width: 96px;}

.process dt .icon {width: 100%;height: 100%;background-color: #f4f4f4;}
.process dd .icon {width: 100%;height: 100%;}
.process .pr1 dt .icon {background-position: -9px 4px}
.process .pr2 dt .icon {background-position: -9px -98px}
.process .pr3 dt .icon {background-position: -9px -198px}

.icon-1 {background-position: -89px -10px;}
.icon-2 {background-position: -186px -10px;}
.icon-3 {background-position: -282px -10px;}
.icon-4 {background-position: -365px -10px;}

.icon-5 {background-position: -89px -110px;}
.icon-6 {background-position: -186px -110px;}
.icon-7 {background-position: -282px -110px;}
.icon-8 {background-position: -365px -110px;}

.icon-9 {background-position: -89px -215px;}
.icon-10 {background-position: -186px -215px;}
.icon-11 {background-position: -282px -215px;}
.icon-12 {background-position: -365px -215px;}

.process .icon {display: inline-block;background-image:url(../images/strategy/process.png);}


#zxgl .bd {padding-bottom: 15px;}
.title h2 {font-size: 28px;color: #000;padding: 20px 0 5px; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px;}
.le {width: 300px;float: left;margin-right: 40px;}
.rt {float: right;width: 320px;}
.w1200 .rt {width: 370px;}
.rt h3 {font-size: 18px;color: #333;}
.mid {width: 300px;float: left;}
.w1200 .mid {width: 450px;}
.list {margin-bottom: 28px;}
#zxgl .mid .list:last-child {margin-bottom: 0;}
.list .title {position: relative;}
.list .title h3 {font-size: 18px;color: #444;}
.list .title a.more {margin-top: 4px; padding: 4px; float: right; display: inline-block; width: 13px; height: 13px; background-position: -1px -230px;}
.list .title a.more:hover {background-position: -1px -250px;}
.list li {height: 30px;line-height: 30px;}
.list li a {font-size: 14px;color: #666;display: inline-block;width: 270px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.list li a:hover {color: #cd0000;}
.w1200 .list li a {width: 428px;}
.list li em {position: relative;top:2px;font-family: "宋体";font-size: 18px;color: #A9A9A9;}

.list .title a.more {
    background-image: url(../images/caselistd/icons.png);
    background-repeat: no-repeat;
}

/*****装修攻略*****/
/*左侧*/
.picnew .pic img {display: block;width: 300px;height: 175px;}
.picnew .txt .bt {font-size: 18px;color: #333;}
.picnew .txt .bt:hover {color: #cd0000;}
.picnew .txt .des {font-size: 14px;color: #666;}
.picnew .txt .d {color: #ff730c;}

#zxgl .picnew {margin-bottom: 22px;}
.picnew .bg {height: 22px;margin:10px 0 5px;background:url(../images/strategy/yh.png) left center no-repeat;}
.picnew .txt .d:hover {color: #DC6208;text-decoration: underline;}

.zq .title {font-size: 16px;color: #333;text-align: center;background:url(../images/strategy/line.png) center center no-repeat;}
.zq .title span {padding:0 5px;background:#fff;}
.zq .k a {display: inline-block;margin:12px 14px 0;padding:2px 6px;font-size: 14px;color: #666;background:#eee;}
.zq .k a:hover {background:#00ba88;color: #fff;}


/* 右侧 */
.tjcom {width: 404px;overflow: hidden;}
.tjcom li {float: left;margin-right: 10px;margin-top: 16px;}
.w1200 .tjcom li {margin-right: 34px;}
.tjcom li img {display: block;width: 98px;height: 98px;border:1px solid #e6e6e6;}
.tjcom li img:hover {border-color: #f00;}

/*****装修知识*****/
#zxzs .pic {margin-bottom: 15px;}
#zxzs .pic a {position: relative;display: block;}
#zxzs .pic .info {position: absolute;bottom:0;left:0;width: 100%;z-index: 2;}
#zxzs .picnew .pic img {height: 185px;}
#zxzs .pic .info p {padding:0 10px;height: 37px;line-height: 37px;font-size: 14px;color: #fff;overflow: hidden;}
#zxzs .pic .info .bg1 {position: absolute;left:0;top:0;width: 100%;height: 37px;background:url(../images/strategy/bg1.png) left center no-repeat;z-index: -1;}
#zxzs .list1 {margin-bottom: 30px;}


/*最热阅读*/
.pctlist li {height: 105px;margin-top: 14px;overflow: hidden;}
.pctlist li .pic {float: left;margin-right: 15px;}
.pctlist li .pic , .pctlist li .pic img {display: block;width: 105px;}
.pctlist li .txt {float: left;width: 200px;}
.w1200 .pctlist li .txt {width: 250px;}
.pctlist li .bt {display: block;font-size: 16px;color: #333;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.pctlist li .bt:hover {color: #cd0000;}
.pctlist li .des {font-size: 14px;color: #666;}


/* 装修效果图 */
.slide2 {position: relative;}
.lookbox {height: 360px;overflow: hidden;}
.looklist {position: relative;width: 100%;height: 360px;}
.looklist img {display: block;width: 100%;}
.looklist li {position: absolute;overflow: hidden;}
.looklist li a {position: relative;display: block;}
.looklist .p1 {left:0;top: 0;height: 360px;}
.looklist .p2 ,.looklist .p4 {left:0;top: 0;}
.looklist .p3 {left:0;top: 0;}
.looklist .p4 ,.looklist .p5 {top: 185px;}

.looklist .p1 img {height: 360px;}
.looklist .p2 img ,.looklist .p3 img ,.looklist .p4 img ,.looklist .p5 img {height: 175px;}

.looklist .p1 {width: 494px;height: 360px;}
.looklist .p2 ,.looklist .p4 {left:510px;}
.looklist .p3 ,.looklist .p5 {left:762px;}
.looklist .p2 ,.looklist .p3 ,.looklist .p4 ,.looklist .p5 {width: 238px;height: 174px;}

.w1200 .looklist .p1 {width: 594px;height: 360px;}
.w1200 .looklist .p2 ,.w1200 .looklist .p4 {left:610px;}
.w1200 .looklist .p3 ,.w1200 .looklist .p5 {left:912px;}
.w1200 .looklist .p2 ,.w1200 .looklist .p3 ,.w1200 .looklist .p4 ,.w1200 .looklist .p5 {width: 288px;height: 174px;}

.looklist .info {position: absolute;bottom:0;left:0;width: 100%;height: 40px;line-height: 40px;z-index: 2;}
.looklist h3 {font-size: 16px;color: #fff;padding:0 15px;}
.looklist .bg {position: absolute; width: 100%; height: 40px; left: 0; top: 0; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: -1;}

#glprev,#glnext {position: absolute;top:50%;margin-top: -25px;width: 25px;height: 50px;background-image:url(../images/strategy/icons-scoll.png);background-repeat:no-repeat;}
#glprev {left:-55px;background-position: 0 0;}
#glnext {right:-55px;background-position:-25px 0;}
#glprev:hover {background-position: 0 -50px;}
#glnext:hover {background-position: -25px -50px;}