@charset "utf-8";
/* CSS Document */
body,html{ margin:0; padding:0;font-size:14px; color:#333; font-family:"arial","微软雅黑";}
ul,li,div{ list-style:none; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; margin:0;}
a{ text-decoration:none;}
p{ margin:0;}
input{ margin:0; padding:0; border:none; outline:none;}
img{border:none;}
.left{ float:left;}
.right{ float:right;}
.clearfix{ clear:both;}
.inner{width:1100px; margin:0 auto;}
textarea{resize:none; margin:0; padding:0; display:block; border:none;}

/*页头*/
.logo{ margin-top:20px;}
.nav{ margin-top:30px; margin-bottom:30px;}
.nav li{ float:left; margin-left:30px; font-size:16px; text-transform:uppercase; line-height:40px;}
.nav li a{ color:#333;}
.nav li a:hover{ color:#9c0a2e;}
.nav .current{ color:#9c0a2e;}
/*页脚*/
.footer{ background:#eee; margin-top:50px; padding:36px 0;}
.quote{ width:540px; }
.quote h2{ margin-bottom:16px; text-transform:uppercase;}
.quote input{ margin-bottom:20px;/*text-transform:capitalize;*/ font-size:14px;}
.quote .xm,.tel{ width:250px; height:32px; background:#fff; padding-left:10px; }
.quote .xm{ margin-right:16px;}
.quote .add{ width:530px; height:32px; padding-left:10px;}
.quote textarea{ width:530px; height:82px; padding:8px 0 0 10px; font-size:14px; font-family:Arial; /*text-transform:capitalize;*/}
.quote .code{ width:120px; height:30px; padding-left:10px;}
.quote .btn{ width:76px; height:30px; text-align:center; line-height:30px; background:#9c0a2e;text-transform:uppercase; color:#fff; margin-top:20px; margin-bottom:0;}
.conta{ width:380px;}
.conta h2{ margin-bottom:16px; text-transform:uppercase;}
.conta .fash{ margin-bottom:10px; line-height:20px; padding-left:28px;}
.conta .fash a{ color:#333;}
.conta .icon li{ float:left; margin-right:12px;}
.copy{ margin-top:160px; text-transform:uppercase;}
/*二级页面*/
.subbanner{ width:100%; height:300px;}
/*gallery*/
.gallery{ width:1100px; margin:0 auto;}
.gallery h2{ font-size:22px; text-transform:uppercase; color:#9c0a2e; line-height:36px; margin-top:20px; font-weight:bold;}
.gallery img{ display:block; margin-bottom:10px; width:100%;}
.tuji{ margin-top:30px;}
.subser{ margin-top:30px;}
.subser li{ width:530px;}
.subser li img{ width:530px; height:350px; overflow:hidden; margin-bottom:24px;}
.subser h3{ font-size:16px; font-weight:bold; line-height:24px; margin-bottom:12px;}
.subser p{line-height:20px; margin-bottom:10px;}
/*家具出售*/
.location{ border-bottom:1px dotted #ccc; height:40px; line-height:40px; margin-bottom:30px; text-transform:uppercase;}
.location a{ color:#333;}
.location a:hover{ color:#a20050;}
.sale .fenl{ margin-top:40px;}
.sale .fenl li{ float:left;width:260px; height:240px; position:relative; overflow:hidden; margin-right:20px;}
.sale .fenl li h3{ position:absolute; left:0;bottom:0; color:#fff; background:rgba(0,0,0,0.2); width:250px; height:44px; padding-left:10px; line-height:44px;}
.sale .fenl li img{width:260px; height:240px;}
.sale .fenl li h3:hover{ color:#e5e5e5;}
.sale .shuo{ height:60px; line-height:60px; border:2px solid #a20050; margin:30px 0; text-align:center; font-size:16px; font-weight:bold;}
.shou li{ float:left; margin-right:20px; margin-bottom:30px;}
.shou li .saleimg{ width:260px; }
.shou li .saleimg .saimg{width:258px;height:172px; border:1px solid #ccc; overflow:hidden;}
.shou li .saleimg .saimg img{ width:100%;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.shou li .saleimg img:hover{transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */}
.shou li .saleimg h4{ text-transform:capitalize; color:#333; line-height:24px; margin-bottom:10px;} 
.shou li .xun{background:#666; width:120px;text-transform:uppercase; text-align:center; height:40px; line-height:40px;}
.shou li .xun a{color:#fff;}
.page{ text-align:center;}
.page a{ border:1px solid #ccc; margin:0 6px; padding:4px 10px; color:#333;}
.page a:hover{ color:#a20050; border:1px solid #a20050;}
.sale .leimg{ width:518px; height:478px; border:1px solid #ccc;}
.sale .leimg img{ width:100%; overflow:hidden;}
.sale .protext{ width:540px;}
.sale .protext h3{ font-size:16px; font-weight:bold; margin-bottom:20px;}
.sale .protext .canshu{ line-height:24px;}
/*关于我们*/
.zhengwen{ margin-top:12px; line-height:20px;}
.abimg img{ margin:auto; margin-top:20px;}
/*联系我们*/
.proform2{ width:698px;margin-top:30px;}
.proform2 .top{ height:36px; line-height:36px; background:#e5e5e5; text-indent:1em;}
.proform2 .main{height:auto; overflow:hidden;}
.proform2 .main p{ width:800px; margin-bottom:16px; float:left;}
.proform2 .main label{ width:180px; line-height:34px; text-align:right; font-weight:600; margin-right:5px; display:block; float:left;}
.proform2 .main input{ height:34px; line-height:34px; border:1px solid #ccc;display:block; float:left;}
.proform2 .main .int1{ width:400px;}
.proform2 .main .int2{ width:480px; height:94px; line-height:180%; border:1px solid #ccc;}
.proform2 .main .int3{ width:84px;}
.proform2 .main .btn01{ background:#9c0a2e; text-align:center; color:#fff; border:1px solid #9c0a2e; margin-left:10px; width:84px; line-height:26px;}
.lian{ width:360px; background:#eee; padding:30px 20px; min-height:330px;}
.person{ margin-top:30px; line-height:24px;}

/*2018.4.20*/
.real li{ width:32%; float:left; overflow:hidden; height:262px; position:relative; margin-right:20px; margin-top:20px;}
.real li:nth-of-type(3n){ margin-right:0;} 
.real li p{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.4); width:100%; color:#fff; line-height:40px; padding:0 10px; font-size:15px; text-transform:capitalize;}
.real li p:hover{ cursor:pointer;}
.elem, .elem * {
		box-sizing: border-box;
		margin: 0 !important;	
	}
	.elem {
		display: inline-block;
		font-size: 0;
		width: 100%;
		background: #fff;
		height: auto;
		background-clip: padding-box;
	}
	.elem > span {
		display: block;
		cursor: pointer;
		height: 0;
		padding-bottom:	75%;
		background-size: cover;	
		background-position: center center;
	}
.elem1, .elem1 * {
		box-sizing: border-box;
		margin: 0 !important;	
	}
	.elem1 {
		display: inline-block;
		font-size: 0;
		width:100%;
		background: #fff;
		height: auto;
		background-clip: padding-box;
	}
	.elem1 > span {
		display: block;
		cursor: pointer;
		height: 0;
		padding-bottom:	75%;
		background-size: cover;	
		background-position: center center;
	}
.elem2, .elem2 * {
		box-sizing: border-box;
		margin: 0 !important;	
	}
	.elem2 {
		display: inline-block;
		font-size: 0;
		width:100%;
		background: #fff;
		height: auto;
		background-clip: padding-box;
	}
	.elem2 > span {
		display: block;
		cursor: pointer;
		height: 0;
		padding-bottom:	75%;
		background-size: cover;	
		background-position: center center;
	}
.elem3, .elem3 * {
		box-sizing: border-box;
		margin: 0 !important;	
	}
	.elem3 {
		display: inline-block;
		font-size: 0;
		width:100%;
		background: #fff;
		height: auto;
		background-clip: padding-box;
	}
	.elem3 > span {
		display: block;
		cursor: pointer;
		height: 0;
		padding-bottom:	75%;
		background-size: cover;	
		background-position: center center;
	}
.elem4, .elem4 * {
		box-sizing: border-box;
		margin: 0 !important;	
	}
	.elem4 {
		display: inline-block;
		font-size: 0;
		width:100%;
		background: #fff;
		height: auto;
		background-clip: padding-box;
	}
	.elem4 > span {
		display: block;
		cursor: pointer;
		height: 0;
		padding-bottom:	75%;
		background-size: cover;	
		background-position: center center;
	}
	.elem5, .elem5 * {
		box-sizing: border-box;
		margin: 0 !important;	
	}
	.elem5 {
		display: inline-block;
		font-size: 0;
		width:100%;
		background: #fff;
		height: auto;
		background-clip: padding-box;
	}
	.elem5 > span {
		display: block;
		cursor: pointer;
		height: 0;
		padding-bottom:	75%;
		background-size: cover;	
		background-position: center center;
	}
@media screen and (min-width:1920px) and (max-width:2560px ){
	.real li{ height:382px;}
	}
@media screen and (min-width: 1600px) and (max-width:1919px ){
	.real li{ height:312px;}
	}
@media screen and (min-width: 1440px) and (max-width:1599px ){
	.real li{ height:262px;}
	}
@media screen and (min-width: 1024px) and (max-width:1199px ) {
	.real li{ width:31.8%; height:214px;}
	}
@media screen and (min-width: 640px) and (max-width:1023px ){
	.real li{ margin-right:10px; margin-top:10px;height:152px;}
	.real li p{ line-height:30px;}
	}