@import url("../plugs/font-awesome-4.7.0/css/font-awesome.min.css");
@import url("iconfont.css");

body{background-color: #FFF;}

/* 头部 */
.house-header .layui-container{overflow: hidden; transition: all 400ms ease-out;}
.house-header{width: 100%; background-color: #FFF; border-bottom: 2px solid #E8E8E6;}
.house-header .house-nav{height: 50px; line-height: 50px; position: relative;}
.house-header .house-nav .layui-breadcrumb{display: none; position: absolute; right: 23px;}
.house-header .house-nav .layui-breadcrumb span[lay-separator]{margin: 0 20px;}
.house-header .house-nav .layui-breadcrumb a:hover{color: #dabb92 !important;}
.house-header .house-nav .house-breadcrumb-icon{display: block; position: absolute; right: 40px;}
.house-header .house-nav .house-breadcrumb-icon span[lay-separator]{margin: 0 5px;}
.house-header .house-nav .house-breadcrumb-icon i{font-size: 24px; color: #dabb92; line-height: 50px;}
.house-header .house-banner{position: absolute; top: 0; max-height: 96px; line-height: 48px;}
.house-header .house-banner .logo{display: inline-block; width: 150px;}
.house-header .house-banner .logo img{width: 100%; max-height: 46px;}
.house-header .house-banner .logo h1{max-height: 96px; line-height: 46px; text-align: center; display:flex; color: #bd9156;}
.house-header .house-banner .banner{display: none; position: absolute; right: 0; max-width: 88%;}
.house-header .house-banner .banner img{max-width: 100%; max-height: 46px;}
.house-header .layui-nav{max-width: 100%; background: #FFF; left: 0; top: 50px;}
.house-header .layui-nav .layui-nav-item{display: block; text-align: center;}
.house-header .layui-nav .layui-nav-item a{font-size: 16px; color: #000; padding: 0 20px;}
.house-header .layui-nav .layui-nav-item a:hover, .house-header .layui-nav .layui-this a{color: #dabb92;}
.house-header .layui-nav .layui-this:after, .house-header .layui-nav .layui-nav-bar{height: 1px; background-color: #dabb92;}
.house-header #switch{position: absolute; top: 12px; right: 15px; width: 25px; height: 25px; background-color: #FFF; cursor: pointer; transition: 0.3s; border: 1px solid #FFF; border-radius: 3px;}
.house-header #switch:hover{border-color: #dabb92; transition: 0.3s;}
.house-header #switch span{position: absolute; top: 25%; left: 3px; width: 18px; height: 1px; background-color: #dabb92;}
.house-header #switch span.second{position: absolute; top: 50%;}
.house-header #switch span.third{position: absolute; top: 75%;}
.house-carousel{height: 500px; text-align: center;}
.house-carousel>*[carousel-item] > *
,.house-carousel .layui-carousel{background: none;}

/* 中间 */
.layui-carousel img{max-width: 100%; height: 500px;}
.house-hot{width: 100%; background-color: #FFF; padding-bottom:20px;}
.house-breadcrumb{color: #999; line-height: 50px; padding-top: 7px;}
.house-title{margin-top: 45px; font-size: 18px; line-height: 78px; position: relative;}
.house-title a{color: #999; font-size: 18px; position: absolute; right: 0;}
.news #page{margin-top: 30px;  text-align: center;}

/*内容*/
.news .content{font-size: 16px; color: #333; line-height: 30px; padding-bottom: 50px;}
.news .content > h1{font-size: 24px; color: #000; margin-bottom: 25px; line-height: 30px; font-weight: bold;}
.news .content .newsClass{font-size: 14px; color: #666; margin-bottom: 10px; }
.news .content .newsClass i{font-style: normal; margin-right: 15px; color: #AAA;}
.news .content img{display: block; width: 100%; margin: 20px 0 30px;}

/* 尾部 */
.house-footer{background: #2F2F2F; position: relative;}
.house-footer:after{content: ''; position: absolute; left: 0; top: 72px; width: 100%; height: 1px; background-color: #3d3d3d;}
.house-footer .intro{height: 72px; line-height: 72px; color: #FFF; font-size: 12px; position: relative;}
.house-footer .intro i{font-size: 12px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.house-footer .intro span.first{position: absolute; left: 0;}
.house-footer .intro span.second{position: absolute; left: 25%;}
.house-footer .intro span.third{position: absolute; left: 52%; top: 0;}
.house-footer .intro span.last{position: absolute; right: 0; top: 0;}
.house-footer .links{padding-top: 8px; padding-bottom: 8px; text-align: center;}
.house-footer .links .layui-breadcrumb a{font-size: 12px;}
.house-footer .links .layui-breadcrumb a:hover{color: #dabb92 !important;}
.house-footer .copyright{color: #999; padding-top: 20px; padding-bottom: 20px; text-align: center;}
.house-footer .copyright a{color: #999;}

@media screen and (max-width: 768px){
	.house-header .layui-container{height: 50px;}
	.house-carousel{height: 150px;}
	.layui-carousel img{height: 150px;}
	.house-title{margin-top: 0;}
}

@media screen and (max-width: 480px){
	.house-footer:after{top: 72px;}
	.house-footer .intro{line-height: 36px;}
	.house-footer .intro span.first{left: 0;}
	.house-footer .intro span.second{left: auto; right: 0;}
	.house-footer .intro span.third{top: 30px; left: 0;}
	.house-footer .intro span.last{top: 30px; right: 0;}
	.house-footer .copyright{padding-top: 10px; padding-bottom: 10px;}
}

@media screen and (min-width: 768px){
	.house-header:after{content: ''; position: absolute; left: 0; top: 40px; width: 100%; height: 1px; background-color: #F2F2F2;}
	.house-header .house-nav{height: 40px; line-height: 40px;}
	.house-header .house-nav .layui-breadcrumb{display: block;}
	.house-header .house-nav .house-breadcrumb-icon{display: none; right: 10px;}
	.house-header .house-banner{position: relative; line-height: 96px;}
	.house-header .house-banner .logo{width: 180px;}
	.house-header .house-banner .logo h1{line-height: 30px;}
	.house-header .house-banner .logo img{max-height: 88px;}
	.house-header .house-banner .banner{display: inline-block;}
	.house-header .house-banner .banner img{max-height: 88px;}
	.house-header .layui-nav{top: auto; bottom: 0;}
	.house-header .layui-nav .layui-nav-item{display: inline-block;}
	.house-header .layui-nav .layui-this:after, .house-header .layui-nav .layui-nav-bar{height: 0;}
	.house-header #switch{display: none;}
	body.scroll{padding-top: 50px;}
	.house-header.scroll:after{height: 0;}
	.house-header.scroll .house-nav{height: 50px;}
	.house-header.scroll .house-nav .layui-breadcrumb{display: none;}
	.house-header.scroll .house-nav .house-breadcrumb-icon{display: block;}
	.house-header.scroll .house-banner{position: absolute; top: 0; line-height: 48px;}
	.house-header.scroll .house-banner .logo{width: 180px;}
	.house-header.scroll .house-banner .logo img{max-height: 46px;}
	.house-header.scroll .house-banner .logo h1{line-height: 30px;}
	.house-header.scroll .house-banner .banner{display: none;}
	.house-header.scroll .house-banner .banner img{max-height: 46px;}
	.house-header.scroll .layui-nav{height: 50px; top: 0; left: 120px; width: 65%;}
	.house-header.scroll .layui-nav .layui-nav-item a{padding: 0 20px; line-height: 50px;}
	.hot-sell a.text p{font-size: 16px;}
	.house-title,.house-title i{font-size: 18px;}
	.house-footer:after{top: 100px;}
	.house-footer .links .layui-breadcrumb a{font-size: 14px;}
	.house-footer .intro span.third{left: 55%;}
	.house-footer .intro{height: 100px; line-height: 100px; font-size: 16px;}
	.house-footer .intro i{font-size: 16px; margin-right: 10px;}
}

@media screen and (min-width: 992px){
	.house-header.scroll .layui-nav{width: 70%;}
	.house-header.scroll .layui-nav .layui-nav-item a{padding: 0 30px;}
	.house-title,.house-title i{font-size: 30px;}
	.house-footer .intro{font-size: 20px;}
	.house-footer .intro i{font-size: 36px;}
}

@media screen and (min-width: 1200px){
	.house-header .house-nav .house-breadcrumb-icon span[lay-separator]{margin: 0 15px;}
	.house-header.scroll .house-banner .logo{width: 200px;}
	.house-header.scroll .layui-nav{left: 150px;}
}

@media screen and (min-width: 1300px){
	.layui-container{width: 1200px !important; padding: 0;}
}

@media \0screen{
	.house-header{border-bottom: 1px solid #EEE;}
}