body{background-color: #F8F8F8;}
.header{background-color: #fff;}
/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*-----金盘内参更新通知-----*/
.notice{width: 336px;height: 80px;padding:20px 15px;border-radius: 10px;background-color: #fff;position: fixed;top: 140px;right: -380px;z-index: 9999;box-shadow:0px 2px 10px rgba(0,0,0,.17);}
.notice>span{display:inline-block;width: 10px;height: 10px;background: url(..//content/images/icon/icon_close.png) no-repeat;position: absolute;right: 10px;top: 10px;cursor: pointer;transition: all .2s;}
.notice>span:hover{transform: rotate(90deg);}
.notice>.img{width: 36px;height: 42px;margin-right: 15px;}
.notice>.txt>h3{font-size: 16px;font-weight: 700;margin-bottom: 5px;}
.notice>.txt>p>a{color: #308ef0;}
/*-----banner-外框-----*/
.bannerGroup>.bannerWrap{height:469px;background-color: #fff;}
/*-----banner-中间banner-----*/
.bannerGroup>.bannerWrap>div>.banner{width: 746px;height: 464px;position: relative;}
.bannerGroup>.bannerWrap>div>.banner>ul>li{width: 746px;height: 464px;position: absolute;top: 0;left: 0;display: none;}
.bannerGroup>.bannerWrap>div>.banner>ul>li:first-child{display: block;}
.bannerGroup>.bannerWrap>div>.banner>ul>li>a{display: inline-block;width: 746px;height: 464px;}
.bannerGroup>.bannerWrap>div>.banner>ul>li>a>img{width: 746px;height: 464px;}
.bannerGroup>.bannerWrap>div>.banner>ol{width:192px;height:10px;position: absolute;bottom: 20px;left: 50%;margin-left:-96px;z-index: 1000;}
.bannerGroup>.bannerWrap>div>.banner>ol>li{float:left;width: 28px;height: 10px;margin:0 2px;background-color: #fff;opacity:.5;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);cursor: pointer;}
.bannerGroup>.bannerWrap>div>.banner>ol>li.current{opacity: 1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
/*-----banner-右侧列表-----*/
.bannerGroup>.bannerWrap>div>.chart{width: 264px;height: 469px;background-color: #fff;position: relative;overflow: hidden;margin-top:-5.5px}
.bannerGroup>.bannerWrap>div>.chart>div{width: 264px;height: 464px;position: absolute;left: 0;top: 0;}
.bannerGroup>.bannerWrap>div>.chart>div.item{display: none;}
.bannerGroup>.bannerWrap>div>.chart>div:first-child{display: block;}
.bannerGroup>.bannerWrap>div>.chart>div>a{display:inline-block;width:264px;height:90px;text-decoration: none;color: #333;cursor: pointer;position: relative;z-index: 1000;}
.bannerGroup>.bannerWrap>div>.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>div>.chart>div>a>h3.ttl>span{font-size: 14px;color: #999;}
.bannerGroup>.bannerWrap>div>.chart>div>table{width:264px;height:374px;border-collapse:collapse;border-spacing:0;font-size: 14px;text-align: center;table-layout: fixed;}
.bannerGroup>.bannerWrap>div>.chart>div>table td{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.bannerGroup>.bannerWrap>div>.chart>div>table th.width100{width: 100px;}
.bannerGroup>.bannerWrap>div>.chart>div>table td:nth-child(2) { text-align: left; }
.bannerGroup>.bannerWrap>div>.chart>div>table th.size12{font-size: 12px;}
.bannerGroup>.bannerWrap>div>.chart>div>table>tr{height: 34px;}
.bannerGroup>.bannerWrap>div>.chart table tr:nth-child(odd){background-color: #ffeacb;}
.bannerGroup>.bannerWrap>div>.chart table tr:nth-child(even){background-color: #fff4e7;}
.bannerGroup>.bannerWrap>div>.chart table tr.myth{background-color: #daa520;color: #fff;}
.bannerGroup>.bannerWrap>div>.chart table, td, th{border:0px solid transparent;}
.bannerGroup>.bannerWrap>div>.chart>.btn>div{width: 11px;height: 27px;position: absolute;top: 35px;cursor: pointer;z-index: 2000;}
.bannerGroup>.bannerWrap>div>.chart>.btn>.btnLeft{background: url(..//content/images/icon/btnLeft.png) center center no-repeat;left: 10px;}
.bannerGroup>.bannerWrap>div>.chart>.btn>.btnRight{background: url(..//content/images/icon/btnRight.png) center center no-repeat;right: 10px;}
/*-----共用标题-----*/
.mainTtl{width: 100%;text-align: center;margin-top: 80px;}
.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: 40px 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>li{width: 285px;height: 330px;float: left;margin-right: 20px;}
.lookingForDesign>.itemGroup>.item>ul>li:last-child{margin-right: 0;}
.lookingForDesign>.itemGroup>.item>ul>li:hover{box-shadow:0px 2px 10px rgba(0,0,0,.17);}
.lookingForDesign>.itemGroup>.item>ul>li>a>.img{width:285px;height:214px;position: relative;}
.lookingForDesign>.itemGroup>.item>ul>li>a>.img>span{display:inline-block;width:69px;height:22px;line-height:22px;color:#fff;background:url(..//content/images/icon/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>a>.img>img{width:285px;height:214px;}
.lookingForDesign>.itemGroup>.item>ul>li>a>.txt{width: 285px;height: 116px;padding:20px;border:1px solid #eee;border-top:1px solid transparent;}
.lookingForDesign>.itemGroup>.item>ul>li>a>.txt>h3{width:245px;font-size: 16px;color: #111;white-space:nowrap;overflow:hidden; text-overflow:ellipsis; }
.lookingForDesign>.itemGroup>.item>ul>li>a>.txt>p{color: #909090;}
.lookingForDesign>.itemGroup>.item>ul>li>a>.txt>p.main{margin-top: 13px;}
.lookingForDesign>.itemGroup>.item>ul>li>a>.txt>p.level{margin-top: 10px;}
.lookingForDesign>.itemGroup>.item>ul>li>a>.txt>p>img{height: 20px;width: auto;}
.lookingForDesign>.itemGroup>.item>ul>li>a>.txt>p>span{padding-top: 7px;}
.lookingForDesign>.itemGroup>.item.logo{margin-top: 10px;}
.lookingForDesign>.itemGroup>.item.logo>ol>li{width: 150px;height: 150px;float: left;}
.lookingForDesign>.itemGroup>.item.logo>ol>li>a{display: inline-block;width: 150px;height: 150px;}
.lookingForDesign>.itemGroup>.item.logo>ol>li>a>img{width: 150px;height: 150px;}
/*-----设计公司服务流程-----*/
.designProcess{width:100%;height: 470px;background-color: #f8f8f8;margin-top: 80px;}
.designProcess>div>.mainTtl{padding-top: 80px;}
.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: 80px;}
.houseGroup>.house{margin-top: 30px;}
.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>img{width: 295px;height: 234px;}
.houseGroup>.house>.content>.other>ul>li>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>.txt{width:295px;height:62px;padding:10px 20px;background:url(..//content/images/icon/bg_house_other.png) repeat-x;position: absolute;bottom: 0;left: 0; }
.houseGroup>.house>.content>.other>ul>li>.txt>h4{width: 255px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.houseGroup>.house>.content>.other>ul>li>.txt>h4,.houseGroup>.house>.content>.other>ul>li>.txt>p{font-size: 14px;color: #fff;line-height: 1.5;}
.houseGroup>.house>.content>.other>ul>li>.more{width: 295px;height: 234px;text-align:center;background-color: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;color: #fff;padding: 20px;display: none;}
.houseGroup>.house>.content>.other>ul>li>.more>h4{font-size:18px;width: 252px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-top: 20px;}
.houseGroup>.house>.content>.other>ul>li>.more>p{font-size: 14px;}
.houseGroup>.house>.content>.other>ul>li>.more>.price{margin-top: 35px;}
.houseGroup>.house>.content>.other>ul>li>.more>.see{margin-top: 10px;}
.houseGroup>.house>.content>.other>ul>li>.more>a{display: inline-block;width: 100px;height: 32px;text-align:center;line-height:30px;background-color: #fff;border:1px solid #707070;color: #707070;margin-top: 35px;}
/*-----金盘网专题-----*/
.kinpanTopic{width: 100%;height: 905px;background-color:#f2f2f2;}
.kinpanTopic>div>.mainTtl{padding-top: 80px;}
.kinpanTopic>div>.content{width:100%;height:625px;background-color: #fff;box-shadow:0px 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;}

/*左侧菜单*/

.menu{width:190px;height:469px;padding: 7px 0;background-color: #454557;position: absolute;top: 0;left: 0;}
.menu.myHide{display: none;}
.menu>ul>li{position: relative;}
.menu>ul>li>i{width: 6px;height: 8px;background: url(../img/icon_arrow_right.png) center top no-repeat;position: absolute;top: 21px;right: 22px;}
.menu>ul>li>ol{width:670px;height:auto;padding:10px 20px;background-color:#fff;position: absolute;top: 0;left: 190px;font-size:14px;display: none;z-index: 100;}
.menu>ul>li>ol>li{ overflow:hidden;}
.menu>ul>li>ol>li>h4{display: inline-block;font-weight: 700;line-height: 34px;}
.menu>ul>li>ol>li>a{display:inline-block;height:34px;color: #707070;margin-right: 10px;}
.menu>ul>li>ol>li>a:hover{color: #D3B050;}

.navWrap>div>.all{background-color: #9E8158;}
.menuWrap{position: absolute;top: 214px;left: 50%;margin-left: -600px;}
.menu{background-color: #AE9571;padding: 0;height: 703px;}
.menu>ul>li{padding: 16.5px 15px;border-bottom:1px dashed #B6A996;}
.menu>ul>li:last-child{border-bottom-color: transparent;}
.menu>ul>li.current,
.menu>ul>li:hover{background-color: #A28861;}
.menu>ul>li>h3{position: relative;color: #ede7df;}
.menu>ul>li>h3>a {color: #ede7df;}
.menu>ul>li>div{margin-top: 5px;margin-right: -3px;}
.menu>ul>li>div>a{font-size: 12px;color: #fff;white-space:nowrap;margin-right: 3px;}
.menu>ul>li>h3>i{
    width: 6px;
    height: 8px;
    background: url(..//content/images/icon/icon_arrow_right.png) center top no-repeat;
    position: absolute;
    top: 5px;
    right: 0;
}
.menu>ul>li>ol{font-size: 12px;border:1px solid #A28861;border-left-color: #AE9571;}
.menu>ul>li>ol>li>h4{width:78px;float: left;}
.menu>ul>li>ol>li>h4>a{color: #333;}
.menu>ul>li>ol>li>h4>a:hover{color: #d3b050;}
.menu>ul>li>ol>li>div{width:550px;float: left;margin-right: -10px;display: block;line-height: 34px;}
.menu>ul>li>ol>li>div>a {
    display: inline-block;
    height: 34px;
    color: #707070;
    margin-right: 10px;
}
.menu>ul>li>ol>li>div>a:hover{color:#d3b050;}
/*banner*/
.bannerGroup>.bannerWrap{height: 360px;}
.bannerGroup>.bannerWrap>div>.banner,
.bannerGroup>.bannerWrap>div>.banner>ul>li,
.bannerGroup>.bannerWrap>div>.banner>ul>li>a,
.bannerGroup>.bannerWrap>div>.banner>ul>li>a>img {width: 1010px;height: 360px;}

/*新书推荐*/
.book-new{padding-left: 190px;}
.book-new-content{padding: 15px 20px;padding-right:0;background-color: #fff;}
.book-new-ttl h3{font-size: 22px;font-weight: 700;color: #333;float: left;}
.book-new-ttl a{font-size: 18px;color: #888;float: right;}

/*书本*/
.book-itemG{width:990px;margin-top: 10px;}
.book-item{display:block;width: 198px;padding: 10px 12px;float: left;font-size: 12px;position: relative;}
.book-item:hover{color: #333;}
.book-item:after{content: '';width:100%;height: 207px;border-right: 1px solid #eee;position: absolute;top: 35px;right: 0;}
.book-item:nth-child(5n):after{border-right-color:transparent;}
.book-item.noline{border-right-color: transparent;}
.book-item-img{width: 174px;height: 174px;text-align: center;line-height:174px;font-size: 0;}
.book-item-img img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.book-item-ttl{margin-top: 15px;height: 34px;overflow: hidden;}
.book-item-price{margin-top: 10px;}
.book-item-price .new{font-size: 18px;color: #EE4014;}
.book-item-price .original{-margin-left: 5px;text-decoration: line-through;}

/*分类栏目*/
.book-category{margin-top: 20px;}
.book-category-content{background-color: #fff;overflow: hidden;}
/*栏目标题*/
.bg-green,
.toTop>ul>li>a.to1:hover{background-color: #73A803;}
.txt-green{color: #73A803;}
.bg-yellow,
.toTop>ul>li>a.to2:hover{background-color: #E6C55B;}
.txt-yellow{color: #E6C55B;}
.bg-orange,
.toTop>ul>li>a.to3:hover{background-color: #DEAA60;}
.txt-orange{color: #DEAA60;}
.bg-red,
.toTop>ul>li>a.to4:hover{background-color: #DE7F5D;}
.txt-red{color: #DE7F5D;}
.bg-purplered,
.toTop>ul>li>a.to5:hover{background-color: #BD82CC;}
.txt-purplered{color: #BD82CC;}
.bg-purple,
.toTop>ul>li>a.to6:hover{background-color: #8679CB;}
.txt-purple{color: #8679CB;}
.bg-blue,
.toTop>ul>li>a.to7:hover{background-color: #74AADC;}
.txt-blue{color: #74AADC;}
.bg-lightblue,
.toTop>ul>li>a.to8:hover{background-color: #72CBD6;}
.txt-lightblue{color: #72CBD6;}
.book-category-ttl{width: 1200px;height: 50px;line-height: 50px;color: #fff;padding: 0 15px;}
.book-category-ttl h3{font-weight: 700;font-size: 22px;line-height: 50px;}
.book-category-ttl a{font-size: 18px;color: #fff;}
/*栏目左侧*/
.book-category-left{display:block;width: 210px;height: 566px;text-align: center;font-size: 0;
					-webkit-transition: all .4s ease-in-out;
					   -moz-transition: all .4s ease-in-out;
					     -o-transition: all .4s ease-in-out;
					        transition: all .4s ease-in-out;
}
.book-category-left:hover{
	-webkit-transform: translateX(-10px);
	   -moz-transform: translateX(-10px);
	    -ms-transform: translateX(-10px);
	     -o-transform: translateX(-10px);
	        transform: translateX(-10px);
}
.book-category-left img{max-width: 100%;max-height: 100%;vertical-align: top;}
.book-category-left-ttl{padding-left: 18px;margin-top: 15px;}
.book-category-left-ttl span{display: block;width: 6px;height: 60px;margin-right: 10px;}
.book-category-left-ttl h3{font-size: 30px;line-height:30px;margin-bottom:12px;}
.book-category-left-img{width: 174px;height: 174px;text-align: center;line-height:174px;font-size: 0;margin-top: 75px;}
.book-category-left-img img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.book-category-left-shadow{width: 174px;height: 54px;background: url(..//content/images/icon/shadow.png) no-repeat center center;}