.bannerGroup > .bannerWrap { height: 458px; background-color: #ddbd74; }.bannerGroup > .bannerWrap .banner { width: 746px; height: 458px; position: relative;}.bannerGroup > .bannerWrap .banner > ul > li { width: 746px; height: 458px; position: absolute; top: 0; left: 0; display: none; }.bannerGroup > .bannerWrap .banner > ul > li:first-child { display: block; }.bannerGroup > .bannerWrap .banner > ul > li > a { display: inline-block; width: 746px; height: 458px; }.bannerGroup > .bannerWrap .banner > ul > li > a > img { width: 746px; height: 458px; }.bannerGroup > .bannerWrap .banner > ol { width: 192px; height: 4px; position: absolute; bottom: 20px; left: 50%; margin-left: -96px; z-index: 1000; }.bannerGroup > .bannerWrap .banner > ol > li { float: left; width: 28px; height: 4px; margin: 0 2px; background-color: rgba(255,255,255,.5); cursor: pointer; }.bannerGroup > .bannerWrap .banner > ol > li.current { background-color: rgba(255,255,255,1); }.homebannerGroup > .bannerWrap { height: 423px; background-color: #ddbd74; }.homebannerGroup > .bannerWrap .banner { width: 746px; height: 423px; position: relative;}.homebannerGroup > .bannerWrap .banner > ul > li { width: 746px; height: 423px; position: absolute; top: 0; left: 0; display: none; }.homebannerGroup > .bannerWrap .banner > ul > li:first-child { display: block; }.homebannerGroup > .bannerWrap .banner > ul > li > a { display: inline-block; width: 746px; height: 423px; }.homebannerGroup > .bannerWrap .banner > ul > li > a > img { width: 746px; height: 423px; }.homebannerGroup > .bannerWrap .banner > ol { width: 192px; height: 4px; position: absolute; bottom: 20px; left: 50%; margin-left: -96px; z-index: 1000; }.homebannerGroup > .bannerWrap .banner > ol > li { float: left; width: 28px; height: 4px; margin: 0 2px; background-color: rgba(255,255,255,.5); cursor: pointer; }.homebannerGroup > .bannerWrap .banner > ol > li.current { background-color: rgba(255,255,255,1); }.bannerGroup > .bannerWrap .chart { width: 264px; height: 423px; background-color: #fff; position: relative; overflow: hidden;}.bannerGroup > .bannerWrap .chart > div { width: 264px; height: 423px; position: absolute; left: 0; top: 0; }.bannerGroup > .bannerWrap .chart > div.item { display: none; }.bannerGroup > .bannerWrap .chart > div:first-child { display: block; }.bannerGroup > .bannerWrap .chart > div > a { display: inline-block; width: 264px; height: 90px; text-decoration: none; color: #333; cursor: pointer; position: relative; z-index: 1000; }.bannerGroup > .bannerWrap .chart > div > a > h3.ttl { width: 264px; height: 90px; padding: 15px; background-color: #fff; font-size: 16px; font-weight: 400; text-align: center; margin: 0; }.bannerGroup > .bannerWrap .chart > div > a > h3.ttl > span { font-size: 14px; color: #999; }.bannerGroup > .bannerWrap .chart > div > table { width: 264px; height: 374px; border-collapse: collapse; border-spacing: 0; font-size: 14px; text-align: center; table-layout: fixed; }.bannerGroup > .bannerWrap .chart > div > table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.bannerGroup > .bannerWrap .chart > div > table th.width100 { width: 100px; }.bannerGroup > .bannerWrap .chart > div > table td:nth-child(2) { text-align: left; }.bannerGroup > .bannerWrap .chart > div > table th.size12 { font-size: 12px; }.bannerGroup > .bannerWrap .chart > div > table > tr { height: 34px; }.bannerGroup > .bannerWrap .chart table tr:nth-child(odd) { background-color: #ffeacb; }.bannerGroup > .bannerWrap .chart table tr:nth-child(even) { background-color: #fff4e7; }.bannerGroup > .bannerWrap .chart table tr.myth { background-color: #daa520; color: #fff; }.bannerGroup > .bannerWrap .chart table, td, th { border: 0 solid transparent;text-align:center; }.bannerGroup > .bannerWrap .chart > .btn > div { width: 11px; height: 27px; position: absolute; top: 35px; cursor: pointer; z-index: 2000; }.bannerGroup > .bannerWrap .chart > .btn > .btnLeft { background: url(/content/images/common/btnLeft.png) center center no-repeat; left: 10px; }.bannerGroup > .bannerWrap .chart > .btn > .btnRight { background: url(/content/images/common/btnRight.png) center center no-repeat; right: 10px; }.mainTtl { width: 100%; text-align: center; margin-top: 30px; }.mainTtl > h2 { font-size: 28px; color: #111; }.mainTtl > p { color: #909090; margin-top: 5px; }.lookingForDesign > ul { width: 546px; text-align: center; font-size: 18px; color: #707070; overflow: hidden; margin: 20px auto; }.lookingForDesign > ul > li { float: left; width: 182px; padding-bottom: 14px; cursor: pointer; border-bottom: 1px solid #eee; }.lookingForDesign > ul > li.current { color: #D3B050; border-bottom: 2px solid #D3B050; }.lookingForDesign > .itemGroup { height: 330px; position: relative; }.lookingForDesign > .itemGroup > .item { position: absolute; left: 0; top: 0; display: none; }.lookingForDesign > .itemGroup > .item:first-child { display: block; }.lookingForDesign > .itemGroup > .item > ul{margin-right:-20px;}.lookingForDesign > .itemGroup > .item > ul > li { width: 285px; height: 330px; float: left; margin-right: 20px; }.lookingForDesign > .itemGroup > .item.logo > ul > li { width: auto; }.lookingForDesign > .itemGroup > .item > ul > li:hover { box-shadow: 0 2px 10px rgba(0,0,0,.17); }.lookingForDesign > .itemGroup > .item > ul > li > .img { width: 285px; height: 214px; position: relative; }.lookingForDesign > .itemGroup > .item > ul > li > .img > span { display: inline-block; width: 69px; height: 22px; line-height: 22px; color: #fff; background: url(/content/images/common/icon_fire.png) 5px 5px no-repeat; background-color: rgba(235,83,83,.7); position: absolute; left: 10px; top: 10px; padding-left: 20px; }.lookingForDesign > .itemGroup > .item > ul > li > .img >a> img { width: 285px; height: 214px; }.lookingForDesign > .itemGroup > .item > ul > li > .txt { width: 285px; height: 116px; padding: 20px; border: 1px solid #eee; border-top: 1px solid transparent; }.lookingForDesign > .itemGroup > .item > ul > li > .txt > h3 { width: 245px; font-size: 16px; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.lookingForDesign > .itemGroup > .item > ul > li > .txt > p { color: #909090; }.lookingForDesign > .itemGroup > .item > ul > li > .txt > p.main { margin-top: 13px; }.lookingForDesign > .itemGroup > .item > ul > li > .txt > p.level { margin-top: 10px;vertical-align: middle;line-height: 20px; }.lookingForDesign > .itemGroup > .item > ul > li > .txt > p.level>a {font-size:14px;text-decoration:underline;}.lookingForDesign > .itemGroup > .item > ul > li > .txt > p.level>a:hover {color:#f40}.lookingForDesign > .itemGroup > .item > ul > li > .txt > p.level>img {height:16px;margin-left:10px;vertical-align: middle;}.lookingForDesign > .itemGroup > .item > ul > li > .txt > p > img { height: 20px; width: auto; }.lookingForDesign > .itemGroup > .item > ul > li > .txt > p > span { padding-top: 7px; }.lookingForDesign > .itemGroup > .item.logo { margin-top: 10px; }.lookingForDesign > .itemGroup > .item.logo ul> li { margin-right:0;}.lookingForDesign > .itemGroup > .item.logo ul ol > li { width: 200px; height: 150px; float: left;text-align: center;border: 1px solid #eee;}.lookingForDesign > .itemGroup > .item.logo ul ol > li > a { display: inline-block; width: 200px; height: 148px;line-height: 148px; }.lookingForDesign > .itemGroup > .item.logo ul ol > li > a > img {max-width: 190px;max-height: 147px;vertical-align: middle;}.designProcess { width: 100%; height: 360px; background-color: #f8f8f8;}.designProcess > div > .mainTtl { padding-top: 30px; }.designProcess > div > .img { margin-top: 30px; }.designProcess > div > .txt { text-align: center; }.designProcess > div > .txt > ul > li { float: left; width: 171px; }.designProcess > div > .txt > ul > li > h4 { font-size: 18px; color: #111; margin-top: 25px; }.designProcess > div > .txt > ul > li > p { font-size: 14px; color: #707070; margin-top: 15px; }.designProcess > div > .txt > ul > li > span { display: inline-block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #c9c9c9; font-size: 18px; color: #707070; margin-top: 30px; }.houseGroup { margin-top: 50px; }.houseGroup > .house { margin-top: -30px;padding-top:60px; }.houseGroup > .house > .houseTtl { width: 100%; height: 40px; line-height: 40px; }.houseGroup > .house > .houseTtl > span { display: inline-block; width: 59px; height: 40px; text-align: center; line-height: 40px; font-size: 28px; color: #fff; }.houseGroup > .house > .houseTtl > h2 { font-size: 28px; color: #111; margin-left: 20px; }.houseGroup > .house > .houseTtl > h2 > span { margin: 0 20px; }.houseGroup > .house > .houseTtl > i { font-size: 18px; color: #999; }.houseGroup > .house > .houseTtl > div > a { display: inline-block; padding: 0 20px; height: 40px; font-size: 18px; color: #999; }.houseGroup > .house > .houseTtl > div > span { display: inline-block; width: 10px; height: 40px; }.houseGroup > .house > .houseTtl.ttl1 > span, .houseGroup > .house > .houseTtl.ttl1 > div > span, .toTop > ul > li > a.to1:hover { background-color: #9cc9cb; }.houseGroup > .house > .houseTtl.ttl2 > span, .houseGroup > .house > .houseTtl.ttl2 > div > span, .toTop > ul > li > a.to2:hover { background-color: #6f7783; }.houseGroup > .house > .houseTtl.ttl3 > span, .houseGroup > .house > .houseTtl.ttl3 > div > span, .toTop > ul > li > a.to3:hover { background-color: #aab590; }.houseGroup > .house > .houseTtl.ttl4 > span, .houseGroup > .house > .houseTtl.ttl4 > div > span, .toTop > ul > li > a.to4:hover { background-color: #83a393; }.houseGroup > .house > .houseTtl.ttl5 > span, .houseGroup > .house > .houseTtl.ttl5 > div > span, .toTop > ul > li > a.to5:hover { background-color: #92afbc; }.houseGroup > .house > .houseTtl.ttl6 > span, .houseGroup > .house > .houseTtl.ttl6 > div > span, .toTop > ul > li > a.to6:hover { background-color: #a1a8d1; }.houseGroup > .house > .houseTtl.ttl7 > span, .houseGroup > .house > .houseTtl.ttl7 > div > span, .toTop > ul > li > a.to7:hover { background-color: #b4a2cc; }.houseGroup > .house > .houseTtl.ttl8 > span, .houseGroup > .house > .houseTtl.ttl8 > div > span, .toTop > ul > li > a.to8:hover { background-color: #d09ac4; }.houseGroup > .house > .houseTtl.ttl9 > span, .houseGroup > .house > .houseTtl.ttl9 > div > span, .toTop > ul > li > a.to9:hover { background-color: #d1a1a1; }.houseGroup > .house > .houseTtl.ttl10 > span, .houseGroup > .house > .houseTtl.ttl10 > div > span, .toTop > ul > li > a.to10:hover { background-color: #e2c881; }.houseGroup > .house > .houseTtl.ttl11 > span, .houseGroup > .house > .houseTtl.ttl11 > div > span, .toTop > ul > li > a.to11:hover { background-color: #e28181; }.houseGroup > .house > .content { margin-top: 10px; overflow: hidden; }.houseGroup > .house > .content > .houseBanner { width: 285px; height: 478px; position: relative; }.houseGroup > .house > .content > .houseBanner > ul > li { position: absolute; top: 0; left: 0; }.houseGroup > .house > .content > .houseBanner > ul > li > a > img { width: 285px; height: 478px; }.houseGroup > .house > .content > .houseBanner > ol { width: 96px; height: 4px; position: absolute; bottom: 20px; left: 50%; margin-left: -48px; z-index: 1000; }.houseGroup > .house > .content > .houseBanner > ol > li { float: left; width: 28px; height: 4px; margin: 0 2px; background-color: rgba(255,255,255,.5); cursor: pointer; }.houseGroup > .house > .content > .houseBanner > ol > li.current { background-color: rgba(255,255,255,1); }.houseGroup > .house > .content > .other { width: 915px; }.houseGroup > .house > .content > .other > ul > li { width: 295px; height: 234px; float: left; margin-left: 10px; margin-bottom: 10px; position: relative; overflow: hidden; }.houseGroup>.house>.content>.other>ul>li:hover>a>img{transform: scale(1.05,1.05);}.houseGroup>.house>.content>.other>ul>li>a>img{width: 295px;height: 234px;transition: all .2s;}.houseGroup>.house>.content>.other>ul>li>a>span{display: inline-block;width: 40px;height: 18px;text-align:center;line-height:18px;background-color: rgba(235,83,83,.7);color: #fff;position: absolute;top: 20px;left: 20px;}.houseGroup>.house>.content>.other>ul>li>a>.txt{width:295px;height:62px;padding:15px 10px;background:url(/content/images/common/bg_house_other.png) repeat-x;position: absolute;bottom: 0;left: 0; }.houseGroup>.house>.content>.other>ul>li>a>.txt>h4{width: 255px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.houseGroup>.house>.content>.other>ul>li>a>.txt>h4,.houseGroup>.house>.content>.other>ul>li>a>.txt>p{font-size: 14px;color: #fff;line-height: 1.5;}.kinpanTopic { width: 100%; height: 905px; background-color: #f2f2f2; }.kinpanTopic > div > .mainTtl { padding-top: 30px; }.kinpanTopic > div > .content { width: 100%; height: 625px; background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.17); margin-top: 40px; position: relative; }.kinpanTopic > div > .content > ul { overflow: hidden; background-color: #f8f8f8; margin-bottom: -1px; }.kinpanTopic > div > .content > ul > li { float: left; width: 160px; height: 85px; text-align: center; line-height: 85px; font-size: 24px; cursor: pointer; position: relative; z-index: 1000; }.kinpanTopic > div > .content > ul > li.current { color: #D3B050; background-color: #fff; }.kinpanTopic > div > .content > a.more { display: inline-block; width: 160px; height: 85px; text-align: center; line-height: 85px; font-size: 16px; color: #aaa; position: absolute; right: 0; top: 0; }.kinpanTopic > div > .content > a.more:hover { color: #d3b050; }.kinpanTopic > div > .content > .itemGroup { position: relative; }.kinpanTopic > div > .content > .itemGroup > .item { position: absolute; left: 0; top: 0; padding-top: 40px; border-top: 1px solid #ededed; display: none; }.kinpanTopic > div > .content > .itemGroup > .item:first-child { display: block; }.kinpanTopic > div > .content > .itemGroup > .item > ul > li { width: 100%; height: 140px; margin-bottom: 20px; }.kinpanTopic > div > .content > .itemGroup > .item > ul > li > a { display: inline-block; width: 100%; height: 140px; padding: 0 35px; border-left: 5px solid #fff; border-right: 5px solid #fff; }.kinpanTopic > div > .content > .itemGroup > .item > ul > li > a:hover { border-left: 5px solid #d3b050; border-right: 5px solid #d3b050; }.kinpanTopic > div > .content > .itemGroup > .item > ul > li > a > .img { width: 200px; height: 140px; }.kinpanTopic > div > .content > .itemGroup > .item > ul > li > a > .img > img { width: 200px; height: 140px; }.kinpanTopic > div > .content > .itemGroup > .item > ul > li > a > .txt { width: 790px; height: 140px; padding: 22px 25px; }.kinpanTopic > div > .content > .itemGroup > .item > ul > li > a > .txt > h4 { font-size: 22px; color: #111; }.kinpanTopic > div > .content > .itemGroup > .item > ul > li > a > .txt > p { height: 50px; font-size: 18px; color: #707070; margin-top: 20px; overflow: hidden; }.kinpanTopic > div > .content > .itemGroup > .item > ul > li > a > .mybtn { width: 130px; height: 116px; border-left: 1px solid #c4c4c4; text-align: center; line-height: 116px; font-size: 16px; margin-top: 12px; }.kinpanTopic > div > .content > .itemGroup > .item > ul > li > a:hover > .mybtn { color: #d3b050; }