@media screen and (max-width: 575px){ #el_54011534399854 { display: inline-block; } } #el_73091534399854{width:100%;} #el_81011677910304{width:100%;} #el_83291677910304 > div { height: 200px; overflow: hidden; } #el_83291677910304 > .owl-loaded { height: auto; } #el_83291677910304 .item img { max-width: 100%; } #el_83291677910304 .owl-carousel { z-index: 0; } #el_83291677910304 .item { text-align: center; } #el_83291677910304 .owl-dots { position: absolute; z-index: 5; bottom: 30px; left: 0; width: 100%; text-align: center; } #el_83291677910304 .owl-dot { position: relative; display: inline-block; width: 100px; height: 100px; border-radius: 50%; margin: 10px; padding: 0; border: none; background-repeat: no-repeat; background-size: cover; background-position: center center; transition-duration: 0s; } #el_83291677910304 .owl-dot.active { } #el_83291677910304 .owl-dot:nth-child(1) { background-image: url(../upload/201907031041172073-2271.png); } #el_83291677910304 .owl-dot:nth-child(2) { background-image: url(../upload/201907031041172073-6645.png); } #el_83291677910304 .owl-dot:nth-child(3) { background-image: url(../upload/201907031041172073-7096.png); } #el_83291677910304 .owl-dot:nth-child(4) { background-image: url(../upload/201907031041172073-968.png); } #el_83291677910304 .owl-dot:nth-child(5) { background-image: url(../upload/201907031041172073-1928.png); } #el_83291677910304 .owl-dot:nth-child(6) { background-image: url(../upload/201907031041172073-3460.png); } #el_83291677910304 .owl-dot:nth-child(7) { background-image: url(../upload/201907031041172073-7792.png); } #el_83291677910304 .owl-dot:nth-child(8) { background-image: url(../upload/201907031041172073-8903.png); } #el_83291677910304 .owl-dot::after { content: ''; display: none; position: absolute; z-index: 3; width: 105%; height: 105%; top: -2.5%; left: -2.5%; color: #fff; background-image: url(../upload/201907031118012073-3616.png); background-repeat: no-repeat; background-size: cover; background-position: center center; } #el_83291677910304 .active.owl-dot::after { display: block; } #el_83291677910304 .owl-dot::before { content: ''; display: none; position: absolute; z-index: 5; width: 100%; height: 36; bottom: 0; left: 0; color: #fff; font-size: 14px; text-align: center; line-height: 36px; } #el_83291677910304 .active.owl-dot::before { display: block; } #el_83291677910304 .owl-dot:nth-child(1)::before { content: '客厅'; } #el_83291677910304 .owl-dot:nth-child(2)::before { content: '餐厅'; } #el_83291677910304 .owl-dot:nth-child(3)::before { content: '主卧'; } #el_83291677910304 .owl-dot:nth-child(4)::before { content: '书房'; } #el_83291677910304 .owl-dot:nth-child(5)::before { content: '儿童房'; } #el_83291677910304 .owl-dot:nth-child(6)::before { content: '长辈房'; } #el_83291677910304 .owl-dot:nth-child(7)::before { content: '影音室'; } #el_83291677910304 .owl-dot:nth-child(8)::before { content: '洗漱间'; } @media screen and (max-width: 991px){ #el_83291677910304 .owl-dots { display: block; } #el_83291677910304 .owl-nav { display: none; } #el_83291677910304 .owl-dots { bottom: 10px; } #el_83291677910304 .owl-dot { width: 10px; height: 10px; border-radius: 50%; background-color: #fff; opacity: .5; } #el_83291677910304 .owl-dot:nth-child(n) { background-image: none; } #el_83291677910304 .owl-dot.active { background-color: #851b35; } #el_83291677910304 .owl-dot::after { display: none; } #el_83291677910304 .active.owl-dot::after { display: none; } #el_83291677910304 .owl-dot::before { display: none; } #el_83291677910304 .active.owl-dot::before { display: none; } } @media screen and (max-width: 575px){ #el_83291677910304 { display: block; } } #el_16871586696162 { margin-bottom: 85px; } #el_62911586696162{width:100%;} #el_19781586696341{width:100%;} #el_71641586696372 { position: relative; margin-top: 0px; } @media screen and (max-width: 575px){ #el_71641586696372 { position: relative; top: 0px; } } #el_85691586696372{width:100%;} #el_19291688660332 { background-repeat: no-repeat; background-position: center top; background-size: 100%; } @media screen and (max-width: 767px){ #el_19291688660332 { background-size: cover; } } @media screen and (max-width: 575px){ #el_19291688660332 { padding-top: 25px; padding-bottom: 0px; } } #el_44461688660332{width:100%;} #el_24091688660332 { margin-top: 85px; margin-bottom: 85px; } @media screen and (max-width: 575px){ #el_24091688660332 { margin-top: 0px; margin-bottom: 0px; } } #el_29481688660332{width:100%;} #el_74771688660332 { font-size: 17px; text-align: left; opacity: .8; margin-top: 8px; line-height: 32px; } #el_74771688660332 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_74771688660332 { font-size: 14px; margin-top: 0px; margin-bottom: 0px; } } #el_12091694700534{width:100%;} #el_71981694700536 { height: 1px; border-bottom-color: #D9D9D9; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 45px; } #el_17151694700536{width:100%;} #el_10781694700536 img { max-width: 100%; } #el_10781694700536 { float: right; position: relative; z-index: 99; width: 100px; top: -60px; } @media screen and (max-width: 575px){ #el_10781694700536 { width: 60px; margin-top: 35px; display: none; } } #el_41861688660332 { } #el_41821688660332{width:100%;} @media screen and (max-width: 575px){ #el_76961688660332 { padding-right: 0px; } } #el_24141688660332{width:67.1159%;} @media screen and (max-width: 575px){ #el_24141688660332{width:100%;}} #el_33261688660332 { margin-right: 150px; } @media screen and (max-width: 575px){ #el_33261688660332 { padding-right: 0px; margin-right: 0px; } } #el_71781688660332{width:100%;} #el_84911688660651{width:100%;} #el_52321688660656 { border-bottom-color: #f68802; border-bottom-width: 9px; border-bottom-style: solid; width: 70%; margin-bottom: 25px; } @media screen and (max-width: 575px){ #el_52321688660656 { border-bottom-width: 5px; width: 100px; margin-top: 25px; } } #el_39571688660656{width:100%;} #el_66551688660332 { } #el_81831688660332{width:100%;} #el_48781688660332 h3 { margin-bottom: 0; } #el_48781688660332 { font-size: 24px; color: #333333; position: relative; padding-right: 10px; line-height: 36px; z-index: 1; text-align: left; height: 36px; letter-spacing: 2px; } @media screen and (max-width: 575px){ #el_48781688660332 { font-size: 16px; line-height: 32px; height: 36px; } } #el_44131688660332 { text-align: left; margin-top: 10px; } #el_50431688660332{width:100%;} #el_53141688660332 { font-size: 18px; border-bottom-color: #a7a49e; border-bottom-width: 2px; border-bottom-style: solid; width: 40px; margin-right: auto; margin-left: auto; position: relative; z-index: 0; top: -5px; float: left; margin-top: 25px; } #el_53141688660332 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_53141688660332 { display: none; } } #el_40331688660332 { margin-right: 25px; } @media screen and (max-width: 575px){ #el_40331688660332 { padding-right: 0px; margin-right: 0px; } } #el_66341688660332{width:100%;} #el_24841688660332 img { max-width: 100%; } #el_24841688660332 { font-size: 16px; line-height: 30px; margin-top: 25px; color: #333; } @media screen and (max-width: 575px){ #el_24841688660332 { margin-right: 0px; font-size: 14px; margin-top: 0px; } } #el_50331688660332{width:32.88%;} @media screen and (max-width: 575px){ #el_50331688660332{width:100%;}} #el_27651688660332 img { max-width: 100%; } #el_27651688660332 { }